51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<script>
|
|
import { GlIcon } from '@gitlab/ui';
|
|
|
|
export default {
|
|
components: {
|
|
GlIcon,
|
|
},
|
|
props: {
|
|
item: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
currentId: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
currentProjectId: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
isActive() {
|
|
return (
|
|
this.item.iid === parseInt(this.currentId, 10) &&
|
|
this.currentProjectId === this.item.projectPathWithNamespace
|
|
);
|
|
},
|
|
pathWithID() {
|
|
return `${this.item.projectPathWithNamespace}!${this.item.iid}`;
|
|
},
|
|
mergeRequestHref() {
|
|
const path = `/project/${this.item.projectPathWithNamespace}/merge_requests/${this.item.iid}`;
|
|
|
|
return this.$router.resolve(path).href;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<a :href="mergeRequestHref" class="btn-link d-flex align-items-center">
|
|
<span class="d-flex gl-mr-3 ide-search-list-current-icon">
|
|
<gl-icon v-if="isActive" :size="18" name="mobile-issue-close" use-deprecated-sizes />
|
|
</span>
|
|
<span>
|
|
<strong> {{ item.title }} </strong>
|
|
<span class="ide-merge-request-project-path d-block mt-1"> {{ pathWithID }} </span>
|
|
</span>
|
|
</a>
|
|
</template>
|