Pedro Amorim
e0d3ffff48
Make the breadcrumb navigation item markup match the rest of Koha Signed-off-by: Owen Leonard <oleonard@myacpl.org> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
66 lines
1.9 KiB
Vue
66 lines
1.9 KiB
Vue
<template>
|
|
<li>
|
|
<span>
|
|
<router-link
|
|
v-if="item.name"
|
|
:to="{ name: item.name, params }"
|
|
:class="{ disabled: item.disabled }"
|
|
>
|
|
<template v-if="item.icon">
|
|
<i :class="`${item.icon}`"></i>
|
|
</template>
|
|
<span v-if="item.title">{{ $__(item.title) }}</span>
|
|
</router-link>
|
|
<router-link
|
|
v-else-if="item.path"
|
|
:to="item.path"
|
|
:class="{ disabled: item.disabled }"
|
|
>
|
|
<template v-if="item.icon">
|
|
<i :class="`${item.icon}`"></i>
|
|
</template>
|
|
<span v-if="item.title">{{ $__(item.title) }}</span>
|
|
</router-link>
|
|
<a
|
|
v-else-if="item.href"
|
|
:href="item.href"
|
|
:class="{ disabled: item.disabled }"
|
|
>
|
|
<template v-if="item.icon">
|
|
<i :class="`${item.icon}`"></i>
|
|
</template>
|
|
<span v-if="item.title">{{ $__(item.title) }}</span>
|
|
</a>
|
|
<a v-else href="#" aria-current="page">
|
|
<template v-if="item.icon">
|
|
<i :class="`${item.icon}`"></i>
|
|
</template>
|
|
<span class="item-last" v-if="item.title">{{
|
|
$__(item.title)
|
|
}}</span>
|
|
</a>
|
|
</span>
|
|
<ul v-if="item.children && item.children.length">
|
|
<NavigationItem
|
|
v-for="(item, key) in item.children"
|
|
:item="item"
|
|
></NavigationItem>
|
|
</ul>
|
|
</li>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "NavigationItem",
|
|
props: {
|
|
item: Object,
|
|
params: Object,
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
span.item-last {
|
|
padding: 7px 3px;
|
|
}
|
|
</style>
|