details.jade 3.9 KB

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