diff options
Diffstat (limited to 'app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue')
-rw-r--r-- | app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue b/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue new file mode 100644 index 00000000000..05567328660 --- /dev/null +++ b/app/assets/javascripts/jobs/components/job/sidebar/sidebar_detail_row.vue @@ -0,0 +1,45 @@ +<script> +import { GlIcon, GlLink } from '@gitlab/ui'; + +export default { + name: 'SidebarDetailRow', + components: { + GlIcon, + GlLink, + }, + props: { + title: { + type: String, + required: false, + default: '', + }, + value: { + type: String, + required: true, + }, + helpUrl: { + type: String, + required: false, + default: '', + }, + }, + computed: { + hasTitle() { + return this.title.length > 0; + }, + hasHelpURL() { + return this.helpUrl.length > 0; + }, + }, +}; +</script> +<template> + <p class="gl-display-flex gl-justify-content-space-between gl-mb-2"> + <span v-if="hasTitle" + ><b>{{ title }}:</b> {{ value }}</span + > + <gl-link v-if="hasHelpURL" :href="helpUrl" target="_blank"> + <gl-icon name="question-o" /> + </gl-link> + </p> +</template> |