cardDetails.jade 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. template(name="cardDetails")
  2. section.card-details.js-card-details.js-perfect-scrollbar: .card-details-canvas
  3. .card-details-header
  4. +inlinedForm(classNames="js-card-details-title")
  5. input.full-line(type="text" value=title autofocus)
  6. .edit-controls.clearfix
  7. button.primary.confirm(type="submit") {{_ 'save'}}
  8. a.fa.fa-times-thin.js-close-inlined-form
  9. else
  10. a.fa.fa-angle-left.close-card-details.js-close-card-details
  11. if currentUser.isBoardMember
  12. a.fa.fa-bars.card-details-menu.js-open-card-details-menu
  13. h2.card-details-title.js-card-title(
  14. class="{{#if currentUser.isBoardMember}}js-open-inlined-form is-editable{{/if}}")
  15. = title
  16. p.card-details-list
  17. | {{_ 'in-list'}}
  18. a.card-details-list-title(
  19. class="{{#if currentUser.isBoardMember}}js-move-card is-editable{{/if}}")
  20. = list.title
  21. if currentUser.isBoardMember
  22. i.fa.fa-chevron-down
  23. .card-details-items
  24. .card-details-item.card-details-item-members
  25. h3.card-details-item-title {{_ 'members'}}
  26. each members
  27. +userAvatar(userId=this cardId="{{../_id}}")
  28. a.member.add-member.card-details-item-add-button.js-add-members
  29. i.fa.fa-plus
  30. .card-details-item.card-details-item-labels
  31. h3.card-details-item-title {{_ 'labels'}}
  32. a.js-add-labels
  33. each labels
  34. span.card-label(class="card-label-{{color}}" title=name)= name
  35. a.card-label.add-label.js-add-labels
  36. i.fa.fa-plus
  37. //- XXX We should use "editable" to avoid repetiting ourselves
  38. if currentUser.isBoardMember
  39. h3.card-details-item-title Description
  40. +inlinedForm(classNames="card-description js-card-description")
  41. +editor(autofocus=true)
  42. = description
  43. .edit-controls.clearfix
  44. button.primary(type="submit") {{_ 'edit'}}
  45. a.fa.fa-times-thin.js-close-inlined-form
  46. else
  47. a.js-open-inlined-form
  48. if description
  49. +viewer
  50. = description
  51. else
  52. | {{_ 'edit'}}
  53. else if description
  54. h3.card-details-item-title Description
  55. +viewer
  56. = description
  57. if attachments.count
  58. hr
  59. h2
  60. i.fa.fa-paperclip
  61. | {{_ 'attachments'}}
  62. +attachmentsGalery
  63. hr
  64. h2 {{ _ 'activity'}}
  65. if currentUser.isBoardMember
  66. +commentForm
  67. if isLoaded.get
  68. +activities(card=this mode="card")
  69. template(name="cardDetailsActionsPopup")
  70. ul.pop-over-list
  71. li: a.js-members Edit Members…
  72. li: a.js-labels Edit Labels…
  73. li: a.js-attachments Edit Attachments…
  74. hr
  75. ul.pop-over-list
  76. li: a.js-copy Copy Card
  77. unless archived
  78. li: a.js-archive Archive Card
  79. li: a.js-more More
  80. template(name="moveCardPopup")
  81. +boardLists
  82. template(name="cardMembersPopup")
  83. ul.pop-over-list.pop-over-member-list
  84. each board.members
  85. li.item(class="{{#if isCardMember}}active{{/if}}")
  86. a.name.js-select-member(href="#")
  87. +userAvatar(userId=user._id)
  88. span.full-name
  89. = user.profile.fullname
  90. | (<span class="username">{{ user.username }}</span>)
  91. if isCardMember
  92. i.fa.fa-check
  93. template(name="cardMorePopup")
  94. p.quiet
  95. span.clearfix
  96. span {{_ 'link-card'}}
  97. = ' '
  98. i.fa.colorful(class="{{#if board.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
  99. input.inline-input(type="text" readonly value="{{ rootUrl }}")
  100. | {{_ 'added'}}
  101. span.date(title=card.createdAt) {{ moment createdAt 'LLL' }}
  102. a.js-delete(title="{{_ 'card-delete-notice'}}") {{_ 'delete'}}
  103. template(name="cardDeletePopup")
  104. p {{_ "card-delete-pop"}}
  105. unless archived
  106. p {{_ "card-delete-suggest-archive"}}
  107. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}