From 935dbf89fdb255c47d3d4abd8c1b7e42ed08cc00 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Fri, 17 Aug 2018 15:51:25 +0900
Subject: [PATCH] menu

---
 .../ui/component/menu/menu-bar.component.html | 90 +++++++++++++++++--
 .../component/window/_app-menu-bar.scss       |  1 +
 2 files changed, 86 insertions(+), 5 deletions(-)

diff --git a/@overflow/commons/ui/component/menu/menu-bar.component.html b/@overflow/commons/ui/component/menu/menu-bar.component.html
index 74dc718..cc34d42 100644
--- a/@overflow/commons/ui/component/menu/menu-bar.component.html
+++ b/@overflow/commons/ui/component/menu/menu-bar.component.html
@@ -1,6 +1,86 @@
-<p-menubar [model]="items" [autoDisplay]="false">
-  <div>
-    <input type="text" pInputText placeholder="Search">
-    <button pButton label="Logout" icon="fa fa-sign-out" style="margin-left:.25em"></button>
+<div id="app-menu-bar" role="menubar" aria-label="Application menu">
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="File">
+              <span aria-hidden="true" class="access-key">F</span>
+              <span aria-hidden="true">ile</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
   </div>
-</p-menubar>
\ No newline at end of file
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="Edit">
+              <span aria-hidden="true" class="access-key">E</span>
+              <span aria-hidden="true">dit</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="View">
+              <span aria-hidden="true" class="access-key">V</span>
+              <span aria-hidden="true">iew</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="Repository">
+              <span aria-hidden="true" class="access-key">R</span>
+              <span aria-hidden="true">epository</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="Branch">
+              <span aria-hidden="true" class="access-key">B</span>
+              <span aria-hidden="true">ranch</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+  <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
+    <div class="toolbar-button">
+      <button class="button-component" type="button" tabindex="-1">
+        <div class="menu-item">
+          <div class="label">
+            <span aria-label="Help">
+              <span aria-hidden="true" class="access-key">H</span>
+              <span aria-hidden="true">elp</span>
+            </span>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/assets/scss/styles/component/window/_app-menu-bar.scss b/src/assets/scss/styles/component/window/_app-menu-bar.scss
index 419ec0b..a862593 100644
--- a/src/assets/scss/styles/component/window/_app-menu-bar.scss
+++ b/src/assets/scss/styles/component/window/_app-menu-bar.scss
@@ -1,5 +1,6 @@
 #app-menu-bar {
   display: flex;
+  height: 100%;
 
   .toolbar-button > button {
     padding: 0 var(--spacing);