diff options
Diffstat (limited to 'app/assets/javascripts/jobs/components/job/erased_block.vue')
-rw-r--r-- | app/assets/javascripts/jobs/components/job/erased_block.vue | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/app/assets/javascripts/jobs/components/job/erased_block.vue b/app/assets/javascripts/jobs/components/job/erased_block.vue new file mode 100644 index 00000000000..a815689659e --- /dev/null +++ b/app/assets/javascripts/jobs/components/job/erased_block.vue @@ -0,0 +1,49 @@ +<script> +import { GlAlert, GlLink, GlSprintf } from '@gitlab/ui'; +import { isEmpty } from 'lodash'; +import TimeagoTooltip from '~/vue_shared/components/time_ago_tooltip.vue'; + +export default { + components: { + GlAlert, + GlLink, + GlSprintf, + TimeagoTooltip, + }, + props: { + user: { + type: Object, + required: false, + default: () => ({}), + }, + erasedAt: { + type: String, + required: true, + }, + }, + computed: { + isErasedByUser() { + return !isEmpty(this.user); + }, + }, +}; +</script> +<template> + <div class="gl-mt-3"> + <gl-alert variant="warning" :dismissible="false"> + <template v-if="isErasedByUser"> + <gl-sprintf :message="s__('Job|Job has been erased by %{userLink}')"> + <template #userLink> + <gl-link :href="user.web_url" target="_blank">{{ user.username }}</gl-link> + </template> + </gl-sprintf> + </template> + + <template v-else> + {{ s__('Job|Job has been erased') }} + </template> + + <timeago-tooltip :time="erasedAt" /> + </gl-alert> + </div> +</template> |