WIP on web UI: added nav, routing, basic page skeletons.

web/src/views/NavBar.vue

@@ -1,5 +1,28 @@
 <template>
-
+  <nav v-bind:class='collapsed ? "collapsed" : "expanded"'>
+    <h1 class=logo>
+      <span class=expanded>Personal Measure</span>
+      <span class=collapsed>PM</span>
+    </h1>
+    <router-link to="/dashboard">
+      <fa-icon icon=home></fa-icon>
+      <span class=expanded>Dashboard</span>
+    </router-link>
+    <router-link to="/measures">
+      <fa-icon icon=pencil-ruler></fa-icon>
+      <span class=expanded>Measures</span>
+    </router-link>
+    <router-link to="/user-account">
+      <fa-icon icon=user></fa-icon>
+      <span class=expanded>Your Account</span>
+    </router-link>
+    <div class=collapse-handle tabindex="0"
+         v-on:click='toggleCollapsed()'
+         v-on:keypress='toggleCollapsed()'>
+      <span class=collapsed><fa-icon icon=angle-double-right></fa-icon></span>
+      <span class=expanded><fa-icon icon=angle-double-left></fa-icon></span>
+    </div>
+  </nav>
 </template>
 <script lang="ts" src="./nav-bar.ts"></script>
 <style lang="scss" src="./nav-bar.scss"></style>