3f2c57394a
Use latest prettier as devDependency so tools will use (or can be configured to use) the npm provided version. The unique config change is to use single quotes instead of double quotes.
69 lines
1.6 KiB
Vue
69 lines
1.6 KiB
Vue
<template>
|
|
<nav class="mb-4 bg-grey-light rounded font-sans w-full">
|
|
<ol class="list-reset flex text-grey-dark">
|
|
<li>
|
|
<a>{{ ownertype }}</a>
|
|
</li>
|
|
<li>
|
|
<span class="mx-2">/</span>
|
|
</li>
|
|
<li>
|
|
<router-link :to="ownerLink(ownertype, ownername)">{{
|
|
ownername
|
|
}}</router-link>
|
|
</li>
|
|
<li v-for="(ref, i) in projectref" v-bind:key="i">
|
|
<span class="mx-2">/</span>
|
|
<router-link
|
|
v-if="i + 1 < projectref.length"
|
|
:to="
|
|
projectGroupLink(ownertype, ownername, projectref.slice(0, i + 1))
|
|
"
|
|
>{{ ref }}</router-link
|
|
>
|
|
<router-link
|
|
v-else
|
|
:to="projectLink(ownertype, ownername, projectref.slice(0, i + 1))"
|
|
>{{ ref }}</router-link
|
|
>
|
|
</li>
|
|
|
|
<li v-for="(ref, i) in projectgroupref" v-bind:key="i">
|
|
<span class="mx-2">/</span>
|
|
<router-link
|
|
:to="
|
|
projectGroupLink(
|
|
ownertype,
|
|
ownername,
|
|
projectgroupref.slice(0, i + 1)
|
|
)
|
|
"
|
|
>{{ ref }}</router-link
|
|
>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import { ownerLink, projectLink, projectGroupLink } from '@/util/link.js';
|
|
|
|
export default {
|
|
name: 'projbreadcrumbs',
|
|
components: {},
|
|
props: {
|
|
ownertype: String,
|
|
ownername: String,
|
|
projectref: Array,
|
|
projectgroupref: Array,
|
|
},
|
|
methods: {
|
|
ownerLink: ownerLink,
|
|
projectLink: projectLink,
|
|
projectGroupLink: projectGroupLink,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|