gitlab-org--gitlab-foss/app/assets/javascripts/jobs/components/commit_block.vue

58 lines
1.1 KiB
Vue

<script>
/* eslint-disable @gitlab/vue-require-i18n-strings */
import { GlLink } from '@gitlab/ui';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
export default {
components: {
ClipboardButton,
GlLink,
},
props: {
commit: {
type: Object,
required: true,
},
mergeRequest: {
type: Object,
required: false,
default: null,
},
isLastBlock: {
type: Boolean,
required: true,
},
},
};
</script>
<template>
<div
:class="{
'block-last': isLastBlock,
block: !isLastBlock,
}"
>
<span class="font-weight-bold">{{ __('Commit') }}</span>
<gl-link :href="commit.commit_path" class="js-commit-sha commit-sha link-commit">
{{ commit.short_id }}
</gl-link>
<clipboard-button
:text="commit.id"
:title="__('Copy commit SHA')"
category="tertiary"
size="small"
/>
<span v-if="mergeRequest">
in
<gl-link :href="mergeRequest.path" class="js-link-commit link-commit"
>!{{ mergeRequest.iid }}</gl-link
>
</span>
<p class="gl-mb-0">{{ commit.title }}</p>
</div>
</template>