Attachment #154201 for bug #30708

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




<template>
    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
        <ol>
            <li v-for="(item, counter) in breadCrumbs" v-bind:key="counter">
                <router-link
                    v-if="!item.path && counter == breadCrumbs.length - 1"
                    :to="`${currentRoute}`"
                >
                    {{ $__(item.text) }}</router-link
                >
                <router-link v-else-if="item.path" :to="item.path">
                    {{ $__(item.text) }}</router-link
                >
                <a v-else class="disabled"> {{ $__(item.text) }}</a>
            </li>
        </ol>
    </nav>
</template>

<script>
import { useRouter } from "vue-router"
export default {
    computed: {
        breadCrumbs() {
            if (this.$route.meta.breadcrumb) {
                return this.$route.meta.breadcrumb()
            }
        },
        currentRoute() {
            return this.$route.path
        },
    },
}
</script>

<style scoped>
a.disabled {
    padding: 0.6em 0.3em;
    text-decoration: none;
    color: #000;
}
</style>




<template>
    <div v-if="initialized && PreservationModule == 1">
        <div id="sub-header">
            <Breadcrumbs />
            <Help />
        </div>
        <div class="main container-fluid">
            <div class="row">
                <div class="col-sm-10 col-sm-push-2">

                </div>

                <div class="col-sm-2 col-sm-pull-10">
                    <LeftMenu :title="$__('Preservation')"></LeftMenu>
                        <div id="navmenu">
                            <div id="navmenulist">
                                <h5>{{ $__("Preservation") }}</h5>
                                <ul>
                                    <li>
                                        <router-link :to="{ name: 'Home' }">
                                            <i class="fa fa-home"></i>
                                            {{ $__("Home") }}</router-link
                                        >
                                    </li>
                                    <li>
                                        <router-link
                                            :to="{ name: 'TrainsList' }"
                                        >
                                            <i class="fa fa-train"></i>
                                            {{ $__("Trains") }}</router-link
                                        >
                                    </li>
                                    <li>
                                        <router-link
                                            :to="{ name: 'WaitingList' }"
                                        >
                                            <i class="fa fa-recycle"></i>
                                            {{ $__("Waiting list") }}
                                        </router-link>
                                    </li>
                                    <li>
                                        <router-link :to="{ name: 'Settings' }">
                                            <i class="fa fa-cog"></i>
                                            {{ $__("Settings") }}
                                        </router-link>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </div>


<script>
import { inject } from "vue"
import Breadcrumbs from "../Breadcrumbs.vue"
import Help from "../Help.vue"
import LeftMenu from "../LeftMenu.vue"
import Dialog from "../Dialog.vue"
import { APIClient } from "../../fetch/api-client.js"
import "vue-select/dist/vue-select.css"

    },

    components: {
        Breadcrumbs,
        Dialog,
        Help,
        LeftMenu,
    },
}
</script>

<style>
#navmenulist a.router-link-active {
    font-weight: 700;
}
#menu ul ul,
#navmenulist ul ul {
    padding-left: 2em;

    width: 30%;
}

#navmenulist ul li a.current.disabled {
    background-color: inherit;
    border-left: 5px solid #e6e6e6;
    color: #000;
}
#navmenulist ul li a.disabled {
    color: #666;
    pointer-events: none;
    font-weight: 700;
}
#navmenulist ul li a.disabled.router-link-active {
    color: #000;
}
</style>





import App from "../components/Preservation/Main.vue";

import { routes as routesDef } from "../routes/preservation";

const router = createRouter({
    history: createWebHistory(),
    linkActiveClass: "current",
    routes,
});

import { useMainStore } from "../stores/main";
import { useAVStore } from "../stores/authorised-values";
import { usePreservationStore } from "../stores/preservation";
import { useNavigationStore } from "../stores/navigation";
import i18n from "../i18n";

const pinia = createPinia();

const mainStore = useMainStore(pinia);
const navigationStore = useNavigationStore(pinia);
const routes = navigationStore.setRoutes(routesDef);

const router = createRouter({
    history: createWebHistory(),
    linkExactActiveClass: "current",
    routes,
});

const app = createApp(App);


    .component("v-select", vSelect);

app.config.unwrapInjectedRef = true;
const mainStore = useMainStore(pinia);
app.provide("mainStore", mainStore);
app.provide("navigationStore", navigationStore);
app.provide("AVStore", useAVStore(pinia));
app.provide("PreservationStore", usePreservationStore(pinia));



