subtasks.jade 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. a.js-view-subtask(title="{{ subtask.title }}") {{_ "view-it"}}
  24. if canModifyCard
  25. a.js-delete-subtask.toggle-delete-subtask-dialog {{_ "delete"}}...
  26. if canModifyCard
  27. h2.title.js-open-inlined-form.is-editable
  28. +viewer
  29. = subtask.title
  30. else
  31. h2.title
  32. +viewer
  33. = subtask.title
  34. template(name="subtaskDeleteDialog")
  35. .js-confirm-subtask-delete
  36. p
  37. i(class="fa fa-exclamation-triangle" aria-hidden="true")
  38. p
  39. | {{_ 'confirm-subtask-delete-dialog'}}
  40. span {{subtask.title}}
  41. | ?
  42. .js-subtask-delete-buttons
  43. button.confirm-subtask-delete(type="button") {{_ 'delete'}}
  44. button.toggle-delete-subtask-dialog(type="button") {{_ 'cancel'}}
  45. template(name="addSubtaskItemForm")
  46. textarea.js-add-subtask-item(rows='1' autofocus dir="auto")
  47. .edit-controls.clearfix
  48. button.primary.confirm.js-submit-add-subtask-item-form(type="submit") {{_ 'save'}}
  49. a.fa.fa-times-thin.js-close-inlined-form
  50. template(name="editSubtaskItemForm")
  51. textarea.js-edit-subtask-item(rows='1' autofocus dir="auto")
  52. if $eq type 'item'
  53. = item.title
  54. else
  55. = subtask.title
  56. .edit-controls.clearfix
  57. button.primary.confirm.js-submit-edit-subtask-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-subtask-item {{_ "delete"}}...
  62. template(name="subtasksItems")
  63. .subtasks-items.js-subtasks-items
  64. each item in subtasks.items
  65. +inlinedForm(classNames="js-edit-subtask-item" item = item subtasks = subtasks)
  66. +editSubtaskItemForm(type = 'item' item = item subtasks = subtasks)
  67. else
  68. +subtaskItemDetail(item = item subtasks = subtasks)
  69. if canModifyCard
  70. +inlinedForm(autoclose=false classNames="js-add-subtask-item" subtasks = subtasks dir="auto")
  71. +addSubtaskItemForm
  72. else
  73. a.add-subtask-item.js-open-inlined-form
  74. i.fa.fa-plus
  75. | {{_ 'add-subtask-item'}}...
  76. template(name='subtaskItemDetail')
  77. .js-subtasks-item.subtasks-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