wekan/client/components/boards/boardHeader.jade

template(name="boardHeaderBar")
  h1.header-board-menu
    with currentBoard
      a(class="{{#if currentUser.isBoardAdmin}}js-edit-board-title{{else}}is-disabled{{/if}}")
        = title

  .board-header-btns.left
    unless isMiniScreen
      unless isSandstorm
        if currentUser
          a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}"
            title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}")
            i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}")
            if showStarCounter
              span
                = currentBoard.stars

        a.board-header-btn(class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}")
          i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
          span {{_ currentBoard.permission}}

        if currentUser
          a.board-header-btn.js-watch-board
            if $eq watchLevel "watching"
              i.fa.fa-eye
              span {{_ 'watching'}}
            if $eq watchLevel "tracking"
              i.fa.fa-bell
              span {{_ 'tracking'}}
            if $eq watchLevel "muted"
              i.fa.fa-bell-slash
              span {{_ 'muted'}}

  .board-header-btns.right
    if isMiniScreen
      unless isSandstorm
        if currentUser
          a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}"
            title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}")
            i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}")
            if showStarCounter
              span
                = currentBoard.stars

        a.board-header-btn(
          class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}"
          title="{{_ currentBoard.permission}}")
          i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
          span {{_ currentBoard.permission}}

        if currentUser
          a.board-header-btn.js-watch-board(
            title="{{_ watchLevel }}")
            if $eq watchLevel "watching"
              i.fa.fa-eye
            if $eq watchLevel "tracking"
              i.fa.fa-bell
            if $eq watchLevel "muted"
              i.fa.fa-bell-slash
            span {{_ watchLevel}}

    a.board-header-btn.js-open-filter-view(
        title="{{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{else}}{{_ 'filter'}}{{/if}}"
        class="{{#if Filter.isActive}}emphasis{{/if}}")
      i.fa.fa-filter
      span {{#if Filter.isActive}}{{_ 'filter-on'}}{{else}}{{_ 'filter'}}{{/if}}
      if Filter.isActive
        a.board-header-btn-close.js-filter-reset(title="{{_ 'filter-clear'}}")
          i.fa.fa-times-thin

    if currentUser.isBoardMember
      a.board-header-btn.js-multiselection-activate(
          title="{{#if MultiSelection.isActive}}{{_ 'multi-selection-on'}}{{else}}{{_ 'multi-selection'}}{{/if}}"
          class="{{#if MultiSelection.isActive}}emphasis{{/if}}")
        i.fa.fa-check-square-o
        span {{#if MultiSelection.isActive}}{{_ 'multi-selection-on'}}{{else}}{{_ 'multi-selection'}}{{/if}}
        if MultiSelection.isActive
          a.board-header-btn-close.js-multiselection-reset(title="{{_ 'filter-clear'}}")
            i.fa.fa-times-thin

    .separator
    a.board-header-btn.js-open-board-menu
      i.board-header-btn-icon.fa.fa-navicon

template(name="boardMenuPopup")
  ul.pop-over-list
    li: a.js-open-archives {{_ 'archived-items'}}
    if currentUser.isBoardAdmin
      li: a.js-change-board-color {{_ 'board-change-color'}}
    //-
      XXX Language should be handled by sandstorm, but for now display a
      language selection link in the board menu. This link is normally present
      in the header bar that is not displayed on sandstorm.
    if isSandstorm
      li: a.js-change-language {{_ 'language'}}
  unless isSandstorm
    if currentUser.isBoardAdmin
      hr
      ul.pop-over-list
        li: a(href="{{exportUrl}}", download="{{exportFilename}}") {{_ 'export-board'}}
        li: a.js-archive-board {{_ 'archive-board'}}

template(name="boardVisibilityList")
  ul.pop-over-list
    li
      with "private"
        a.js-select-visibility
          i.fa.fa-lock.colorful
          | {{_ 'private'}}
          if visibilityCheck
            i.fa.fa-check
          span.sub-name {{_ 'private-desc'}}
    li
      with "public"
        a.js-select-visibility
          i.fa.fa-globe.colorful
          | {{_ 'public'}}
          if visibilityCheck
            i.fa.fa-check
          span.sub-name {{_ 'public-desc'}}

template(name="boardChangeVisibilityPopup")
  +boardVisibilityList

template(name="boardChangeWatchPopup")
  ul.pop-over-list
    li
      with "watching"
        a.js-select-watch
          i.fa.fa-eye.colorful
          | {{_ 'watching'}}
          if watchCheck
            i.fa.fa-check
          span.sub-name {{_ 'watching-info'}}
    li
      with "tracking"
        a.js-select-watch
          i.fa.fa-bell.colorful
          | {{_ 'tracking'}}
          if watchCheck
            i.fa.fa-check
          span.sub-name {{_ 'tracking-info'}}
    li
      with "muted"
        a.js-select-watch
          i.fa.fa-bell-slash.colorful
          | {{_ 'muted'}}
          if watchCheck
            i.fa.fa-check
          span.sub-name {{_ 'muted-info'}}

template(name="boardChangeColorPopup")
  .board-backgrounds-list.clearfix
    each backgroundColors
      .board-background-select.js-select-background
        span.background-box(class="board-color-{{this}}")
          if isSelected
            i.fa.fa-check

template(name="createBoardPopup")
  form
    label
      | {{_ 'title'}}
      input.js-new-board-title(type="text" placeholder="{{_ 'bucket-example'}}" autofocus required)
    if visibilityMenuIsOpen.get
      +boardVisibilityList
    else
      p.quiet
        if $eq visibility.get 'public'
          span.fa.fa-globe.colorful
          = " "
          | {{{_ 'board-public-info'}}}
        else
          span.fa.fa-lock.colorful
          = " "
          | {{{_ 'board-private-info'}}}
        a.js-change-visibility {{_ 'change'}}.
    input.primary.wide(type="submit" value="{{_ 'create'}}")
    span.quiet
      | {{_ 'or'}}
      a(href="{{pathFor 'import'}}") {{_ 'import-board'}}


template(name="boardChangeTitlePopup")
  form
    label
      | {{_ 'title'}}
      input.js-board-name(type="text" value=title autofocus)
    label
      | {{_ 'description'}}
      textarea.js-board-desc= description
    input.primary.wide(type="submit" value="{{_ 'rename'}}")

template(name="archiveBoardPopup")
  p {{_ 'close-board-pop'}}
  button.js-confirm.negate.full(type="submit") {{_ 'archive'}}