1 files changed, 55 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/pipelines_table.vue b/app/assets/javascripts/vue_shared/components/pipelines_table.vue
new file mode 100644
index 00000000000..ebe8fba8a44
--- /dev/null
+++ b/app/assets/javascripts/vue_shared/components/pipelines_table.vue
@@ -0,0 +1,55 @@
+<script>
+  import pipelinesTableRowComponent from './pipelines_table_row.vue';
+
+  /**
+   * Pipelines Table Component.
+   *
+   * Given an array of objects, renders a table.
+   */
+  export default {
+    props: {
+      pipelines: {
+        type: Array,
+        required: true,
+      },
+      service: {
+        type: Object,
+        required: true,
+      },
+      updateGraphDropdown: {
+        type: Boolean,
+        required: false,
+        default: false,
+      },
+    },
+    components: {
+      pipelinesTableRowComponent,
+    },
+  };
+</script>
+<template>
+  <table class="table ci-table">
+    <thead>
+      <tr>
+        <th class="js-pipeline-status pipeline-status">Status</th>
+        <th class="js-pipeline-info pipeline-info">Pipeline</th>
+        <th class="js-pipeline-commit pipeline-commit">Commit</th>
+        <th class="js-pipeline-stages pipeline-stages">Stages</th>
+        <th class="js-pipeline-date pipeline-date"></th>
+        <th class="js-pipeline-actions pipeline-actions"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <template
+        v-for="model in pipelines"
+        :model="model">
+        <tr
+          is="pipelines-table-row-component"
+          :pipeline="model"
+          :service="service"
+          :update-graph-dropdown="updateGraphDropdown"
+          />
+      </template>
+    </tbody>
+  </table>
+</template>