checklists.jade 3.3 KB

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