All files / app/assets/javascripts/vue_merge_request_widget/components mr_widget_author.vue

0% Statements 0/2
0% Branches 0/5
0% Functions 0/2
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47                                                                                             
<script>
import { GlTooltipDirective, GlLink } from '@gitlab/ui';
 
export default {
  name: 'MrWidgetAuthor',
  components: {
    GlLink,
  },
  directives: {
    GlTooltip: GlTooltipDirective,
  },
  props: {
    author: {
      type: Object,
      required: true,
    },
    showAuthorName: {
      type: Boolean,
      required: false,
      default: true,
    },
  },
  computed: {
    authorUrl() {
      return this.author.webUrl || this.author.web_url;
    },
    avatarUrl() {
      return this.author.avatarUrl || this.author.avatar_url || gl.mrWidgetData.defaultAvatarUrl;
    },
  },
};
</script>
<template>
  <gl-link
    v-gl-tooltip
    :href="authorUrl"
    :title="showAuthorName ? null : author.name"
    class="mr-widget-author"
  >
    <img :src="avatarUrl" :alt="author.name" class="avatar avatar-inline s16" /><span
      v-if="showAuthorName"
      class="author"
      >{{ author.name }}</span
    >
  </gl-link>
</template>