39 lines
793 B
Vue
39 lines
793 B
Vue
<script>
|
|
import ciIcon from '~/vue_shared/components/ci_icon.vue';
|
|
|
|
/**
|
|
* 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,
|
|
},
|
|
status: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
iconSize: {
|
|
type: Number,
|
|
required: false,
|
|
default: 16,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<template>
|
|
<span class="ci-job-name-component mw-100 gl-display-flex gl-align-items-center">
|
|
<ci-icon :size="iconSize" :status="status" class="gl-line-height-0" />
|
|
<span class="gl-text-truncate mw-70p gl-pl-3 gl-display-inline-block">
|
|
{{ name }}
|
|
</span>
|
|
</span>
|
|
</template>
|