Renaissance

                     _,,ad8888888888bba,_
                  ,ad88888I888888888888888ba,
                ,88888888I88888888888888888888a,
              ,d888888888I8888888888888888888888b,
             d88888PP"""" ""YY88888888888888888888b,
           ,d88"'__,,--------,,,,.;ZZZY8888888888888,
          ,8IIl'"                ;;l"ZZZIII8888888888,
         ,I88l;'                  ;lZZZZZ888III8888888,
       ,II88Zl;.                  ;llZZZZZ888888I888888,
      ,II888Zl;.                .;;;;;lllZZZ888888I8888b
     ,II8888Z;;                 `;;;;;''llZZ8888888I8888,
     II88888Z;'                        .;lZZZ8888888I888b
     II88888Z; _,aaa,      .,aaaaa,__.l;llZZZ88888888I888
     II88888IZZZZZZZZZ,  .ZZZZZZZZZZZZZZ;llZZ88888888I888,
     II88888IZZ<'(@@>Z|  |ZZZ<'(@@>ZZZZ;;llZZ888888888I88I
    ,II88888;   `""" ;|  |ZZ; `"""     ;;llZ8888888888I888
    II888888l            `;;          .;llZZ8888888888I888,
   ,II888888Z;           ;;;        .;;llZZZ8888888888I888I
   III888888Zl;    ..,   `;;       ,;;lllZZZ88888888888I888
   II88888888Z;;...;(_    _)      ,;;;llZZZZ88888888888I888,
   II88888888Zl;;;;;' `--'Z;.   .,;;;;llZZZZ88888888888I888b
   ]I888888888Z;;;;'   ";llllll;..;;;lllZZZZ88888888888I8888,
   II888888888Zl.;;"Y88bd888P";;,..;lllZZZZZ88888888888I8888I
   II8888888888Zl;.; `"PPP";;;,..;lllZZZZZZZ88888888888I88888
   II888888888888Zl;;. `;;;l;;;;lllZZZZZZZZW88888888888I88888
   `II8888888888888Zl;.    ,;;lllZZZZZZZZWMZ88888888888I88888
    II8888888888888888ZbaalllZZZZZZZZZWWMZZZ8888888888I888888,
    `II88888888888888888b"WWZZZZZWWWMMZZZZZZI888888888I888888b
     `II88888888888888888;ZZMMMMMMZZZZZZZZllI888888888I8888888
      `II8888888888888888 `;lZZZZZZZZZZZlllll888888888I8888888,
       II8888888888888888, `;lllZZZZllllll;;.Y88888888I8888888b,
      ,II8888888888888888b   .;;lllllll;;;.;..88888888I88888888b,
      II888888888888888PZI;.  .`;;;.;;;..; ...88888888I8888888888,
      II888888888888PZ;;';;.   ;. .;.  .;. .. Y8888888I88888888888b,
     ,II888888888PZ;;'                        `8888888I8888888888888b,
     II888888888'                              888888I8888888888888888
    ,II888888888                              ,888888I8888888888888888
   ,d88888888888                              d888888I8888888888ZZZZZZ
,ad888888888888I                              8888888I8888ZZZZZZZZZZZZ
888888888888888'                              888888IZZZZZZZZZZZZZZZZZ
8888888888P'8P'                               Y888ZZZZZZZZZZZZZZZZZZZZ
888888888,  "                                 ,ZZZZZZZZZZZZZZZZZZZZZZZ
8888888888,                                ,ZZZZZZZZZZZZZZZZZZZZZZZZZZ
888888888888a,      _                    ,ZZZZZZZZZZZZZZZZZZZZ88888888
888888888888888ba,_d'                  ,ZZZZZZZZZZZZZZZZZ8888888888888
8888888888888888888888bbbaaa,,,______,ZZZZZZZZZZZZZZZ88888888888888888
88888888888888888888888888888888888ZZZZZZZZZZZZZZZ88888888888888888888
8888888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888
888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888
8888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888
88888888888888888888888888888ZZZZZZZZZZZZZZ888888888888888888888888888
8888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888 Normand  8
88888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888 Veilleux 8
8888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888888888

