update stage icons with created

app/assets/javascripts/vue_icons/index.js.es6

@@ -46,4 +46,13 @@
       </svg>
     `,
   });
+
+  gl.VueCreatedIcon = Vue.extend({
+    template: `
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="ci-status-icon-created" viewBox="0 0 14 14" enable-background="new 0 0 14 14">
+        <path d="M12.5,7 C12.5,4 10,1.5 7,1.5 C4,1.5 1.5,4 1.5,7 C1.5,10 4,12.5 7,12.5 C10,12.5 12.5,10 12.5,7 L12.5,7 Z M0,7 C0,3.1 3.1,0 7,0 C10.9,0 14,3.1 14,7 C14,10.9 10.9,14 7,14 C3.1,14 0,10.9 0,7 L0,7 Z"></path>
+        <circle cx="7" cy="7" r="3.25"></circle>
+      </svg>
+    `,
+  });
 })(window.gl || (window.gl = {}));

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

@@ -8,16 +8,20 @@
       'pending-icon': gl.VuePendingIcon,
       'failed-icon': gl.VueFailedIcon,
       'success-icon': gl.VueSuccessIcon,
+      'created-icon': gl.VueCreatedIcon,
     },
     props: ['stage'],
     computed: {
       buildStatus() {
         return `Build: ${this.stage.status}`;
       },
+      tooltip() {
+        return `has-tooltip ci-status-icon-${this.stage.status}`;
+      },
     },
     template: `
       <a
-        class="has-tooltip ci-status-icon-failed"
+        :class='tooltip'
         :title='buildStatus'
         :href='stage.url'
       >
@@ -25,6 +29,7 @@
         <success-icon v-if='stage.status === "success"'></success-icon>
         <failed-icon v-if='stage.status === "failed"'></failed-icon>
         <pending-icon v-if='stage.status === "pending"'></pending-icon>
+        <created-icon v-if='stage.status === "created"'></created-icon>
       </a>
     `,
   });

app/assets/javascripts/vue_pipelines_status/created.js.es6

+/* global Vue, gl */
+/* eslint-disable no-param-reassign */
+
+((gl) => {
+  gl.VueCreatedScope = Vue.extend({
+    components: {
+      'vue-created-icon': gl.VueCreatedIcon,
+    },
+    props: [
+      'pipeline',
+    ],
+    template: `
+      <td class="commit-link">
+        <a :href='pipeline.url'>
+          <span class="ci-status ci-created">
+            <vue-created-icon></vue-created-icon>
+            &nbsp;failed
+          </span>
+        </a>
+      </td>
+    `,
+  });
+})(window.gl || (window.gl = {}));