Attachment #174203 for bug #38010

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




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="record_sources_list">
        <Toolbar>
            <ButtonLink
                :to="{ name: 'RecordSourcesFormAdd' }"
                icon="plus"
                :title="$__('New record source')"


<script>
import Toolbar from "../../Toolbar.vue"
import ButtonLink from "../../ButtonLink.vue"
import { inject } from "vue"
import { APIClient } from "../../../fetch/api-client.js"
import KohaTable from "../../KohaTable.vue"

    components: {
        KohaTable,
        Toolbar,
        ButtonLink,
    },
}
</script>




<template>
    <a
        v-if="callback"
        @click="typeof callback === 'string' ? redirect() : callback"
        :class="class"
        style="cursor: pointer"
    >
        <font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}
    </a>
    <router-link v-else :to="to" :class="class"
        ><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link
    >
</template>

<script>
export default {
    props: {
        to: {
            type: [String, Object],
        },
        class: {
            type: String,
            default: "btn btn-default",
        },
        icon: {
            type: String,
            required: false,
        },
        title: {
            type: String,
        },
        callback: {
            type: [String, Function],
            required: false,
        },
    },
    methods: {
        redirect() {
            if (typeof this.to === "string")
                window.location.href = this.formatUrl(this.to)
            if (typeof this.to === "object") {
                let url = this.to.path
                if (this.to.hasOwnProperty("query")) {
                    url +=
                        "?" +
                        Object.keys(this.to.query)
                            .map(
                                queryParam =>
                                    `${queryParam}=${this.to.query[queryParam]}`
                            )
                            .join("&")
                }
                window.location.href = this.formatUrl(url, this.to.internal)
            }
        },
        formatUrl(url) {
            if (url.includes("http://") || url.includes("https://")) return url
            if (url.includes("cgi-bin/koha"))
                return `//${window.location.host}/${url}`
            return `//${url}`
        },
    },
    name: "ButtonLink",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="agreements_list">
        <Toolbar v-if="!embedded">
            <ButtonLink
                :to="{ name: 'AgreementsFormAdd' }"
                icon="plus"
                :title="$__('New agreement')"

<script>
import flatPickr from "vue-flatpickr-component"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import { inject, ref, reactive } from "vue"
import { APIClient } from "../../fetch/api-client.js"
import { storeToRefs } from "pinia"

            }
        },
    },
    components: { flatPickr, Toolbar, ButtonLink, KohaTable },
    props: {
        embedded: {
            type: Boolean,




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="agreements_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'AgreementsFormAddEdit',
                    params: { agreement_id: agreement.agreement_id },

import { inject } from "vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"

export default {
    setup() {

            )
        },
    },
    components: { Toolbar, ButtonLink },
    name: "AgreementsShow",
}
</script>




        <div v-if="!initialized">{{ $__("Loading") }}</div>
        <div v-else id="packages_list">
            <Toolbar>
                <ButtonLink
                    :to="{ name: 'EHoldingsLocalPackagesFormAdd' }"
                    icon="plus"
                    :title="$__('New package')"


<script>
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import { inject, ref, reactive } from "vue"
import { storeToRefs } from "pinia"
import { APIClient } from "../../fetch/api-client.js"

            ]
        },
    },
    components: { Toolbar, ButtonLink, KohaTable },
    name: "EHoldingsLocalPackagesList",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else-if="erm_package" id="packages_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'EHoldingsLocalPackagesFormAddEdit',
                    params: { package_id: erm_package.package_id },

import EHoldingsPackageTitlesList from "./EHoldingsLocalPackageTitlesList.vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"

export default {
    setup() {

    components: {
        EHoldingsPackageTitlesList,
        Toolbar,
        ButtonLink,
    },
    name: "EHoldingsLocalPackagesShow",
}




        <div v-if="!initialized">{{ $__("Loading") }}</div>
        <div v-else id="titles_list">
            <Toolbar>
                <ButtonLink
                    :to="{ name: 'EHoldingsLocalTitlesFormAdd' }"
                    icon="plus"
                    :title="$__('New title')"
                />
                <ButtonLink
                    :to="{ name: 'EHoldingsLocalTitlesFormImport' }"
                    icon="plus"
                    :title="$__('Import from list')"
                />
                <ButtonLink
                    :to="{ name: 'EHoldingsLocalTitlesKBARTImport' }"
                    icon="plus"
                    :title="$__('Import from KBART file')"


<script>
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import { inject, ref, reactive } from "vue"
import { storeToRefs } from "pinia"
import { APIClient } from "../../fetch/api-client.js"

            ]
        },
    },
    components: { Toolbar, ButtonLink, KohaTable },
    name: "EHoldingsLocalTitlesList",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else-if="title" id="eholdings_title_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'EHoldingsLocalTitlesFormAddEdit',
                    params: { title_id: title.title_id },

