summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_merge_request_widget/components/artifacts_list.vue
blob: 68f4609f14d9832fe55dbcb42706d052df59cbcb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script>
import { GlLink } from '@gitlab/ui';

export default {
  components: {
    GlLink,
  },
  props: {
    artifacts: {
      type: Array,
      required: true,
    },
  },
};
</script>
<template>
  <div class="gl-pl-7">
    <table class="table m-0">
      <thead class="thead-white text-nowrap">
        <tr class="d-none d-sm-table-row">
          <th>{{ __('Artifact') }}</th>
          <th>{{ __('Job') }}</th>
        </tr>
      </thead>

      <tbody>
        <tr v-for="item in artifacts" :key="item.text">
          <td>
            <gl-link :href="item.url" target="_blank">{{ item.text }}</gl-link>
          </td>
          <td>
            <gl-link :href="item.job_path">{{ item.job_name }}</gl-link>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>