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

61
index.html
View File

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