novoland-developer-networks/OfficialSite
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change async stylesheet method, check stylesheet onload before init app

Browse Source
This commit is contained in:
Antoine Boulanger
2020-05-26 15:22:14 -04:00
parent a110cc7ae2
commit e910afc384
8 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/scripts/app.js
View File

@@ -7,9 +7,23 @@ const app = new modular({
modules: modules
});
app.init(app);
globals();
window.onload = (event) => {
const $style = document.getElementById("stylesheet");
html.classList.add('is-loaded', 'is-ready');
html.classList.remove('is-loading');
if ($style.isLoaded) {
init();
} else {
$style.addEventListener('load', (event) => {
init();
});
}
};
function init() {
app.init(app);
globals();
html.classList.add('is-loaded', 'is-ready');
html.classList.remove('is-loading');
}

2
www/assets/scripts/app.js
View File

File diff suppressed because one or more lines are too long

2
www/assets/scripts/app.js.map
View File

File diff suppressed because one or more lines are too long

2
www/assets/scripts/vendors.js
View File

File diff suppressed because one or more lines are too long

2
www/assets/styles/main.css
View File

File diff suppressed because one or more lines are too long

2
www/form.html
View File

@@ -14,7 +14,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#000000">
<link rel="stylesheet" href="assets/styles/main.css">
<link id="stylesheet" rel="stylesheet" href="assets/styles/main.css" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true">
</head>
<body data-module-load>
<div data-load-container>

2
www/images.html
View File

@@ -14,7 +14,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#000000">
<link rel="stylesheet" href="assets/styles/main.css">
<link id="stylesheet" rel="stylesheet" href="assets/styles/main.css" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true">
</head>
<body data-module-load>
<div data-load-container>

7
www/index.html
View File

@@ -14,12 +14,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#000000">
<link rel="preload" href="assets/styles/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/styles/main.css"></noscript>
<script>
!function(n){"use strict";n.loadCSS||(n.loadCSS=function(){});var o=loadCSS.relpreload={};if(o.support=function(){var e;try{e=n.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),o.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.addEventListener?t.removeEventListener("load",a):t.attachEvent&&t.detachEvent("onload",a),t.setAttribute("onload",null),t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},o.poly=function(){if(!o.support())for(var t=n.document.getElementsByTagName("link"),e=0;e<t.length;e++){var a=t[e];"preload"!==a.rel||"style"!==a.getAttribute("as")||a.getAttribute("data-loadcss")||(a.setAttribute("data-loadcss",!0),o.bindMediaToggle(a))}},!o.support()){o.poly();var t=n.setInterval(o.poly,500);n.addEventListener?n.addEventListener("load",function(){o.poly(),n.clearInterval(t)}):n.attachEvent&&n.attachEvent("onload",function(){o.poly(),n.clearInterval(t)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:n.loadCSS=loadCSS}("undefined"!=typeof global?global:this);
</script>
<script></script>
<link id="stylesheet" rel="stylesheet" href="assets/styles/main.css" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true">
</head>
<body data-module-load>
<div data-load-container>