subtasks.jade 3.1 KB

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