Job view partially working now

Author: michelvocks

frontend/client/views/pipeline/log.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import Message from 'vue-bulma-message'
+import Message from 'vue-bulma-message-html'
 
 export default {
   data () {
@@ -52,7 +52,7 @@ export default {
 
       // job id is optional. If ommitted, all logs from all jobs
       // are displayed.
-      this.jobID = this.$route.query.jobID
+      this.jobID = this.$route.query.jobid
 
       // Maximum received bytes
       const bufferSize = 1024
@@ -70,6 +70,9 @@ export default {
             // We add the received log
             this.logText += response.data.log
 
+            // LF does not work for HTML. Replace with <br />
+            this.logText = this.logText.replace(/\n/g, '<br />')
+
             // Set the new start position defined by return value
             this.startPos = response.data.start
           }

frontend/package-lock.json

@@ -49,7 +49,7 @@
     "vue-bulma-collapse": "1.0.3",
     "vue-bulma-datepicker": "^1.3.0",
     "vue-bulma-expanding": "^0.0.1",
-    "vue-bulma-message": "^1.1.1",
+    "vue-bulma-message-html": "^1.1.2",
     "vue-bulma-modal": "1.0.1",
     "vue-bulma-notification-fixed": "^1.1.0",
     "vue-bulma-progress-bar": "^1.0.2",