upload.js 647 B

1234567891011121314151617181920212223242526
  1. const html = require('choo/html');
  2. export default function progressBar(state, emit) {
  3. let percent = 0;
  4. if (state.transfer && state.transfer.progress) {
  5. percent = Math.floor(state.transfer.progressRatio * 100);
  6. }
  7. function onclick(e) {
  8. e.preventDefault();
  9. if (state.uploading) {
  10. emit('cancel');
  11. }
  12. emit('pushState', '/');
  13. }
  14. return html`
  15. <body>
  16. <div id="white">
  17. <div class="card">
  18. <div>${percent}%</div>
  19. <span class="progress" style="width: ${percent}%">.</span>
  20. <div class="cancel" onclick="${onclick}">CANCEL</div>
  21. </div>
  22. </div>
  23. </body>
  24. `;
  25. }