ancora su Typescript...

suddiviso i ts dai html e scss
This commit is contained in:
paolo
2018-11-07 22:42:22 +01:00
parent 7c1d07797e
commit 6811202571
31 changed files with 8875 additions and 314 deletions

47
src/mount.ts Normal file
View File

@@ -0,0 +1,47 @@
import './components/loader/loader.scss';
function show(el: HTMLElement) {
el.style.display = 'block';
el.style.visibility = 'visible';
}
function mountApp(e: Event) {
document.getElementsByClassName('loader-wrapper')[0].remove();
show(document.getElementById('app'));
window['EntryPoint'].run(function (vue) {
vue.$mount('#app');
});
};
(() => {
let elapsed: number = 0;
let handle: number = null;
let interval: number = 100;
show(<HTMLElement>document.getElementsByClassName('loader-wrapper')[0]);
show(<HTMLElement>document.getElementsByClassName('loader-status')[0]);
var el: HTMLElement = <HTMLElement>document.getElementsByClassName('loader-progress')[0];
let updateProgress = () => {
elapsed = elapsed + interval;
let data = (elapsed * 0.001).toString().split('.')
let progress = data[0].toString() + '.' + (data.length > 1 ? data[1].substring(0, 1) : 0);
el.innerText = progress + ' ms';
}
handle = window.setInterval(updateProgress, interval);
document.addEventListener('DOMContentLoaded', (e) => {
updateProgress();
window.clearInterval(handle);
mountApp(e);
});
})();