import EHoldingsTitlePackagesList from "./EHoldingsLocalTitlePackagesList.vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"

export default {
    setup() {

    components: {
        EHoldingsTitlePackagesList,
        Toolbar,
        ButtonLink,
    },
    name: "EHoldingsLocalTitlesShow",
}




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="licenses_list">
        <Toolbar>
            <ButtonLink
                :to="{ name: 'LicensesFormAdd' }"
                icon="plus"
                :title="$__('New license')"


<script>
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import { inject, ref } from "vue"
import { storeToRefs } from "pinia"
import { APIClient } from "../../fetch/api-client.js"

        av_license_types: Array,
        av_license_statuses: Array,
    },
    components: { Toolbar, ButtonLink, KohaTable },
    name: "LicensesList",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="licenses_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'LicensesFormAddEdit',
                    params: { license_id: license.license_id },

import { inject } from "vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import AdditionalFieldsDisplay from "../AdditionalFieldsDisplay.vue"

export default {

            )
        },
    },
    components: { Toolbar, ButtonLink, AdditionalFieldsDisplay },
    name: "LicensesShow",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="usage_data_providers_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'UsageStatisticsDataProvidersFormAddEdit',
                    params: {

import { inject } from "vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import UsageStatisticsDataProvidersFileImport from "./UsageStatisticsDataProvidersFileImport.vue"
import UsageStatisticsDataProvidersCounterLogs from "./UsageStatisticsDataProvidersCounterLogs.vue"
import UsageStatisticsDataProviderDetails from "./UsageStatisticsDataProviderDetails.vue"

        UsageStatisticsDataProviderDetails,
        UsageStatisticsProviderDataList,
        Toolbar,
        ButtonLink,
    },
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="processing_show">
        <Toolbar>
            <ButtonLink
                :to="{
                    name: 'SettingsProcessingsFormEdit',
                    params: { processing_id: processing.processing_id },

import { inject } from "vue"
import { APIClient } from "../../fetch/api-client.js"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"

export default {
    setup() {

            )
        },
    },
    components: { Toolbar, ButtonLink },
    name: "ProcessingsShow",
}
</script>




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="trains_list">
        <Toolbar>
            <ButtonLink
                :to="{ name: 'TrainsFormAdd' }"
                icon="plus"
                :title="$__('New train')"

<script>
import flatPickr from "vue-flatpickr-component"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"
import { inject, ref, reactive } from "vue"
import { APIClient } from "../../fetch/api-client"
import { build_url } from "../../composables/datatables"

            ]
        },
    },
    components: { flatPickr, Toolbar, ButtonLink, KohaTable },
    name: "trainsList",
    emits: ["select-train", "close"],
}




    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="trains_show">
        <Toolbar>
            <ButtonLink
                v-if="train.closed_on == null"
                :to="{
                    name: 'TrainsFormAddItem',

            >
                <font-awesome-icon icon="plus" /> {{ $__("Add items") }}
            </span>
            <ButtonLink
                :to="{
                    name: 'TrainsFormEdit',
                    params: { train_id: train.train_id },

import { APIClient } from "../../fetch/api-client"
import { useDataTable } from "../../composables/datatables"
import Toolbar from "../Toolbar.vue"
import ButtonLink from "../ButtonLink.vue"

export default {
    setup() {

            })
        },
    },
    components: { Toolbar, ButtonLink },
    name: "TrainsShow",
}
</script>




<template>
    <router-link :to="to" :class="class"
        ><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link
    >
</template>

<script>
export default {
    props: {
        to: {
            type: [String, Object],
        },
        class: {
            type: String,
            default: "btn btn-default",
        },
        icon: {
            type: String,
            required: false,
        },
        title: {
            type: String,
        },
    },
    name: "Toolbar",
}
</script>
- 

Return to bug 38010

