ancora su Typescript...
suddiviso i ts dai html e scss
This commit is contained in:
47
src/mount.ts
Normal file
47
src/mount.ts
Normal 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);
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user