checklists.jade 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. template(name="checklists")
  2. h2 {{_ '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. +inlinedForm(classNames="js-edit-checklist-title" checklist = checklist)
  18. +editChecklistItemForm(checklist = checklist)
  19. else
  20. .checklist-title
  21. .checkbox.fa.fa-check-square-o
  22. if canModifyCard
  23. a.js-delete-checklist.toggle-delete-checklist-dialog {{_ "delete"}}...
  24. span.checklist-stat(class="{{#if checklist.isFinished}}is-finished{{/if}}") {{checklist.finishedCount}}/{{checklist.itemCount}}
  25. if canModifyCard
  26. h2.title.js-open-inlined-form.is-editable {{checklist.title}}
  27. else
  28. h2.title {{checklist.title}}
  29. +checklistItems(checklist = checklist)
  30. template(name="checklistDeleteDialog")
  31. .js-confirm-checklist-delete
  32. p
  33. i(class="fa fa-exclamation-triangle" aria-hidden="true")
  34. p
  35. | {{_ 'confirm-checklist-delete-dialog'}}
  36. span {{checklist.title}}
  37. | ?
  38. .js-checklist-delete-buttons
  39. button.confirm-checklist-delete(type="button") {{_ 'delete'}}
  40. button.toggle-delete-checklist-dialog(type="button") {{_ 'cancel'}}
  41. template(name="addChecklistItemForm")
  42. textarea.js-add-checklist-item(rows='1' autofocus)
  43. .edit-controls.clearfix
  44. button.primary.confirm.js-submit-add-checklist-item-form(type="submit") {{_ 'save'}}
  45. a.fa.fa-times-thin.js-close-inlined-form
  46. template(name="editChecklistItemForm")
  47. textarea.js-edit-checklist-item(rows='1' autofocus)
  48. if $eq type 'item'
  49. = item.title
  50. else
  51. = checklist.title
  52. .edit-controls.clearfix
  53. button.primary.confirm.js-submit-edit-checklist-item-form(type="submit") {{_ 'save'}}
  54. a.fa.fa-times-thin.js-close-inlined-form
  55. span(title=createdAt) {{ moment createdAt }}
  56. if canModifyCard
  57. a.js-delete-checklist-item {{_ "delete"}}...
  58. template(name="checklistItems")
  59. .checklist-items.js-checklist-items
  60. each item in checklist.getItemsSorted
  61. +inlinedForm(classNames="js-edit-checklist-item" item = item checklist = checklist)
  62. +editChecklistItemForm(type = 'item' item = item checklist = checklist)
  63. else
  64. +itemDetail(item = item checklist = checklist)
  65. if canModifyCard
  66. +inlinedForm(autoclose=false classNames="js-add-checklist-item" checklist = checklist)
  67. +addChecklistItemForm
  68. else
  69. a.add-checklist-item.js-open-inlined-form
  70. i.fa.fa-plus
  71. | {{_ 'add-checklist-item'}}...
  72. template(name='itemDetail')
  73. .item.js-checklist-item
  74. if canModifyCard
  75. .check-box.materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
  76. .item-title.js-open-inlined-form.is-editable(class="{{#if item.isFinished }}is-checked{{/if}}") {{item.title}}
  77. else
  78. .materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
  79. .item-title(class="{{#if item.isFinished }}is-checked{{/if}}") {{item.title}}