job_name_component.vue 645 Bytes
Newer Older
1
<script>
2
import ciIcon from '../../../vue_shared/components/ci_icon.vue';
3

4 5 6 7 8 9 10 11 12 13 14 15 16 17
/**
 * Component that renders both the CI icon status and the job name.
 * Used in
 *  - Badge component
 *  - Dropdown badge components
 */
export default {
  components: {
    ciIcon,
  },
  props: {
    name: {
      type: String,
      required: true,
Filipa Lacerda's avatar
Filipa Lacerda committed
18
    },
19

20 21 22
    status: {
      type: Object,
      required: true,
23
    },
24 25
  },
};
26 27
</script>
<template>
28
  <span class="ci-job-name-component">
Filipa Lacerda's avatar
Filipa Lacerda committed
29
    <ci-icon :status="status" />
30 31 32
    <span class="ci-status-text text-truncate mw-70p gl-pl-1 d-inline-block align-bottom">
      {{ name }}
    </span>
33 34
  </span>
</template>