Disabled echo logging. WIP job detail view

Author: michelvocks

frontend/client/App.vue

@@ -142,6 +142,18 @@ html {
   border-color: transparent;
 }
 
+.is-green-button {
+  background-color: #4CAF50 !important;
+  font-weight: bold;
+  border-color: transparent;
+  color: whitesmoke;
+}
+
+.is-green-button:hover, .button:active, .button:focus {
+  color: whitesmoke;
+  border-color: transparent;
+}
+
 .is-disabled {
   opacity: .5;
   pointer-events: none;

frontend/client/views/pipeline/create.vue

@@ -47,7 +47,7 @@
               </p>
               <span style="color: red" v-if="pipelineErrorMsg">Pipeline Name incorrect: {{ pipelineErrorMsg }}</span>
               <hr class="dotted-line">
-              <a class="button is-primary" v-on:click="startCreatePipeline" v-bind:class="{ 'is-disabled': !gitSuccess || !pipelineNameSuccess }">
+              <a class="button is-green-button" v-on:click="startCreatePipeline" v-bind:class="{ 'is-disabled': !gitSuccess || !pipelineNameSuccess }">
                 <span class="icon">
                   <i class="fa fa-plus"></i>
                 </span>

frontend/client/views/pipeline/detail.vue

@@ -1,6 +1,21 @@
 <template>
   <div class="tile is-ancestor">
     <div class="tile is-vertical">
+      <div class="tile is-parent">
+        <a class="button is-primary" @click="jobLog" style="margin-right: 10px;">
+          <span class="icon">
+            <i class="fa fa-play-circle"></i>
+          </span>
+          <span>Start Pipeline</span>
+        </a>
+        <a class="button is-green-button" @click="jobLog">
+          <span class="icon">
+            <i class="fa fa-terminal"></i>
+          </span>
+          <span>Show Logs</span>
+        </a>
+      </div>
+
       <div class="tile">
         <div class="tile is-vertical is-parent is-12">
           <article class="tile is-child notification content-article">