sidebar.jade 3.0 KB

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