1234567891011121314151617181920212223242526 |
- 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>
- `;
- }
|