Lines 2-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsShow.vue (-3 / +3 lines)
2	<div v-if="!initialized">{{ $__("Loading") }}</div>	2	<div v-if="!initialized">{{ $__("Loading") }}</div>
3	<div v-else id="agreements_show">	3	<div v-else id="agreements_show">
4	<Toolbar>	4	<Toolbar>
5	<ToolbarButton	5	<ButtonLink
6	:to="{	6	:to="{
7	name: 'AgreementsFormAddEdit',	7	name: 'AgreementsFormAddEdit',
8	params: { agreement_id: agreement.agreement_id },	8	params: { agreement_id: agreement.agreement_id },
Lines 338-344 Link Here
338	import { inject } from "vue"	338	import { inject } from "vue"
339	import { APIClient } from "../../fetch/api-client.js"	339	import { APIClient } from "../../fetch/api-client.js"
340	import Toolbar from "../Toolbar.vue"	340	import Toolbar from "../Toolbar.vue"
341	import ToolbarButton from "../ToolbarButton.vue"	341	import ButtonLink from "../ButtonLink.vue"
342		342
343	export default {	343	export default {
344	setup() {	344	setup() {
Lines 425-431 export default { Link Here
425	)	425	)
426	},	426	},
427	},	427	},
428	components: { Toolbar, ToolbarButton },	428	components: { Toolbar, ButtonLink },
429	name: "AgreementsShow",	429	name: "AgreementsShow",
430	}	430	}
431	</script>	431	</script>

Lines 3-9 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackagesList.vue (-3 / +3 lines)
3	<div v-if="!initialized">{{ $__("Loading") }}</div>	3	<div v-if="!initialized">{{ $__("Loading") }}</div>
4	<div v-else id="packages_list">	4	<div v-else id="packages_list">
5	<Toolbar>	5	<Toolbar>
6	<ToolbarButton	6	<ButtonLink
7	:to="{ name: 'EHoldingsLocalPackagesFormAdd' }"	7	:to="{ name: 'EHoldingsLocalPackagesFormAdd' }"
8	icon="plus"	8	icon="plus"
9	:title="$__('New package')"	9	:title="$__('New package')"
Lines 31-37 Link Here
31		31
32	<script>	32	<script>
33	import Toolbar from "../Toolbar.vue"	33	import Toolbar from "../Toolbar.vue"
34	import ToolbarButton from "../ToolbarButton.vue"	34	import ButtonLink from "../ButtonLink.vue"
35	import { inject, ref, reactive } from "vue"	35	import { inject, ref, reactive } from "vue"
36	import { storeToRefs } from "pinia"	36	import { storeToRefs } from "pinia"
37	import { APIClient } from "../../fetch/api-client.js"	37	import { APIClient } from "../../fetch/api-client.js"
Lines 245-251 export default { Link Here
245	]	245	]
246	},	246	},
247	},	247	},
248	components: { Toolbar, ToolbarButton, KohaTable },	248	components: { Toolbar, ButtonLink, KohaTable },
249	name: "EHoldingsLocalPackagesList",	249	name: "EHoldingsLocalPackagesList",
250	}	250	}
251	</script>	251	</script>

Lines 2-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/LicensesShow.vue (-3 / +3 lines)
2	<div v-if="!initialized">{{ $__("Loading") }}</div>	2	<div v-if="!initialized">{{ $__("Loading") }}</div>
3	<div v-else id="licenses_show">	3	<div v-else id="licenses_show">
4	<Toolbar>	4	<Toolbar>
5	<ToolbarButton	5	<ButtonLink
6	:to="{	6	:to="{
7	name: 'LicensesFormAddEdit',	7	name: 'LicensesFormAddEdit',
8	params: { license_id: license.license_id },	8	params: { license_id: license.license_id },
Lines 158-164 Link Here
158	import { inject } from "vue"	158	import { inject } from "vue"
159	import { APIClient } from "../../fetch/api-client.js"	159	import { APIClient } from "../../fetch/api-client.js"
160	import Toolbar from "../Toolbar.vue"	160	import Toolbar from "../Toolbar.vue"
161	import ToolbarButton from "../ToolbarButton.vue"	161	import ButtonLink from "../ButtonLink.vue"
162	import AdditionalFieldsDisplay from "../AdditionalFieldsDisplay.vue"	162	import AdditionalFieldsDisplay from "../AdditionalFieldsDisplay.vue"
163		163
164	export default {	164	export default {
Lines 242-248 export default { Link Here
242	)	242	)
243	},	243	},
244	},	244	},
245	components: { Toolbar, ToolbarButton, AdditionalFieldsDisplay },	245	components: { Toolbar, ButtonLink, AdditionalFieldsDisplay },
246	name: "LicensesShow",	246	name: "LicensesShow",
247	}	247	}
248	</script>	248	</script>

