templates.jade 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. template(name="boardSidebar")
  2. .board-sidebar.sidebar(class="{{#if isOpen}}is-open{{/if}}")
  3. a.sidebar-tongue.js-toogle-sidebar(
  4. class="{{#if isTongueHidden}}is-hidden{{/if}}")
  5. i.fa.fa-chevron-left
  6. .sidebar-content.js-board-sidebar-content
  7. //- XXX https://github.com/peerlibrary/meteor-blaze-components/issues/30
  8. if Filter.isActive
  9. +filterSidebar
  10. else
  11. +homeSidebar
  12. template(name='homeSidebar')
  13. +membersWidget
  14. hr.clear
  15. +labelsWidget
  16. hr.clear
  17. h3
  18. i.fa.fa-comments-o
  19. | {{_ 'activities'}}
  20. +activities(mode="board")
  21. template(name="filterSidebar")
  22. ul.pop-over-label-list.checkable
  23. each currentBoard.labels
  24. li.item.matches-filter
  25. a.name.js-toggle-label-filter
  26. span.card-label(class="card-label-{{color}}")
  27. span.full-name
  28. if name
  29. = name
  30. else
  31. span.quiet {{_ "label-default" color}}
  32. if Filter.labelIds.isSelected _id}}
  33. span.icon-sm.fa.fa-check
  34. hr
  35. ul.pop-over-member-list.checkable
  36. each currentBoard.members
  37. if isActive
  38. with getUser userId
  39. li.item.js-member-item(
  40. class="{{#if Filter.members.isSelected _id}}active{{/if}}")
  41. a.name.js-toogle-member-filter
  42. +userAvatar(user=this size="small")
  43. span.full-name
  44. = profile.name
  45. | (<span class="username">{{ username }}</span>)
  46. if Filter.members.isSelected _id
  47. span.icon-sm.fa.fa-check
  48. hr
  49. a.js-clear-all(class="{{#unless Filter.isActive}}disabled{{/unless}}")
  50. | {{_ 'filter-clear'}}
  51. template(name="membersWidget")
  52. .board-widget.board-widget-members
  53. h3
  54. i.fa.fa-user
  55. | {{_ 'members'}}
  56. .board-widget-content
  57. each currentBoard.members
  58. +userAvatar(
  59. userId=this.userId
  60. draggable=true
  61. size="small"
  62. showBadges=true)
  63. unless isSandstorm
  64. if currentUser.isBoardAdmin
  65. a.js-open-manage-board-members
  66. template(name="labelsWidget")
  67. .board-widget.board-widget-labels
  68. h3
  69. i.fa.fa-tags
  70. | {{_ 'labels'}}
  71. .board-widget-content
  72. each currentBoard.labels
  73. a.card-label(class="card-label-{{color}}").js-label
  74. span.card-label-name= name
  75. a.card-label.js-add-label
  76. i.fa.fa-plus
  77. template(name="memberPopup")
  78. .board-member-menu: .mini-profile-info
  79. +userAvatar(user=user)
  80. .info
  81. h3.bottom
  82. a.js-profile(href="{{pathFor route='Profile' username=user.username}}")
  83. = user.profile.name
  84. p.quiet.bottom @#{user.username}
  85. if currentUser.isBoardMember
  86. ul.pop-over-list
  87. li
  88. a.js-filter-member Filter cards
  89. if currentUser.isBoardAdmin
  90. li
  91. a.js-change-role
  92. | {{_ 'change-permissions'}}
  93. span.quiet (#{memberType})
  94. li
  95. if currentUser.isBoardAdmin
  96. a.js-remove-member {{_ 'remove-from-board'}}
  97. else
  98. a.js-leave-member {{_ 'leave-board'}}