25 lines
605 B
JavaScript
25 lines
605 B
JavaScript
|
const html = require('choo/html');
|
||
|
|
|
||
|
|
export default function progressBar(state, emit) {
|
||
|
|
let percent = 0;
|
||
|
|
if (state.transfer && state.transfer.progress) {
|
||
|
|
percent = Math.floor(state.transfer.progressRatio * 100);
|
||
|
|
}
|
||
|
|
function onclick(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
if (state.uploading) {
|
||
|
|
emit('cancel');
|
||
|
|
}
|
||
|
|
emit('pushState', '/');
|
||
|
|
}
|
||
|
|
return html`<body>
|
||
|
|
<div id="white">
|
||
|
|
<div class="card">
|
||
|
|
<div>${percent}%</div>
|
||
|
|
<span class="progress" style="width: ${percent}%">.</span>
|
||
|
|
<div class="cancel" onclick=${onclick}>CANCEL</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>`;
|
||
|
|
}
|