migrationProgress.jade 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. template(name="migrationProgress")
  2. .migration-overlay(class="{{#if isMigrating}}active{{/if}}")
  3. .migration-modal
  4. .migration-header
  5. h3
  6. i.fa.fa-database
  7. | {{_ 'database-migration'}}
  8. p {{_ 'database-migration-description'}}
  9. .migration-content
  10. .migration-overview
  11. .overall-progress
  12. .progress-bar
  13. .progress-fill(style="width: {{migrationProgress}}%")
  14. .progress-text {{migrationProgress}}%
  15. .progress-label {{_ 'overall-progress'}}
  16. .current-step
  17. i.fa.fa-cog.fa-spin
  18. | {{migrationCurrentStep}}
  19. .estimated-time(style="{{#unless migrationEstimatedTime}}display: none;{{/unless}}")
  20. i.fa.fa-clock-o
  21. | {{_ 'estimated-time-remaining'}}: {{migrationEstimatedTime}}
  22. .migration-steps
  23. h4 {{_ 'migration-steps'}}
  24. .steps-list
  25. each migrationSteps
  26. .migration-step(class="{{#if completed}}completed{{/if}}" class="{{#if isCurrentStep}}current{{/if}}")
  27. .step-header
  28. .step-icon
  29. if completed
  30. i.fa.fa-check-circle
  31. else if isCurrentStep
  32. i.fa.fa-cog.fa-spin
  33. else
  34. i.fa.fa-circle-o
  35. .step-info
  36. .step-name {{name}}
  37. .step-description {{description}}
  38. .step-progress
  39. if completed
  40. .progress-text 100%
  41. else if isCurrentStep
  42. .progress-text {{progress}}%
  43. else
  44. .progress-text 0%
  45. if isCurrentStep
  46. .step-progress-bar
  47. .progress-fill(style="width: {{progress}}%")
  48. .migration-status
  49. i.fa.fa-info-circle
  50. | {{migrationStatus}}
  51. .migration-footer
  52. .migration-info
  53. i.fa.fa-lightbulb-o
  54. | {{_ 'migration-info-text'}}
  55. .migration-warning
  56. i.fa.fa-exclamation-triangle
  57. | {{_ 'migration-warning-text'}}