diff options
-rw-r--r-- | app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue index 7ac9eadcde0..cb6e9858736 100644 --- a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue +++ b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue @@ -1,11 +1,26 @@ <script> + import tooltip from '../../vue_shared/directives/tooltip'; + export default { name: 'MRWidgetAuthor', + directives: { + tooltip, + }, props: { author: { type: Object, required: true, }, + showAuthorName: { + type: Boolean, + required: false, + default: true, + }, + showAuthorTooltip: { + type: Boolean, + required: false, + default: false, + }, }, computed: { authorUrl() { @@ -21,12 +36,17 @@ <a :href="authorUrl" class="author-link inline" + :v-tooltip="showAuthorTooltip" + :title="author.name" > <img :src="avatarUrl" class="avatar avatar-inline s16" /> - <span class="author"> + <span + class="author" + v-if="showAuthorName" + > {{ author.name }} </span> </a> |