diff options
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/deprecated_project_avatar')
-rw-r--r-- | app/assets/javascripts/vue_shared/components/deprecated_project_avatar/default.vue | 47 | ||||
-rw-r--r-- | app/assets/javascripts/vue_shared/components/deprecated_project_avatar/image.vue | 81 |
2 files changed, 0 insertions, 128 deletions
diff --git a/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/default.vue b/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/default.vue deleted file mode 100644 index 733accdff44..00000000000 --- a/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/default.vue +++ /dev/null @@ -1,47 +0,0 @@ -<script> -import Identicon from '../identicon.vue'; -import ProjectAvatarImage from './image.vue'; - -export default { - name: 'DeprecatedProjectAvatar', - components: { - Identicon, - ProjectAvatarImage, - }, - props: { - project: { - type: Object, - required: true, - }, - size: { - type: Number, - default: 40, - required: false, - }, - }, - computed: { - sizeClass() { - return `s${this.size}`; - }, - }, -}; -</script> - -<template> - <span :class="sizeClass" class="avatar-container rect-avatar project-avatar"> - <project-avatar-image - v-if="project.avatar_url" - :link-href="project.path" - :img-src="project.avatar_url" - :img-alt="project.name" - :img-size="size" - /> - <identicon - v-else - :entity-id="project.id" - :entity-name="project.name" - :size-class="sizeClass" - class="rect-avatar" - /> - </span> -</template> diff --git a/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/image.vue b/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/image.vue deleted file mode 100644 index 269736c799c..00000000000 --- a/app/assets/javascripts/vue_shared/components/deprecated_project_avatar/image.vue +++ /dev/null @@ -1,81 +0,0 @@ -<script> -/* This is a re-usable vue component for rendering a project avatar that - does not need to link to the project's profile. The image and an optional - tooltip can be configured by props passed to this component. - - Sample configuration: - - <project-avatar-image - :lazy="true" - :img-src="projectAvatarSrc" - :img-alt="tooltipText" - :tooltip-text="tooltipText" - tooltip-placement="top" - /> - - */ -import defaultAvatarUrl from 'images/no_avatar.png'; -import { __ } from '~/locale'; -import { placeholderImage } from '../../../lazy_loader'; - -export default { - name: 'ProjectAvatarImage', - props: { - lazy: { - type: Boolean, - required: false, - default: false, - }, - imgSrc: { - type: String, - required: false, - default: defaultAvatarUrl, - }, - cssClasses: { - type: String, - required: false, - default: '', - }, - imgAlt: { - type: String, - required: false, - default: __('project avatar'), - }, - size: { - type: Number, - required: false, - default: 20, - }, - }, - computed: { - // API response sends null when gravatar is disabled and - // we provide an empty string when we use it inside project avatar link. - // In both cases we should render the defaultAvatarUrl - sanitizedSource() { - return this.imgSrc === '' || this.imgSrc === null ? defaultAvatarUrl : this.imgSrc; - }, - resultantSrcAttribute() { - return this.lazy ? placeholderImage : this.sanitizedSource; - }, - avatarSizeClass() { - return `s${this.size}`; - }, - }, -}; -</script> - -<template> - <img - :class="{ - lazy: lazy, - [avatarSizeClass]: true, - [cssClasses]: true, - }" - :src="resultantSrcAttribute" - :width="size" - :height="size" - :alt="imgAlt" - :data-src="sanitizedSource" - class="avatar" - /> -</template> |