b74b29e8a0
Currently all.css is loaded after app.js. This means there may not be a guarantee that the css is loaded before the js, which is bad because the js does dom querying for sizes on elements, but some element sizes will be affected by js. So instead load css upfront and let the browser block as needed or at least give the css a head start in racing javascript to load.
146 lines
6.6 KiB
HTML
146 lines
6.6 KiB
HTML
<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--#include virtual="base.html" -->
|
|
|
|
<link rel="stylesheet" href="css/all.css">
|
|
|
|
<script>
|
|
window.indexLoadedTime = window.performance.now();
|
|
console.log("(TIME) index.html loaded:\t", indexLoadedTime);
|
|
// XXX the code below listeners for errors and displays an error message
|
|
// in the document body when any of the required files fails to load.
|
|
// The intention is to prevent from displaying broken page.
|
|
var criticalFiles = [
|
|
"config.js",
|
|
"utils.js",
|
|
"do_external_connect.js",
|
|
"interface_config.js",
|
|
"logging_config.js",
|
|
"lib-jitsi-meet.min.js",
|
|
"app.bundle.min.js",
|
|
"all.css"
|
|
];
|
|
var loadErrHandler = function(e) {
|
|
var target = e.target;
|
|
// Error on <script> and <link>(CSS)
|
|
// <script> will have .src and <link> .href
|
|
var fileRef = (target.src ? target.src : target.href);
|
|
if (("SCRIPT" === target.tagName || "LINK" === target.tagName)
|
|
&& criticalFiles.some(
|
|
function(file) { return fileRef.indexOf(file) !== -1 })) {
|
|
window.onload = function() {
|
|
// The whole complex part below implements page reloads with
|
|
// "exponential backoff". The retry attempt is passes as
|
|
// "rCounter" query parameter
|
|
var href = window.location.href;
|
|
|
|
var retryMatch = href.match(/.+(\?|&)rCounter=(\d+)/);
|
|
var retryCountStr = retryMatch ? retryMatch[2] : "0";
|
|
var retryCount = Number.parseInt(retryCountStr);
|
|
|
|
if (retryMatch == null) {
|
|
var separator = href.indexOf("?") === -1 ? "?" : "&";
|
|
var hashIdx = href.indexOf("#");
|
|
|
|
if (hashIdx === -1) {
|
|
href += separator + "rCounter=1";
|
|
} else {
|
|
var hashPart = href.substr(hashIdx);
|
|
|
|
href = href.substr(0, hashIdx)
|
|
+ separator + "rCounter=1" + hashPart;
|
|
}
|
|
} else {
|
|
var separator = retryMatch[1];
|
|
|
|
href = href.replace(
|
|
/(\?|&)rCounter=(\d+)/,
|
|
separator + "rCounter=" + (retryCount + 1));
|
|
}
|
|
|
|
var delay = Math.pow(2, retryCount) * 2000;
|
|
if (isNaN(delay) || delay < 2000 || delay > 60000)
|
|
delay = 10000;
|
|
|
|
var showMoreText = "show more";
|
|
var showLessText = "show less";
|
|
|
|
document.body.innerHTML
|
|
= "<div style='"
|
|
+ "position: absolute;top: 50%;left: 50%;"
|
|
+ "text-align: center;"
|
|
+ "font-size: medium;"
|
|
+ "font-weight: 400;"
|
|
+ "transform: translate(-50%, -50%)'>"
|
|
+ "Uh oh! We couldn't fully download everything we needed :("
|
|
+ "<br/> "
|
|
+ "We will try again shortly. In the mean time, check for problems with your Internet connection!"
|
|
+ "<br/><br/> "
|
|
+ "<div id='moreInfo' style='"
|
|
+ "display: none;'>" + "Missing " + fileRef
|
|
+ "<br/><br/></div>"
|
|
+ "<a id='showMore' style='"
|
|
+ "text-decoration: underline;"
|
|
+ "font-size:small;"
|
|
+ "cursor: pointer'>" + showMoreText + "</a>"
|
|
+ " "
|
|
+ "<a href='" + href + "' style='"
|
|
+ "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 === showMoreText) {
|
|
moreInfoElem.setAttribute(
|
|
"style",
|
|
"display: block;"
|
|
+ "color:#FF991F;"
|
|
+ "font-size:small;"
|
|
+ "user-select:text;");
|
|
showMoreElem.innerHTML = showLessText;
|
|
}
|
|
else {
|
|
moreInfoElem.setAttribute(
|
|
"style", "display: none;");
|
|
showMoreElem.innerHTML = showMoreText;
|
|
}
|
|
});
|
|
|
|
window.setTimeout(
|
|
function () { window.location.replace(href); }, delay);
|
|
|
|
// Call extra handler if defined.
|
|
if (typeof postLoadErrorHandler === "function") {
|
|
postLoadErrorHandler();
|
|
}
|
|
};
|
|
window.removeEventListener(
|
|
'error', loadErrHandler, true /* capture phase */);
|
|
}
|
|
};
|
|
window.addEventListener(
|
|
'error', loadErrHandler, true /* capture phase type of listener */);
|
|
</script>
|
|
<script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
|
|
<!--#include virtual="connection_optimization/connection_optimization.html" -->
|
|
<script src="libs/do_external_connect.min.js?v=1"></script>
|
|
<script><!--#include virtual="/interface_config.js" --></script>
|
|
<script><!--#include virtual="/logging_config.js" --></script>
|
|
<script src="libs/lib-jitsi-meet.min.js?v=139"></script>
|
|
<script src="libs/app.bundle.min.js?v=139"></script>
|
|
<!--#include virtual="title.html" -->
|
|
<!--#include virtual="plugin.head.html" -->
|
|
</head>
|
|
<body>
|
|
<div id="react"></div>
|
|
</body>
|
|
</html>
|