Added first implementation of pipeline runs subview. Added start/finish date to pipeline run. Removed levelbar. Implemented refresh button

Author: michelvocks

frontend/client/components/layout/AppMain.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="app-main" :style="[hiddenSidebarStyle]">
     <div class="container is-fluid is-marginless app-content">
-      <levelbar></levelbar>
+      <headerbar></headerbar>
       <transition
         mode="out-in"
         enter-active-class="fadeIn"
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import Levelbar from './Levelbar'
+import Headerbar from './Headerbar'
 import { mapGetters } from 'vuex'
 
 export default {
@@ -28,7 +28,7 @@ export default {
   },
 
   components: {
-    Levelbar
+    Headerbar
   }
 }
 </script>

frontend/client/components/layout/Headerbar.vue

@@ -0,0 +1,30 @@
+<template>
+  <nav class="level app-levelbar">
+    <div class="level-left">
+      <div class="level-item">
+        <h3 class="subtitle is-3">
+          <strong>{{ name }}</strong>
+        </h3>
+      </div>
+    </div>
+  </nav>
+</template>
+
+<script>
+export default {
+  computed: {
+    name () {
+      return this.$route.name
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+.subtitle strong {
+  font-family: 'Lobster', 'Times', 'serif';
+  font-size: 3rem;
+  color: whitesmoke;
+}
+</style>

frontend/client/components/layout/Levelbar.vue

@@ -25,7 +25,7 @@
               <svg class="avatar-img" data-jdenticon-value="session.display_name"></svg>
             </div>
           </a>
-          <a class="navbar-item signed-in-icons-div" v-if="session">
+          <a class="navbar-item signed-in-icons-div" @click="refresh" v-if="session">
             <i class="fa fa-refresh fa-lg signed-in-icons" aria-hidden="true"/>
           </a>
           <a class="navbar-item signed-in-icons-div" @click="logout" v-if="session">
@@ -78,7 +78,12 @@ export default {
       jdenticon()
     },
 
+    refresh () {
+      window.location.reload()
+    },
+
     logout () {
+      this.$router.push('/')
       auth.logout(this)
     },