diff options
Diffstat (limited to 'app/assets/javascripts/issues/show/components/edited.vue')
-rw-r--r-- | app/assets/javascripts/issues/show/components/edited.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/app/assets/javascripts/issues/show/components/edited.vue b/app/assets/javascripts/issues/show/components/edited.vue new file mode 100644 index 00000000000..0da1900a6d0 --- /dev/null +++ b/app/assets/javascripts/issues/show/components/edited.vue @@ -0,0 +1,45 @@ +<script> +/* eslint-disable @gitlab/vue-require-i18n-strings */ +import timeAgoTooltip from '~/vue_shared/components/time_ago_tooltip.vue'; + +export default { + components: { + timeAgoTooltip, + }, + props: { + updatedAt: { + type: String, + required: false, + default: '', + }, + updatedByName: { + type: String, + required: false, + default: '', + }, + updatedByPath: { + type: String, + required: false, + default: '', + }, + }, + computed: { + hasUpdatedBy() { + return this.updatedByName && this.updatedByPath; + }, + }, +}; +</script> + +<template> + <small class="edited-text"> + Edited + <time-ago-tooltip v-if="updatedAt" :time="updatedAt" tooltip-placement="bottom" /> + <span v-if="hasUpdatedBy"> + by + <a :href="updatedByPath" class="author-link"> + <span>{{ updatedByName }}</span> + </a> + </span> + </small> +</template> |