git.iko.soy/webring
on 0596a5d help sign in
webring/scripts/progress.js
42 lines 997 B history raw
1'use strict'
3const Progress = keys => {
4 const stack = new Set(keys.filter(key => key))
5 const loaded = new Set()
6 const failed = new Set()
8 this.ratio = () => {
9 return loaded.size / stack.size
10 }
12 this.percentage = () => {
13 return (100 * this.ratio()).toFixed(2)
14 }
16 const render = () => `
17 <div class='${loaded.size !== stack.size ? 'busy' : 'done'}'>
18 <p>
19 ${'|'.repeat(this.ratio() * 10)}
20 ${loaded.size !== stack.size ? this.percentage() + '% ' : ''}
21 ${loaded.size === stack.size ? 'Complete' : 'Loading'}
22 ${failed.size !== 0 ? `(${failed.size} failed)` : ''}
23 </p>
25 </div>`
27 const didLoad = (key, success) => new Promise((resolve, reject) => {
28 if (stack.has(key)) {
29 loaded.add(key)
30 if (!success) failed.add(key)
31 return resolve()
32 } else {
33 return reject()
34 }
35 })
37 return {
38 success: key => didLoad(key, true),
39 failure: key => didLoad(key, false),
40 toString: render
41 }