1 files changed, 40 insertions, 0 deletions
diff --git a/client/components/main/header.jade b/client/components/main/header.jade
new file mode 100644
index 00000000..588c9b6e
--- /dev/null
+++ b/client/components/main/header.jade
@@ -0,0 +1,40 @@
+template(name="header")
+  #header(class=currentBoard.colorClass)
+    //-
+      If the user is connected we display a small "quick-access" top bar that
+      list all starred boards with a link to go there. This is inspired by the
+      Reddit "subreddit" bar.
+      The first link goes to the boards page.
+    if currentUser
+      #header-quick-access
+        ul
+          li
+            +linkTo(route="Boards")
+              span.fa.fa-home
+              | All boards
+          each currentUser.starredBoards
+            li.separator -
+            li(class="{{#if $.Session.equals 'currentBoard' _id}}current{{/if}}")
+              +linkTo(route="Board" data=this)
+                = title
+          else
+            li.current Star a board to add a shortcut in this bar.
+
+          li
+            a.js-create-board
+              i.fa.fa-plus(title="Create a new board")
+
+        +headerUserBar
+
+    //-
+      The main bar is a colorful bar that provide all the meta-data for the
+      current page. This bar is contextual based.
+      If the user is not connected we display "sign in" and "log in" buttons.
+    #header-main-bar
+      if $.Session.get 'currentBoard'
+        +headerBoard
+      else
+        +headerTitle
+
+template(name="headerTitle")
+  h1 LibreBoard