58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
<script>
|
|
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,
|
|
}"
|
|
>
|
|
<p class="append-bottom-5">
|
|
<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 to clipboard')"
|
|
css-class="btn btn-clipboard btn-transparent"
|
|
/>
|
|
|
|
<span v-if="mergeRequest">
|
|
in
|
|
<gl-link :href="mergeRequest.path" class="js-link-commit link-commit"
|
|
>!{{ mergeRequest.iid }}</gl-link
|
|
>
|
|
</span>
|
|
</p>
|
|
|
|
<p class="append-bottom-0">{{ commit.title }}</p>
|
|
</div>
|
|
</template>
|