checklists.jade 3.4 KB

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