haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(index.html): UI adjustments

This commit is contained in:
yanas 2016-12-13 18:19:49 -06:00
parent 62532b5879
commit c5cacd7955
1 changed files with 42 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
index.html
View File

@ -65,23 +65,46 @@
= "<div style='" = "<div style='"
+ "position: absolute;top: 50%;left: 50%;" + "position: absolute;top: 50%;left: 50%;"
+ "text-align: center;" + "text-align: center;"
+ "font-size: medium;"
+ "font-weight: 400;"
+ "transform: translate(-50%, -50%)'>" + "transform: translate(-50%, -50%)'>"
+ "The application failed to load." + "Uh oh! We couldn't fully download everything we needed :(" // jshint ignore:line
+ "<br/> "
+ "We will try again shortly. In the mean time, check for problems with your Internet connection!" // jshint ignore:line
+ "<br/><br/> "
+ "<div id='moreInfo' style='"
+ "display: none;'>" + "Missing " + fileRef
+ "<br/><br/></div>"
+ "<a id='showMore' style='" + "<a id='showMore' style='"
+ "text-decoration: underline;" + "text-decoration: underline;"
+ "cursor: pointer'>more</a>" + "font-size:small;"
+ "<div id='moreInfo' style='" + "cursor: pointer'>show more</a>"
+ "display: none'>" + fileRef + "</div>" + "&nbsp;&nbsp;&nbsp;"
+ "<br/> " + "<a href='" + href + "' style='"
+ "The page should reload shortly... " + "text-decoration: underline;"
+ "<a href='" + href + "'" + "font-size:small;"
+ " style='text-decoration: underline'>reload</a>" + "'>reload now</a>"
+ "</div>"; + "</div>";
document.getElementById("showMore")
.addEventListener('click', function () { var showMoreElem = document.getElementById("showMore");
document showMoreElem.addEventListener('click', function () {
.getElementById("moreInfo") var moreInfoElem
.setAttribute("style", "display: block;"); = document.getElementById("moreInfo");
if (showMoreElem.innerHTML === "show more") {
moreInfoElem.setAttribute(
"style",
"display: block;"
+ "color:#FF991F;"
+ "font-size:small;"
+ "user-select:text;");
showMoreElem.innerHTML = "show less";
}
else {
moreInfoElem.setAttribute(
"style", "display: none;");
showMoreElem.innerHTML = "show more";
}
}); });
window.setTimeout( window.setTimeout(