originalPositionsView.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <template name="originalPositionsView">
  2. <div class="original-positions-view">
  3. <div class="original-positions-header">
  4. <button class="btn btn-sm btn-outline-secondary" onclick="{{toggleOriginalPositions}}">
  5. <i class="fa fa-history"></i>
  6. {{#if isShowingOriginalPositions}}Hide{{else}}Show{{/if}} Original Positions
  7. </button>
  8. {{#if isShowingOriginalPositions}}
  9. <button class="btn btn-sm btn-outline-primary" onclick="{{refreshHistory}}">
  10. <i class="fa fa-refresh"></i> Refresh
  11. </button>
  12. {{/if}}
  13. </div>
  14. {{#if isShowingOriginalPositions}}
  15. <div class="original-positions-content">
  16. {{#if isLoading}}
  17. <div class="original-positions-loading">
  18. <i class="fa fa-spinner fa-spin"></i> Loading original positions...
  19. </div>
  20. {{else}}
  21. <div class="original-positions-filters">
  22. <div class="btn-group btn-group-sm" role="group">
  23. <button type="button"
  24. class="btn {{#if isFilterType 'all'}}btn-primary{{else}}btn-outline-secondary{{/if}}"
  25. onclick="{{setFilterType 'all'}}">
  26. All
  27. </button>
  28. <button type="button"
  29. class="btn {{#if isFilterType 'swimlane'}}btn-primary{{else}}btn-outline-secondary{{/if}}"
  30. onclick="{{setFilterType 'swimlane'}}">
  31. <i class="fa fa-bars"></i> Swimlanes
  32. </button>
  33. <button type="button"
  34. class="btn {{#if isFilterType 'list'}}btn-primary{{else}}btn-outline-secondary{{/if}}"
  35. onclick="{{setFilterType 'list'}}">
  36. <i class="fa fa-columns"></i> Lists
  37. </button>
  38. <button type="button"
  39. class="btn {{#if isFilterType 'card'}}btn-primary{{else}}btn-outline-secondary{{/if}}"
  40. onclick="{{setFilterType 'card'}}">
  41. <i class="fa fa-sticky-note"></i> Cards
  42. </button>
  43. </div>
  44. </div>
  45. <div class="original-positions-list">
  46. {{#each getFilteredHistory}}
  47. <div class="original-position-item">
  48. <div class="original-position-item-header">
  49. <i class="fa {{getEntityTypeIcon entityType}}"></i>
  50. <span class="entity-type">{{getEntityTypeLabel entityType}}</span>
  51. <span class="entity-name">{{getEntityDisplayName this}}</span>
  52. <span class="entity-id">({{entityId}})</span>
  53. </div>
  54. <div class="original-position-item-details">
  55. <div class="original-position-description">
  56. {{getEntityOriginalPositionDescription this}}
  57. </div>
  58. {{#if originalTitle}}
  59. <div class="original-title">
  60. <strong>Original title:</strong> {{originalTitle}}
  61. </div>
  62. {{/if}}
  63. <div class="original-position-date">
  64. <small class="text-muted">Created: {{formatDate createdAt}}</small>
  65. </div>
  66. </div>
  67. </div>
  68. {{else}}
  69. <div class="no-original-positions">
  70. <i class="fa fa-info-circle"></i>
  71. No original position data available for this board.
  72. </div>
  73. {{/each}}
  74. </div>
  75. {{/if}}
  76. </div>
  77. {{/if}}
  78. </div>
  79. </template>