summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_merge_request_widget/components/artifacts_list.vue
blob: dc7661766175c3dcba3bc16cc062e8b6d8cabdb6 (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
39
40
<script>
import { GlLink } from '@gitlab/ui';

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

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