YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

add ability to also pass a route params when needed in as a traduction variable

Browse source
This commit is contained in:
Axolotle 2020-07-14 22:42:05 +02:00
parent 07302dfdfe
commit 666899bb45
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/components/Breadcrumb.vue
View file

@ -9,7 +9,9 @@
:key="index"
:to="{name: route.name}"
:active="index == lastIndex ? true : false"
>{{ route.trad ? $t(route.trad) : params[route.param] }}</b-breadcrumb-item>
>
{{ route.text }}
</b-breadcrumb-item>
</b-breadcrumb>
</template>
@ -20,7 +22,19 @@ export default {
return this.$route.params
},
breadcrumb: function () {
return this.$route.meta.breadcrumb
return this.$route.meta.breadcrumb.map(({name, trad, param}) => {
let text = ''
// if a traduction key string has been given and we also need to pass
// the route param as a variable.
if (trad && param) {
text = this.$i18n.t(trad, {[param]: this.params[param]})
} else if (trad) {
text = this.$i18n.t(trad)
} else {
text = this.params[param]
}
return {name, text}
})
},
lastIndex: function () {
return this.breadcrumb.length - 1