49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<script>
|
|
import { GlLink, GlSprintf, GlIcon } from '@gitlab/ui';
|
|
import { joinPaths } from '~/lib/utils/url_utility';
|
|
|
|
export default {
|
|
components: {
|
|
GlLink,
|
|
GlSprintf,
|
|
GlIcon,
|
|
},
|
|
props: {
|
|
group: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
fullLastImportPath() {
|
|
return this.group.lastImportTarget
|
|
? `${this.group.lastImportTarget.targetNamespace}/${this.group.lastImportTarget.newName}`
|
|
: null;
|
|
},
|
|
absoluteLastImportPath() {
|
|
return joinPaths(gon.relative_url_root || '/', this.fullLastImportPath);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<gl-link
|
|
:href="group.webUrl"
|
|
target="_blank"
|
|
class="gl-display-inline-flex gl-align-items-center gl-h-7"
|
|
>
|
|
{{ group.fullPath }} <gl-icon name="external-link" />
|
|
</gl-link>
|
|
<div v-if="group.flags.isFinished && fullLastImportPath" class="gl-font-sm">
|
|
<gl-sprintf :message="s__('BulkImport|Last imported to %{link}')">
|
|
<template #link>
|
|
<gl-link :href="absoluteLastImportPath" class="gl-font-sm" target="_blank">{{
|
|
fullLastImportPath
|
|
}}</gl-link>
|
|
</template>
|
|
</gl-sprintf>
|
|
</div>
|
|
</div>
|
|
</template>
|