checklists.jade 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. template(name="checklists")
  2. .checklists-title
  3. h3
  4. i.fa.fa-check
  5. | {{_ 'checklists'}}
  6. if currentUser.isBoardMember
  7. .material-toggle-switch
  8. span.toggle-switch-title {{_ 'hide-checked-items'}}
  9. if hideCheckedItems
  10. input.toggle-switch(type="checkbox" id="toggleHideCheckedItemsButton" checked="checked")
  11. else
  12. input.toggle-switch(type="checkbox" id="toggleHideCheckedItemsButton")
  13. label.toggle-label(for="toggleHideCheckedItemsButton")
  14. if toggleDeleteDialog.get
  15. .board-overlay#card-details-overlay
  16. +checklistDeleteDialog(checklist = checklistToDelete)
  17. .card-checklist-items
  18. each checklist in currentCard.checklists
  19. +checklistDetail(checklist = checklist)
  20. if canModifyCard
  21. +inlinedForm(autoclose=false classNames="js-add-checklist" cardId = cardId)
  22. +addChecklistItemForm
  23. else
  24. a.js-open-inlined-form
  25. i.fa.fa-plus
  26. | {{_ 'add-checklist'}}...
  27. template(name="checklistDetail")
  28. .js-checklist.checklist
  29. +inlinedForm(classNames="js-edit-checklist-title" checklist = checklist)
  30. +editChecklistItemForm(checklist = checklist)
  31. else
  32. .checklist-title
  33. span
  34. if canModifyCard
  35. a.js-delete-checklist.toggle-delete-checklist-dialog {{_ "delete"}}...
  36. if canModifyCard
  37. h2.title.js-open-inlined-form.is-editable
  38. +viewer
  39. = checklist.title
  40. else
  41. h2.title
  42. +viewer
  43. = checklist.title
  44. +checklistItems(checklist = checklist)
  45. template(name="checklistDeleteDialog")
  46. .js-confirm-checklist-delete
  47. p
  48. i(class="fa fa-exclamation-triangle" aria-hidden="true")
  49. p
  50. | {{_ 'confirm-checklist-delete-dialog'}}
  51. span {{checklist.title}}
  52. | ?
  53. .js-checklist-delete-buttons
  54. button.confirm-checklist-delete(type="button") {{_ 'delete'}}
  55. button.toggle-delete-checklist-dialog(type="button") {{_ 'cancel'}}
  56. template(name="addChecklistItemForm")
  57. textarea.js-add-checklist-item(rows='1' autofocus)
  58. .edit-controls.clearfix
  59. button.primary.confirm.js-submit-add-checklist-item-form(type="submit") {{_ 'save'}}
  60. a.fa.fa-times-thin.js-close-inlined-form
  61. template(name="editChecklistItemForm")
  62. textarea.js-edit-checklist-item(rows='1' autofocus dir="auto")
  63. if $eq type 'item'
  64. = item.title
  65. else
  66. = checklist.title
  67. .edit-controls.clearfix
  68. button.primary.confirm.js-submit-edit-checklist-item-form(type="submit") {{_ 'save'}}
  69. a.fa.fa-times-thin.js-close-inlined-form
  70. span(title=createdAt) {{ moment createdAt }}
  71. if canModifyCard
  72. a.js-delete-checklist-item {{_ "delete"}}...
  73. template(name="checklistItems")
  74. .checklist-items.js-checklist-items
  75. each item in checklist.items
  76. +inlinedForm(classNames="js-edit-checklist-item" item = item checklist = checklist)
  77. +editChecklistItemForm(type = 'item' item = item checklist = checklist)
  78. else
  79. +checklistItemDetail(item = item checklist = checklist)
  80. if canModifyCard
  81. +inlinedForm(autoclose=false classNames="js-add-checklist-item" checklist = checklist)
  82. +addChecklistItemForm
  83. else
  84. a.add-checklist-item.js-open-inlined-form
  85. i.fa.fa-plus
  86. | {{_ 'add-checklist-item'}}...
  87. template(name='checklistItemDetail')
  88. .js-checklist-item.checklist-item(class="{{#if item.isFinished }}is-checked{{#if hideCheckedItems}} invisible{{/if}}{{/if}}")
  89. if canModifyCard
  90. .check-box-container
  91. .check-box.materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
  92. .item-title.js-open-inlined-form.is-editable(class="{{#if item.isFinished }}is-checked{{/if}}")
  93. +viewer
  94. = item.title
  95. else
  96. .materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
  97. .item-title(class="{{#if item.isFinished }}is-checked{{/if}}")
  98. +viewer
  99. = item.title