const { removeMessages } = mainStore;
router.beforeEach((to, from) => {
    navigationStore.$patch({ current: to.matched, params: to.params || {} });
    removeMessages(); // This will actually flag the messages as displayed already
});




import { markRaw } from "vue";

import Home from "../components/Preservation/Home.vue";
import TrainsList from "../components/Preservation/TrainsList.vue";
import TrainsShow from "../components/Preservation/TrainsShow.vue";

import SettingsProcessingsShow from "../components/Preservation/SettingsProcessingsShow.vue";
import SettingsProcessingsFormAdd from "../components/Preservation/SettingsProcessingsFormAdd.vue";

import { $__ } from "../i18n";
    home: {
        text: "Home", // $t("Home")
        path: "/cgi-bin/koha/mainpage.pl",
    },
    preservation_home: {
        text: "Preservation", //$t("Preservation")
        path: "/cgi-bin/koha/preservation/home.pl",
    },
    trains: {
        text: "Trains", // $t("Trains")
        path: "/cgi-bin/koha/preservation/trains",
    },
    waiting_list: {
        text: "Waiting list", // $t("Waiting list")
        path: "/cgi-bin/koha/preservation/waiting-list",
    },
    settings: {
        home: {
            text: "Settings", // $t("Settings")
            path: "/cgi-bin/koha/preservation/settings",
        },
        processings: {
            home: {
                text: "Processings", //$t("Processings")
            },
        },
    },
};
const breadcrumb_paths = {
    trains: [
        breadcrumbs.home,
        breadcrumbs.preservation_home,
        breadcrumbs.trains,
    ],
    settings: [
        breadcrumbs.home,
        breadcrumbs.preservation_home,
        breadcrumbs.settings.home,
    ],
    settings_processings: [
        breadcrumbs.home,
        breadcrumbs.preservation_home,
        breadcrumbs.settings.home,
    ],
};

function build_breadcrumb(parent_breadcrumb, current) {
    let breadcrumb = parent_breadcrumb.flat(Infinity);
    if (current) {
        breadcrumb.push({
            text: current,
        });
    }
    return breadcrumb;
}

