View | Details | Raw Unified | Return to bug 41336
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/NavigationItem.vue (-19 / +10 lines)
Lines 1-42 Link Here
1
<template>
1
<template>
2
    <li class="breadcrumb-item">
2
    <li class="breadcrumb-item">
3
        <span>
3
        <span>
4
            <a v-if="item.disabled" href="#" class="{ disabled: disabled }">
5
                <template v-if="item.icon">
6
                    <i :class="`${item.icon}`"></i>&nbsp;
7
                </template>
8
                <span v-if="item.title">{{ $__(item.title) }}</span>
9
            </a>
4
            <router-link
10
            <router-link
5
                v-if="item.name"
11
                v-else-if="item.name"
6
                :to="{ name: item.name, params }"
12
                :to="{ name: item.name, params }"
7
                :class="{ disabled: item.disabled }"
8
            >
13
            >
9
                <template v-if="item.icon">
14
                <template v-if="item.icon">
10
                    <i :class="`${item.icon}`"></i>&nbsp;
15
                    <i :class="`${item.icon}`"></i>&nbsp;
11
                </template>
16
                </template>
12
                <span v-if="item.title">{{ $__(item.title) }}</span>
17
                <span v-if="item.title">{{ $__(item.title) }}</span>
13
            </router-link>
18
            </router-link>
14
            <router-link
19
            <router-link v-else-if="item.path" :to="item.path">
15
                v-else-if="item.path"
16
                :to="item.path"
17
                :class="{ disabled: item.disabled }"
18
            >
19
                <template v-if="item.icon">
20
                <template v-if="item.icon">
20
                    <i :class="`${item.icon}`"></i>&nbsp;
21
                    <i :class="`${item.icon}`"></i>&nbsp;
21
                </template>
22
                </template>
22
                <span v-if="item.title">{{ $__(item.title) }}</span>
23
                <span v-if="item.title">{{ $__(item.title) }}</span>
23
            </router-link>
24
            </router-link>
24
            <a
25
            <a v-else-if="item.href" :href="item.href">
25
                v-else-if="item.href"
26
                :href="item.href"
27
                :class="{ disabled: item.disabled }"
28
            >
29
                <template v-if="item.icon">
26
                <template v-if="item.icon">
30
                    <i :class="`${item.icon}`"></i>&nbsp;
27
                    <i :class="`${item.icon}`"></i>&nbsp;
31
                </template>
28
                </template>
32
                <span v-if="item.title">{{ $__(item.title) }}</span>
29
                <span v-if="item.title">{{ $__(item.title) }}</span>
33
            </a>
30
            </a>
34
            <a
31
            <a v-else href="#" aria-current="page">
35
                v-else
36
                href="#"
37
                aria-current="page"
38
                :class="{ disabled: item.disabled }"
39
            >
40
                <template v-if="item.icon">
32
                <template v-if="item.icon">
41
                    <i :class="`${item.icon}`"></i>&nbsp;
33
                    <i :class="`${item.icon}`"></i>&nbsp;
42
                </template>
34
                </template>
43
- 

Return to bug 41336