conform to status object for svg icon names

app/assets/javascripts/vue_pipelines_index/stage.js.es6

@@ -14,7 +14,7 @@
       svg() {
         return document
           .querySelector(
-            `.${this.stage.status}-icon-svg.hidden`,
+            `.icon_status_${this.stage.status}`,
           ).innerHTML;
       },
     },

app/assets/javascripts/vue_pipelines_index/status.js.es6

@@ -15,14 +15,12 @@
       },
       svg() {
         return document
-          .querySelector(
-            `.${this.pipeline.details.status.text}-icon-svg.hidden`,
-          ).innerHTML;
+          .querySelector(`.${this.pipeline.details.status.icon}`).innerHTML;
       },
     },
     template: `
       <td class="commit-link">
-        <a :href='pipeline.url'>
+        <a :href='pipeline.details.status.details_path'>
           <span :class='cssClasses'>
             <span v-html='svg'></span>
             <span>&nbsp;{{pipeline.details.status.text}}</span>

app/views/projects/pipelines/index.html.haml

@@ -42,21 +42,21 @@
     - else
       .commit-icon-svg.hidden
         = custom_icon("icon_commit")
-      .canceled-icon-svg.hidden
+      .icon_status_canceled.hidden
         = custom_icon("icon_status_canceled")
-      .running-icon-svg.hidden
+      .icon_status_running.hidden
         = custom_icon("icon_status_running")
-      .skipped-icon-svg.hidden
+      .icon_status_skipped.hidden
         = custom_icon("icon_status_skipped")
-      .created-icon-svg.hidden
+      .icon_status_created.hidden
         = custom_icon("icon_status_created")
-      .pending-icon-svg.hidden
+      .icon_status_pending.hidden
         = custom_icon("icon_status_pending")
-      .success-icon-svg.hidden
+      .icon_status_success.hidden
         = custom_icon("icon_status_success")
-      .failed-icon-svg.hidden
+      .icon_status_failed.hidden
         = custom_icon("icon_status_failed")
-      .warning-icon-svg.hidden
+      .icon_status_warning.hidden
         = custom_icon("icon_status_warning")
       .vue-pipelines-index