checklists.jade 3.3 KB

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