1 files changed, 87 insertions, 0 deletions

diff --git a/client/components/boards/header.jade b/client/components/boards/header.jade
new file mode 100644
index 00000000..189cdac4
--- /dev/null
+++ b/client/components/boards/header.jade
@@ -0,0 +1,87 @@
+template(name="headerBoard")
+  h1.header-board-menu.js-open-board-menu
+    = title
+    span.fa.fa-angle-down
+
+  .board-header-btns.left
+    unless isSandstorm
+      a.board-header-btn.js-star-board(class="{{#if isStarred}}board-header-starred{{/if}}"
+        title="{{# if isStarred }}{{_ 'click-to-unstar'}}{{ else }}{{_ 'click-to-star'}}{{/ if }} {{_ 'starred-boards-description'}}")
+        span.board-header-btn-icon.icon-sm.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}")
+        //- XXX To implement
+        span.board-header-btn-text Starred
+    //-
+      XXX Normally we would disable this field for sandstorm, but we keep it
+      until sandstorm implements sharing capabilities
+
+      a.board-header-btn.perms-btn.js-change-vis(class="{{#unless currentUser.isBoardAdmin}}no-edit{{/ unless}}" id="permission-level")
+        span.board-header-btn-icon.icon-sm.fa(class="{{#if isPublic}}fa-globe{{else}}fa-lock{{/if}}")
+        span.board-header-btn-text {{_ permission}}
+
+    a.board-header-btn.js-search
+      span.board-header-btn-icon.icon-sm.fa.fa-tag
+      span.board-header-btn-text Labels
+
+    //- XXX Clicking here should open a search field
+    a.board-header-btn.js-search
+      span.board-header-btn-icon.icon-sm.fa.fa-search
+      span.board-header-btn-text {{_ 'search'}}
+
+  //- +boardMembersHeader
+
+template(name="boardMembersHeader")
+  .board-header-members
+    each currentBoard.members
+      +userAvatar(userId=userId draggable=true showBadges=true)
+    unless isSandstorm
+      if currentUser.isBoardAdmin
+        a.member.add-board-member.js-open-manage-board-members
+          i.fa.fa-plus
+
+template(name="boardMenuPopup")
+  ul.pop-over-list
+    li: a.js-rename-board {{_ 'rename-board'}}
+    li: a.js-change-board-color Change color
+    li: a Copy this board
+    li: a Rules
+
+template(name="boardChangeTitlePopup")
+  form#ChangeBoardTitleForm
+    label {{_ 'name'}}
+      input.js-board-name(type="text" value="{{ title }}" autofocus)
+      input.primary.wide.js-rename-board(type="submit" value="{{_ 'rename'}}")
+
+template(name="boardChangePermissionPopup")
+  ul.pop-over-list
+    li
+      a.js-select.light-hover(name="private")
+        span.icon-sm.fa.fa-lock.vis-icon
+        | {{_ 'private'}}
+        if check 'private'
+          span.icon-sm.fa.fa-check
+        span.sub-name {{_ 'private-desc'}}
+    li
+      a.js-select.light-hover(name="public")
+        span.icon-sm.fa.fa-globe.vis-icon
+        | {{_ 'public'}}
+        if check 'public'
+          span.icon-sm.fa.fa-check
+        span.sub-name {{_ 'public-desc'}}
+
+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")
+  .content.clearfix
+    form#CreateBoardForm
+      label(for="boardNewTitle") {{_ 'title'}}
+      input#boardNewTitle.non-empty(type="text" name="name" placeholder="{{_ 'bucket-example'}}" autofocus)
+      p.quiet
+        span.icon-sm.fa.fa-globe
+        | {{{_ 'board-public-info'}}}
+      input.primary.wide(type="submit" value="{{_ 'create'}}")