Lines 73-79 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Preservation/TrainsShow.vue (-4 / +4 lines)
73	<div v-if="!initialized">{{ $__("Loading") }}</div>	73	<div v-if="!initialized">{{ $__("Loading") }}</div>
74	<div v-else id="trains_show">	74	<div v-else id="trains_show">
75	<Toolbar>	75	<Toolbar>
76	<ToolbarButton	76	<ButtonLink
77	v-if="train.closed_on == null"	77	v-if="train.closed_on == null"
78	:to="{	78	:to="{
79	name: 'TrainsFormAddItem',	79	name: 'TrainsFormAddItem',
Lines 91-97 Link Here
91	>	91	>
92	<font-awesome-icon icon="plus" /> {{ $__("Add items") }}	92	<font-awesome-icon icon="plus" /> {{ $__("Add items") }}
93	</span>	93	</span>
94	<ToolbarButton	94	<ButtonLink
95	:to="{	95	:to="{
96	name: 'TrainsFormEdit',	96	name: 'TrainsFormEdit',
97	params: { train_id: train.train_id },	97	params: { train_id: train.train_id },
Lines 287-293 import { inject, createVNode, render } from "vue" Link Here
287	import { APIClient } from "../../fetch/api-client"	287	import { APIClient } from "../../fetch/api-client"
288	import { useDataTable } from "../../composables/datatables"	288	import { useDataTable } from "../../composables/datatables"
289	import Toolbar from "../Toolbar.vue"	289	import Toolbar from "../Toolbar.vue"
290	import ToolbarButton from "../ToolbarButton.vue"	290	import ButtonLink from "../ButtonLink.vue"
291		291
292	export default {	292	export default {
293	setup() {	293	setup() {
Lines 729-735 export default { Link Here
729	})	729	})
730	},	730	},
731	},	731	},
732	components: { Toolbar, ToolbarButton },	732	components: { Toolbar, ButtonLink },
733	name: "TrainsShow",	733	name: "TrainsShow",
734	}	734	}
735	</script>	735	</script>

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ButtonLink.vue (+65 lines)
		1	<template>
		2	<a
		3	v-if="callback"
		4	@click="typeof callback === 'string' ? redirect() : callback"
		5	:class="class"
		6	style="cursor: pointer"
		7	>
		8	<font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}
		9	</a>
		10	<router-link v-else :to="to" :class="class"
		11	><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link
		12	>
		13	</template>
		14
		15	<script>
		16	export default {
		17	props: {
		18	to: {
		19	type: [String, Object],
		20	},
		21	class: {
		22	type: String,
		23	default: "btn btn-default",
		24	},
		25	icon: {
		26	type: String,
		27	required: false,
		28	},
		29	title: {
		30	type: String,
		31	},
		32	callback: {
		33	type: [String, Function],
		34	required: false,
		35	},
		36	},
		37	methods: {
		38	redirect() {
		39	if (typeof this.to === "string")
		40	window.location.href = this.formatUrl(this.to)
		41	if (typeof this.to === "object") {
		42	let url = this.to.path
		43	if (this.to.hasOwnProperty("query")) {
		44	url +=
		45	"?" +
		46	Object.keys(this.to.query)
		47	.map(
		48	queryParam =>
		49	`${queryParam}=${this.to.query[queryParam]}`
		50	)
		51	.join("&")
		52	}
		53	window.location.href = this.formatUrl(url, this.to.internal)
		54	}
		55	},
		56	formatUrl(url) {
		57	if (url.includes("http://") \|\| url.includes("https://")) return url
		58	if (url.includes("cgi-bin/koha"))
		59	return `//${window.location.host}/${url}`
		60	return `//${url}`
		61	},
		62	},
		63	name: "ButtonLink",
		64	}
65	</script>

Lines 1-27 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ToolbarButton.vue (-28 lines)
1	<template>
2	<router-link :to="to" :class="class"
3	><font-awesome-icon v-if="icon" :icon="icon" /> {{ title }}</router-link
4	>
5	</template>
6
7	<script>
8	export default {
9	props: {
10	to: {
11	type: [String, Object],
12	},
13	class: {
14	type: String,
15	default: "btn btn-default",
16	},
17	icon: {
18	type: String,
19	required: false,
20	},
21	title: {
22	type: String,
23	},
24	},
25	name: "Toolbar",
26	}
27	</script>
28	-