export const routes = [
    {
        path: "/cgi-bin/koha/mainpage.pl",
        is_base: true,
        beforeEnter(to, from, next) {
            window.location.href = "/cgi-bin/koha/mainpage.pl";
        },
    },
    {
        path: "/cgi-bin/koha/preservation/home.pl",
        is_default: true,
        is_base: true,
        title: $__("Preservation"),
            breadcrumb: () => [breadcrumbs.home, breadcrumbs.preservation_home],
        },
    },
    {
        path: "/cgi-bin/koha/preservation/trains",
        children: [
            {
                path: "",
                name: "Home",
                component: markRaw(Home),
                title: $__("Home"),
                icon: "fa fa-home",
                },
            },
            {
                path: "/cgi-bin/koha/preservation/trains",
                title: $__("Trains"),
                icon: "fa fa-train",
                is_end_node: true,
                children: [
                    {
                        path: "",
                        name: "TrainsList",
                        component: markRaw(TrainsList),
                        meta: {
                            breadcrumb: () =>
                                build_breadcrumb(
                                    breadcrumb_paths.trains,
                                    "Show train" // $t("Show train")
                                ),
                        },
                    },
                    {
                        path: ":train_id",
                        title: $__("Show train"),
                        is_end_node: true,
                        children: [
                            {
                                path: "",
                                name: "TrainsShow",
                                component: markRaw(TrainsShow),
                                meta: {
                                    breadcrumb: () =>
                                        build_breadcrumb(
                                            breadcrumb_paths.trains,
                                            "Add item to train" // $t("Add item to train")
                                        ),
                                },
                            },
                            {
                                path: "add/:item_ids",
                                name: "TrainsFormAddItems",
                                component: TrainsFormAddItems,
                                meta: {
                                    breadcrumb: () =>
                                        build_breadcrumb(
                                            breadcrumb_paths.trains,
                                            "Add items to train" // $t("Add items to train")
                                        ),
                                },
                            },
                            {
                                path: "items",
                                is_empty: true,
                                children: [
                                    {
                                        path: "add",
                                        name: "TrainsFormAddItem",
                                        component: markRaw(TrainsFormAddItem),
                                        title: $__("Add item to train"),
                                    },
                                    {
                                        path: "add/:item_ids",
                                        name: "TrainsFormAddItems",
                                        component: markRaw(TrainsFormAddItems),
                                        title: $__("Add items to train"),
                                    },
                                    {
                                        path: "edit/:train_item_id",
                                        name: "TrainsFormEditItem",
                                        component: markRaw(TrainsFormAddItem),
                                        title: $__("Edit item in train"),
                                    },
                                ],
                            },
                        ],
                    },
                    {
                        path: "add",
                        name: "TrainsFormAdd",
                        component: markRaw(TrainsFormAdd),
                        title: $__("Add train"),
                    },
                    {
                        path: "edit/:train_id",
                        name: "TrainsFormEdit",
                        component: markRaw(TrainsFormAdd),
                        title: $__("Edit train"),
                    },
                ],
            },
            {
                path: "/cgi-bin/koha/preservation/waiting-list",
                title: $__("Waiting List"),
                icon: "fa fa-recycle",
                is_end_node: true,
                    breadcrumb: () =>
                        build_breadcrumb(
                            breadcrumb_paths.trains,
                            "Add train" // $t("Add train")
                        ),
                },
            },
            {
                path: "edit/:train_id",
                name: "TrainsFormEdit",
                component: TrainsFormAdd,
                meta: {
                    breadcrumb: () =>
                        build_breadcrumb(
                            breadcrumb_paths.trains,
                            "Edit train" // $t("Edit train")
                        ),
                },
            },
        ],
    },
    {
        path: "/cgi-bin/koha/preservation/waiting-list",
        name: "WaitingList",
        component: WaitingList,
        meta: {
            breadcrumb: () => [
                breadcrumbs.home,
                breadcrumbs.preservation_home,
                breadcrumbs.waiting_list,
            ],
        },
    },
    {
        path: "/cgi-bin/koha/preservation/settings",
        children: [
            {
                path: "",
                name: "Settings",
                component: Settings,
                meta: {
                    breadcrumb: () => breadcrumb_paths.settings,
                },
            },
            {
                path: "processings",
                children: [
                    {
                        path: "",
                        name: "WaitingList",
                        component: markRaw(WaitingList),
                        meta: {
                            breadcrumb: () =>
                                build_breadcrumb(
                                    breadcrumb_paths.settings_processings,
                                    "Show processing" // $t("Show processing")
                                ),
                        },
                    },
                ],
            },
            {
                path: "/cgi-bin/koha/preservation/settings",
                title: $__("Settings"),
                icon: "fa fa-cog",
                is_end_node: true,
                children: [
                    {
                        path: "",
                        name: "Settings",
                        component: markRaw(Settings),
                        meta: {
                            breadcrumb: () =>
                                build_breadcrumb(
                                    breadcrumb_paths.settings_processings,
                                    "Add processing" // $t("Add processing")
                                ),
                        },
                    },
                    {
                        path: "processings",
                        children: [
                            {
                                path: ":processing_id",
                                name: "SettingsProcessingsShow",
                                component: markRaw(SettingsProcessingsShow),
                                title: $__("Show processing"),
                            },
                            {
                                path: "add",
                                name: "SettingsProcessingsFormAdd",
                                component: markRaw(SettingsProcessingsFormAdd),
                                title: $__("Add processing"),
                            },
                            {
                                path: "edit/:processing_id",
                                name: "SettingsProcessingsFormEdit",
                                component: markRaw(SettingsProcessingsFormAdd),
                                title: $__("Edit processing"),
                            },
                        ],
                    },
                ],
            },
- 

Return to bug 30708

Lines 29-55 library.add( Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/modules/preservation.ts (-15 / +14 lines)
29		29
30	import App from "../components/Preservation/Main.vue";	30	import App from "../components/Preservation/Main.vue";
31		31
32	import { routes } from "../routes/preservation";	32	import { routes as routesDef } from "../routes/preservation";
33
34	const router = createRouter({
35	history: createWebHistory(),
36	linkActiveClass: "current",
37	routes,
38	});
39		33
40	import { useMainStore } from "../stores/main";	34	import { useMainStore } from "../stores/main";
41	import { useAVStore } from "../stores/authorised-values";	35	import { useAVStore } from "../stores/authorised-values";
42	import { usePreservationStore } from "../stores/preservation";	36	import { usePreservationStore } from "../stores/preservation";
		37	import { useNavigationStore } from "../stores/navigation";
		38	import i18n from "../i18n";
43		39
44	const pinia = createPinia();	40	const pinia = createPinia();
45		41
46	const i18n = {	42	const mainStore = useMainStore(pinia);
47	install: (app, options) => {	43	const navigationStore = useNavigationStore(pinia);
48	app.config.globalProperties.$__ = key => {	44	const routes = navigationStore.setRoutes(routesDef);
49	return window["__"](key);	45
50	};	46	const router = createRouter({
51	},	47	history: createWebHistory(),
52	};	48	linkExactActiveClass: "current",
		49	routes,
		50	});
53		51
54	const app = createApp(App);	52	const app = createApp(App);
55		53
Lines 61-68 const rootComponent = app Link Here
61	.component("v-select", vSelect);	59	.component("v-select", vSelect);
62		60
63	app.config.unwrapInjectedRef = true;	61	app.config.unwrapInjectedRef = true;
64	const mainStore = useMainStore(pinia);
65	app.provide("mainStore", mainStore);	62	app.provide("mainStore", mainStore);
		63	app.provide("navigationStore", navigationStore);
66	app.provide("AVStore", useAVStore(pinia));	64	app.provide("AVStore", useAVStore(pinia));
67	app.provide("PreservationStore", usePreservationStore(pinia));	65	app.provide("PreservationStore", usePreservationStore(pinia));
68		66
Lines 70-74 app.mount("#preservation"); Link Here
70		68
71	const { removeMessages } = mainStore;	69	const { removeMessages } = mainStore;
72	router.beforeEach((to, from) => {	70	router.beforeEach((to, from) => {
		71	navigationStore.$patch({ current: to.matched, params: to.params \|\| {} });
73	removeMessages(); // This will actually flag the messages as displayed already	72	removeMessages(); // This will actually flag the messages as displayed already
74	});	73	});

Lines 1-42 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Breadcrumb.vue (-42 lines)
1	<template>
2	<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
3	<ol>
4	<li v-for="(item, counter) in breadCrumbs" v-bind:key="counter">
5	<router-link
6	v-if="!item.path && counter == breadCrumbs.length - 1"
7	:to="`${currentRoute}`"
8	>
9	{{ $__(item.text) }}</router-link
10	>
11	<router-link v-else-if="item.path" :to="item.path">
12	{{ $__(item.text) }}</router-link
13	>
14	<a v-else class="disabled"> {{ $__(item.text) }}</a>
15	</li>
16	</ol>
17	</nav>
18	</template>
19
20	<script>
21	import { useRouter } from "vue-router"
22	export default {
23	computed: {
24	breadCrumbs() {
25	if (this.$route.meta.breadcrumb) {
26	return this.$route.meta.breadcrumb()
27	}
28	},
29	currentRoute() {
30	return this.$route.path
31	},
32	},
33	}
34	</script>
35
36	<style scoped>
37	a.disabled {
38	padding: 0.6em 0.3em;
39	text-decoration: none;
40	color: #000;
41	}
42	</style>

Lines 1-3 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/preservation.js (-193 / +96 lines)
		1	import { markRaw } from "vue";
		2
1	import Home from "../components/Preservation/Home.vue";	3	import Home from "../components/Preservation/Home.vue";
2	import TrainsList from "../components/Preservation/TrainsList.vue";	4	import TrainsList from "../components/Preservation/TrainsList.vue";
3	import TrainsShow from "../components/Preservation/TrainsShow.vue";	5	import TrainsShow from "../components/Preservation/TrainsShow.vue";
Lines 9-242 import Settings from "../components/Preservation/Settings.vue"; Link Here
9	import SettingsProcessingsShow from "../components/Preservation/SettingsProcessingsShow.vue";	11	import SettingsProcessingsShow from "../components/Preservation/SettingsProcessingsShow.vue";
10	import SettingsProcessingsFormAdd from "../components/Preservation/SettingsProcessingsFormAdd.vue";	12	import SettingsProcessingsFormAdd from "../components/Preservation/SettingsProcessingsFormAdd.vue";
11		13
12	const breadcrumbs = {	14	import { $__ } from "../i18n";
13	home: {
14	text: "Home", // $t("Home")
15	path: "/cgi-bin/koha/mainpage.pl",
16	},
17	preservation_home: {
18	text: "Preservation", //$t("Preservation")
19	path: "/cgi-bin/koha/preservation/home.pl",
20	},
21	trains: {
22	text: "Trains", // $t("Trains")
23	path: "/cgi-bin/koha/preservation/trains",
24	},
25	waiting_list: {
26	text: "Waiting list", // $t("Waiting list")
27	path: "/cgi-bin/koha/preservation/waiting-list",
28	},
29	settings: {
30	home: {
31	text: "Settings", // $t("Settings")
32	path: "/cgi-bin/koha/preservation/settings",
33	},
34	processings: {
35	home: {
36	text: "Processings", //$t("Processings")
37	},
38	},
39	},
40	};
41	const breadcrumb_paths = {
42	trains: [
43	breadcrumbs.home,
44	breadcrumbs.preservation_home,
45	breadcrumbs.trains,
46	],
47	settings: [
48	breadcrumbs.home,
49	breadcrumbs.preservation_home,
50	breadcrumbs.settings.home,
51	],
52	settings_processings: [
53	breadcrumbs.home,
54	breadcrumbs.preservation_home,
55	breadcrumbs.settings.home,
56	],
57	};
58
59	function build_breadcrumb(parent_breadcrumb, current) {
60	let breadcrumb = parent_breadcrumb.flat(Infinity);
61	if (current) {
62	breadcrumb.push({
63	text: current,
64	});
65	}
66	return breadcrumb;
67	}
68		15
69	export const routes = [	16	export const routes = [
70	{	17	{
71	path: "/cgi-bin/koha/mainpage.pl",	18	path: "/cgi-bin/koha/mainpage.pl",
		19	is_base: true,
72	beforeEnter(to, from, next) {	20	beforeEnter(to, from, next) {
73	window.location.href = "/cgi-bin/koha/mainpage.pl";	21	window.location.href = "/cgi-bin/koha/mainpage.pl";
74	},	22	},
75	},	23	},
76	{	24	{
77	path: "/cgi-bin/koha/preservation/home.pl",	25	path: "/cgi-bin/koha/preservation/home.pl",
78	name: "Home",	26	is_default: true,
79	component: Home,	27	is_base: true,
80	meta: {	28	title: $__("Preservation"),
81	breadcrumb: () => [breadcrumbs.home, breadcrumbs.preservation_home],
82	},
83	},
84	{
85	path: "/cgi-bin/koha/preservation/trains",
86	children: [	29	children: [
87	{	30	{
88	path: "",	31	path: "",
89	name: "TrainsList",	32	name: "Home",
90	component: TrainsList,	33	component: markRaw(Home),
91	meta: {	34	title: $__("Home"),
92	breadcrumb: () => breadcrumb_paths.trains,	35	icon: "fa fa-home",
93	},
94	},	36	},
95	{	37	{
96	path: ":train_id",	38	path: "/cgi-bin/koha/preservation/trains",
		39	title: $__("Trains"),
		40	icon: "fa fa-train",
		41	is_end_node: true,
97	children: [	42	children: [
98	{	43	{
99	path: "",	44	path: "",
100	name: "TrainsShow",	45	name: "TrainsList",
101	component: TrainsShow,	46	component: markRaw(TrainsList),
102	meta: {
103	breadcrumb: () =>
104	build_breadcrumb(
105	breadcrumb_paths.trains,
106	"Show train" // $t("Show train")
107	),
108	},
109	},	47	},
110	{	48	{
111	path: "items",	49	path: ":train_id",
		50	title: $__("Show train"),
		51	is_end_node: true,
112	children: [	52	children: [
113	{	53	{
114	path: "add",	54	path: "",
115	name: "TrainsFormAddItem",	55	name: "TrainsShow",
116	component: TrainsFormAddItem,	56	component: markRaw(TrainsShow),
117	meta: {
118	breadcrumb: () =>
119	build_breadcrumb(
120	breadcrumb_paths.trains,
121	"Add item to train" // $t("Add item to train")
122	),
123	},
124	},
125	{
126	path: "add/:item_ids",
127	name: "TrainsFormAddItems",
128	component: TrainsFormAddItems,
129	meta: {
130	breadcrumb: () =>
131	build_breadcrumb(
132	breadcrumb_paths.trains,
133	"Add items to train" // $t("Add items to train")
134	),
135	},
136	},	57	},
137	{	58	{
138	path: "edit/:train_item_id",	59	path: "items",
139	name: "TrainsFormEditItem",	60	is_empty: true,
140	component: TrainsFormAddItem,	61	children: [
141	meta: {	62	{
142	breadcrumb: () =>	63	path: "add",
143	build_breadcrumb(	64	name: "TrainsFormAddItem",
144	breadcrumb_paths.trains,	65	component: markRaw(TrainsFormAddItem),
145	"Edit item in train" // $t("Edit item in train")	66	title: $__("Add item to train"),
146	),	67	},
147	},	68	{
		69	path: "add/:item_ids",
		70	name: "TrainsFormAddItems",
		71	component: markRaw(TrainsFormAddItems),
		72	title: $__("Add items to train"),
		73	},
		74	{
		75	path: "edit/:train_item_id",
		76	name: "TrainsFormEditItem",
		77	component: markRaw(TrainsFormAddItem),
		78	title: $__("Edit item in train"),
		79	},
		80	],
148	},	81	},
149	],	82	],
150	},	83	},
		84	{
		85	path: "add",
		86	name: "TrainsFormAdd",
		87	component: markRaw(TrainsFormAdd),
		88	title: $__("Add train"),
		89	},
		90	{
		91	path: "edit/:train_id",
		92	name: "TrainsFormEdit",
		93	component: markRaw(TrainsFormAdd),
		94	title: $__("Edit train"),
		95	},
151	],	96	],
152	},	97	},
153	{	98	{
154	path: "add",	99	path: "/cgi-bin/koha/preservation/waiting-list",
155	name: "TrainsFormAdd",	100	title: $__("Waiting List"),
156	component: TrainsFormAdd,	101	icon: "fa fa-recycle",
157	meta: {	102	is_end_node: true,
158	breadcrumb: () =>
159	build_breadcrumb(
160	breadcrumb_paths.trains,
161	"Add train" // $t("Add train")
162	),
163	},
164	},
165	{
166	path: "edit/:train_id",
167	name: "TrainsFormEdit",
168	component: TrainsFormAdd,
169	meta: {
170	breadcrumb: () =>
171	build_breadcrumb(
172	breadcrumb_paths.trains,
173	"Edit train" // $t("Edit train")
174	),
175	},
176	},
177	],
178	},
179	{
180	path: "/cgi-bin/koha/preservation/waiting-list",
181	name: "WaitingList",
182	component: WaitingList,
183	meta: {
184	breadcrumb: () => [
185	breadcrumbs.home,
186	breadcrumbs.preservation_home,
187	breadcrumbs.waiting_list,
188	],
189	},
190	},
191	{
192	path: "/cgi-bin/koha/preservation/settings",
193	children: [
194	{
195	path: "",
196	name: "Settings",
197	component: Settings,
198	meta: {
199	breadcrumb: () => breadcrumb_paths.settings,
200	},
201	},
202	{
203	path: "processings",
204	children: [	103	children: [
205	{	104	{
206	path: ":processing_id",	105	path: "",
207	name: "SettingsProcessingsShow",	106	name: "WaitingList",
208	component: SettingsProcessingsShow,	107	component: markRaw(WaitingList),
209	meta: {
210	breadcrumb: () =>
211	build_breadcrumb(
212	breadcrumb_paths.settings_processings,
213	"Show processing" // $t("Show processing")
214	),
215	},
216	},	108	},
		109	],
		110	},
		111	{
		112	path: "/cgi-bin/koha/preservation/settings",
		113	title: $__("Settings"),
		114	icon: "fa fa-cog",
		115	is_end_node: true,
		116	children: [
217	{	117	{
218	path: "add",	118	path: "",
219	name: "SettingsProcessingsFormAdd",	119	name: "Settings",
220	component: SettingsProcessingsFormAdd,	120	component: markRaw(Settings),
221	meta: {
222	breadcrumb: () =>
223	build_breadcrumb(
224	breadcrumb_paths.settings_processings,
225	"Add processing" // $t("Add processing")
226	),
227	},
228	},	121	},
229	{	122	{
230	path: "edit/:processing_id",	123	path: "processings",
231	name: "SettingsProcessingsFormEdit",	124	children: [
232	component: SettingsProcessingsFormAdd,	125	{
233	meta: {	126	path: ":processing_id",
234	breadcrumb: () =>	127	name: "SettingsProcessingsShow",
235	build_breadcrumb(	128	component: markRaw(SettingsProcessingsShow),
236	breadcrumb_paths.settings_processings,	129	title: $__("Show processing"),
237	"Edit processing" // $t("Edit processing")	130	},
238	),	131	{
239	},	132	path: "add",
		133	name: "SettingsProcessingsFormAdd",
		134	component: markRaw(SettingsProcessingsFormAdd),
		135	title: $__("Add processing"),
		136	},
		137	{
		138	path: "edit/:processing_id",
		139	name: "SettingsProcessingsFormEdit",
		140	component: markRaw(SettingsProcessingsFormAdd),
		141	title: $__("Edit processing"),
		142	},
		143	],
240	},	144	},
241	],	145	],
242	},	146	},
243	-