Add tooltips to linked pipelines [ci-skip]

app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue

 <script>
 import ciStatus from '../../../vue_shared/components/ci_icon.vue';
+import tooltipMixin from '../../../vue_shared/mixins/tooltip';
 
 export default {
   props: {
@@ -20,9 +21,17 @@ export default {
       required: true,
     },
   },
+  mixins: [
+    tooltipMixin,
+  ],
   components: {
     ciStatus,
   },
+  computed: {
+    tooltipText() {
+      return `${this.projectName} - ${this.pipelineStatus.label}`;
+    },
+  }
 };
 </script>
 
@@ -31,8 +40,12 @@ export default {
     <div class="curve"></div>
     <div>
       <a
-         :href="pipelinePath"
-        class="linked-pipeline-content">
+        class="linked-pipeline-content"
+        :href="pipelinePath"
+        :title="tooltipText"
+        ref="tooltip"
+        data-toggle="tooltip"
+        data-container="body">
         <span class="linked-pipeline-status ci-status-text">
           <ci-status :status="pipelineStatus"/>
         </span>

app/assets/javascripts/pipelines/stores/pipeline_store.js

 const mockTriggerers = [
-  { id: 111, path: 'hello/world/tho', project: { name: 'GitLab Shell' }, details: { status: { icon: 'icon_status_pending', group: 'pending' } } },
+  { id: 111, path: 'hello/world/tho', project: { name: 'GitLab Shell' }, details: { status: { icon: 'icon_status_pending', group: 'pending', label: 'pending' } } },
 ];
 
 const mockTriggereds = [
-  { id: 111, path: 'hello/world/tho', project: { name: 'GitLab EE' }, details: { status: { icon: 'icon_status_failed', group: 'failed' } } },
-  { id: 111, path: 'hello/world/tho', project: { name: 'Gitaly' }, details: { status: { icon: 'icon_status_pending', group: 'pending' } } },
-  { id: 111, path: 'hello/world/tho', project: { name: 'GitHub' }, details: { status: { icon: 'icon_status_success', group: 'success' } } },
+  { id: 111, path: 'hello/world/tho', project: { name: 'GitLab EE' }, details: { status: { icon: 'icon_status_failed', group: 'failed', label: 'failed' } } },
+  { id: 111, path: 'hello/world/tho', project: { name: 'Gitaly' }, details: { status: { icon: 'icon_status_pending', group: 'pending', label: 'pending' } } },
+  { id: 111, path: 'hello/world/tho', project: { name: 'GitHub' }, details: { status: { icon: 'icon_status_success', group: 'success', label: 'success' } } },
 ];
 
 export default class PipelineStore {