Attachment #161365 for bug #32607

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




#!/usr/bin/perl

# Copyright 2023 Theke Solutions
#
# This file is part of Koha.
#
# Koha is free software; you can redistribute it and/or modify it
# under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 3 of the License, or
# (at your option) any later version.
#
# Koha is distributed in the hope that it will be useful, but
# WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with Koha; if not, see <http://www.gnu.org/licenses>.

use Modern::Perl;

use CGI        qw ( -utf8 );
use C4::Auth   qw( get_template_and_user );
use C4::Output qw( output_html_with_http_headers );

my $query = CGI->new;

my ( $template, $loggedinuser, $cookie ) = get_template_and_user(
    {
        template_name => "admin/record-sources.tt",
        query         => $query,
        type          => "intranet",
        flagsrequired => { parameters => 'manage_record_sources' },
    }
);

output_html_with_http_headers $query, $cookie, $template->output;

Lines 13-18 ScriptAlias /search "/usr/share/koha/intranet/cgi-bin/catalogue/search.pl" Link Here

(-)a/debian/templates/apache-shared-intranet.conf (+2 lines)
13		13
14	# Protect dev package install	14	# Protect dev package install
15	RewriteEngine on	15	RewriteEngine on
		16
16	RewriteRule ^/cgi-bin/koha/(C4\|debian\|etc\|installer/data\|install_misc\|Koha\|misc\|selenium\|t\|test\|tmp\|xt)/\|\.PL$ /notfound [PT]	17	RewriteRule ^/cgi-bin/koha/(C4\|debian\|etc\|installer/data\|install_misc\|Koha\|misc\|selenium\|t\|test\|tmp\|xt)/\|\.PL$ /notfound [PT]
17		18
18	RewriteRule ^/bib/([^\/]*)/?$ /cgi-bin/koha/catalogue/detail.pl?biblionumber=$1 [PT]	19	RewriteRule ^/bib/([^\/]*)/?$ /cgi-bin/koha/catalogue/detail.pl?biblionumber=$1 [PT]
Lines 23-28 RewriteRule ^(.*)_[0-9]{2}\.[0-9]{7}\.(js\|css)$ $1.$2 [L] Link Here
23	RewriteRule ^/cgi-bin/koha/erm/.*$ /cgi-bin/koha/erm/erm.pl [PT]	24	RewriteRule ^/cgi-bin/koha/erm/.*$ /cgi-bin/koha/erm/erm.pl [PT]
24	RewriteCond %{REQUEST_URI} !^/cgi-bin/koha/preservation/.*.pl$	25	RewriteCond %{REQUEST_URI} !^/cgi-bin/koha/preservation/.*.pl$
25	RewriteRule ^/cgi-bin/koha/preservation/.*$ /cgi-bin/koha/preservation/home.pl [PT]	26	RewriteRule ^/cgi-bin/koha/preservation/.*$ /cgi-bin/koha/preservation/home.pl [PT]
		27	RewriteRule ^/cgi-bin/koha/admin/record-sources(.*)?$ /cgi-bin/koha/admin/record-sources.pl$1 [PT]
26		28
27	Alias "/api" "/usr/share/koha/api"	29	Alias "/api" "/usr/share/koha/api"
28	<Directory "/usr/share/koha/api">	30	<Directory "/usr/share/koha/api">

Lines 209-214 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/admin-home.tt (+4 lines)
209	<dt><a href="/cgi-bin/koha/admin/searchengine/elasticsearch/mappings.pl">Search engine configuration (Elasticsearch)</a></dt>	209	<dt><a href="/cgi-bin/koha/admin/searchengine/elasticsearch/mappings.pl">Search engine configuration (Elasticsearch)</a></dt>
210	<dd>Manage indexes, facets, and their mappings to MARC fields and subfields</dd>	210	<dd>Manage indexes, facets, and their mappings to MARC fields and subfields</dd>
211	[% END %]	211	[% END %]
		212	[% IF ( CAN_user_parameters_manage_record_sources ) %]
		213	<dt><a href="/cgi-bin/koha/admin/record-sources">Record sources</a></dt>
		214	<dd>Define record sources to import from</dd>
		215	[% END %]
212	</dl>	216	</dl>
213	[% END %]	217	[% END %]
214		218




[% USE raw %]
[% USE To %]
[% USE Asset %]
[% USE KohaDates %]
[% USE TablesSettings %]
[% USE AuthorisedValues %]
[% SET footerjs = 1 %]
[% PROCESS 'i18n.inc' %]
[% INCLUDE 'doc-head-open.inc' %]
<title>
    Record sources &rsaquo; Koha
</title>
[% INCLUDE 'doc-head-close.inc' %]
</head>

<body id="record_sources" class="record_sources">
[% WRAPPER 'header.inc' %]
    [% INCLUDE 'prefs-admin-search.inc' %]
[% END %]

<div id="record-source"> <!-- this is closed in intranet-bottom.inc -->

[% MACRO jsinclude BLOCK %]
    [% INCLUDE 'calendar.inc' %] <!-- FIXME: this shouldn't be needed -->
    [% INCLUDE 'datatables.inc' %]
    [% INCLUDE 'columns_settings.inc' %]
    [% INCLUDE 'js-patron-format.inc' %]
    [% INCLUDE 'js-date-format.inc' %]

    [% Asset.js("js/vue/dist/record-source.js") | $raw %]

[% END %]

[% INCLUDE 'intranet-bottom.inc' %]




<template>
    <div :id="id">
        <div id="sub-header">
            <Breadcrumbs></Breadcrumbs>
            <Help />
        </div>
        <div class="main container-fluid">
            <div class="row">
                <template v-if="leftMenu">
                    <div class="col-sm-10 col-sm-push-2">
                        <Dialog></Dialog>
                        <slot></slot>
                    </div>
                    <div class="col-sm-2 col-sm-pull-10">
                        <LeftMenu :title="title"></LeftMenu>
                    </div>
                </template>
                <template v-else>
                    <div
                        class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"
                    >
                        <Dialog></Dialog>
                        <slot></slot>
                    </div>
                </template>
            </div>
        </div>
    </div>
</template>

<script>
import LeftMenu from "./LeftMenu.vue"
import Breadcrumbs from "./Breadcrumbs.vue"
import Help from "./Help.vue"
import Dialog from "./Dialog.vue"
export default {
    name: "Page",
    components: {
        LeftMenu,
        Dialog,
        Breadcrumbs,
        Help,
    },
    props: {
        id: String,
        title: String,
        leftMenu: {
            type: Boolean,
            default: true,
        },
    },
}
</script>

<style></style>




<template>
    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else id="record_source_edit">
        <h1>{{ title }}</h1>
        <form @submit="processSubmit">
            <fieldset class="rows">
                <ol>
                    <li>
                        <label class="required" for="name">
                            {{ $__("Name") }}:
                        </label>
                        <input id="name" v-model="row.name" required />
                        <span class="required">{{ $__("Required") }}</span>
                    </li>
                    <li>
                        <label :for="`user_id`">
                            {{ $__("Can be edited") }}:
                        </label>
                        <input
                            id="can_be_edited"
                            type="checkbox"
                            v-model="row.can_be_edited"
                        />
                    </li>
                </ol>
            </fieldset>
            <fieldset class="action">
                <input type="submit" :value="$__('Submit')" />
                <router-link
                    to="../record-sources"
                    role="button"
                    class="cancel"
                    >{{ $__("Cancel") }}</router-link
                >
            </fieldset>
        </form>
    </div>
</template>

<script>
import { inject } from "vue"
import { RecordSourcesClient } from "../../fetch/record-sources"

export default {
    name: "Edit",
    setup() {
        const { record_source } = new RecordSourcesClient()
        const { setMessage } = inject("mainStore")
        return {
            setMessage,
            api: record_source,
        }
    },
    data() {
        return {
            row: {
                name: "",
            },
            initialized: false,
        }
    },
    methods: {
        processSubmit(event) {
            event.preventDefault()
            const _hasValue = value => {
                return value !== undefined && value !== null && value !== ""
            }
            if (!_hasValue(this.row.name)) return false
            let response
            if (this.row.record_source_id) {
                const { record_source_id: id, ...row } = this.row
                response = this.api
                    .update({ id, row })
                    .then(() => this.$__("Record source updated!"))
            } else {
                response = this.api
                    .create({ row: this.row })
                    .then(() => this.$__("Record source created!"))
            }
            return response.then(responseMessage => {
                this.setMessage(responseMessage)
                return this.$router.push({ path: "../record-sources" })
            })
        },
    },
    created() {
        const { id } = this.$route.params
        if (id !== undefined) {
            this.api
                .get({
                    id,
                })
                .then(response => {
                    Object.keys(response).forEach(key => {
                        this.row[key] = response[key]
                    })
                    this.initialized = true
                })
        } else {
            this.initialized = true
        }
    },
    computed: {
        title() {
            if (!this.row || !this.row.record_source_id)
                return this.$__("Add record source")
            return this.$__("Edit '%s'").format(this.row.name)
        },
    },
}
</script>




<template>
    <div v-if="!initialized">{{ $__("Loading") }}</div>
    <div v-else>
        <div id="toolbar" class="btn-toolbar">
            <div class="btn-group">
                <button class="btn btn-default" @click="newRecordSource">
                    <i class="fa fa-plus"></i> New record source
                </button>
            </div>
        </div>
        <h1>{{ title }}</h1>
        <div v-if="record_sources_count > 0" class="page-section">
            <KohaTable
                ref="table"
                v-bind="tableOptions"
                @edit="doEdit"
                @delete="doRemove"
            ></KohaTable>
        </div>
        <div v-else>
            {{ $__("There are no record sources defined") }}
        </div>
    </div>
</template>

<script>
import { useRouter } from "vue-router"
import { inject } from "vue"
import { RecordSourcesClient } from "../../fetch/record-sources"
import KohaTable from "../KohaTable.vue"
export default {
    name: "List",
    data() {
        return {
            title: this.$__("Record sources"),
            tableOptions: {
                columns: [
                    {
                        title: this.$__("Source name"),
                        data: "name",
                        searchable: true,
                    },
                    {
                        title: __("Can be edited"),
                        data: "can_be_edited",
                        searchable: true,
                        orderable: true,
                        render: function (data, type, row, meta) {
                            return escape_str(
                                row.can_be_edited ? __("Yes") : __("No")
                            )
                        },
                    },
                ],
                actions: {
                    "-1": ["edit", "delete"],
                },
                url: "/api/v1/record_sources",
            },
            initialized: false,
            record_sources_count: 0,
        }
    },
    setup() {
        const { setWarning, setMessage, setError, setConfirmationDialog } =
            inject("mainStore")
        const { record_source } = new RecordSourcesClient()
        return {
            setWarning,
            setMessage,
            setError,
            setConfirmationDialog,
            api: record_source,
        }
    },
    beforeRouteEnter(to, from, next) {
        next(vm => {
            vm.getRecordSourcesCount().then(() => (vm.initialized = true))
        })
    },
    methods: {
        async getRecordSourcesCount() {
            const count = await this.api.count()
            this.record_sources_count = count
        },
        newRecordSource() {
            this.$router.push({ path: "record-sources/add" })
        },
        doEdit(data) {
            this.$router.push({
                path: `record-sources/${data.record_source_id}`,
                props: {
                    data,
                },
            })
        },
        doRemove(data, dt) {
            this.setConfirmationDialog(
                {
                    title: this.$__(
                        "Are you sure you want to remove this record source?"
                    ),
                    message: data.name,
                    accept_label: this.$__("Yes, remove"),
                    cancel_label: this.$__("No, do not remove"),
                },
                () => {
                    this.api
                        .delete({
                            id: data.record_source_id,
                        })
                        .then(response => {
                            if (response) {
                                this.setMessage(
                                    this.$__(
                                        "Record source '%s' removed"
                                    ).format(data.name),
                                    true
                                )
                                dt.draw()
                            }
                        })
                }
            )
        },
    },
    components: {
        KohaTable,
    },
}
</script>




<template>
    <Page :left-menu="false">
        <router-view></router-view>
    </Page>
</template>

<script>
import Page from "../Page.vue"
export default {
    name: "Main",
    components: {
        Page,
    },
}
</script>

<style></style>




import HttpClient from "./http-client";

export class RecordSourcesClient extends HttpClient {
    constructor() {
        super({
            baseURL: "/api/v1/record_sources",
        });
    }

    get record_source() {
        return {
            create: ({ row, headers = {} }) => {
                const requestHeaders = {
                    ...headers,
                    "Content-Type": "application/json",
                };
                return this.post({
                    endpoint: "",
                    headers: requestHeaders,
                    body: JSON.stringify(row),
                });
            },
            delete: ({ id, headers = {} }) => {
                return this.delete({
                    endpoint: "/" + id,
                    headers,
                });
            },
            update: ({ id, headers = {}, row }) => {
                const requestHeaders = {
                    ...headers,
                    "Content-Type": "application/json",
                };
                return this.put({
                    endpoint: "/" + id,
                    headers: requestHeaders,
                    body: JSON.stringify(row),
                });
            },
            get: ({ id, headers = {} }) => {
                return this.get({
                    endpoint: "/" + id,
                    headers,
                });
            },
            count: (query = {}) => {
                return this.count({
                    endpoint:
                        "?" +
                        new URLSearchParams({
                            _page: 1,
                            _per_page: 1,
                            ...(query && { q: JSON.stringify(query) }),
                        }),
                });
            },
        };
    }
}




import { createApp } from "vue";
import { createPinia } from "pinia";
import { createWebHistory, createRouter } from "vue-router";

import { library } from "@fortawesome/fontawesome-svg-core";
import {
    faPlus,
    faMinus,
    faPencil,
    faTrash,
    faSpinner,
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import vSelect from "vue-select";
import { useNavigationStore } from "../stores/navigation";
import { useMainStore } from "../stores/main";
import routesDef from "../routes/record-sources";

library.add(faPlus, faMinus, faPencil, faTrash, faSpinner);

const pinia = createPinia();
const navigationStore = useNavigationStore(pinia);
const mainStore = useMainStore(pinia);
const { removeMessages } = mainStore;
const { setRoutes } = navigationStore;
const routes = setRoutes(routesDef);

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

import App from "../components/RecordSources/Main.vue";
import i18n from "../i18n";

const app = createApp(App);

const rootComponent = app
    .use(i18n)
    .use(pinia)
    .use(router)
    .component("font-awesome-icon", FontAwesomeIcon)
    .component("v-select", vSelect);

app.config.unwrapInjectedRef = true;
app.provide("mainStore", mainStore);
app.provide("navigationStore", navigationStore);
app.mount("#record-source");

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




import { markRaw } from "vue";
import Edit from "../components/RecordSources/Edit.vue";
import List from "../components/RecordSources/List.vue";
import { $__ } from "../i18n";

export default {
    title: $__("Administration"),
    path: "",
    href: "/cgi-bin/koha/admin/admin-home.pl",
    BeforeUnloadEvent() {
        window.location.href = "/cgi-bin/koha/admin/admin-home.pl";
    },
    is_base: true,
    is_default: true,
    children: [
        {
            title: $__("Record sources"),
            path: "/cgi-bin/koha/admin/record-sources",
            children: [
                {
                    title: $__("List"),
                    path: "",
                    component: markRaw(List),
                },
                {
                    title: $__("Add record source"),
                    path: "add",
                    component: markRaw(Edit),
                },
                {
                    title: $__("Edit record source"),
                    path: ":id",
                    component: markRaw(Edit),
                },
            ],
        },
    ],
};

Lines 7-12 module.exports = { Link Here

(-)a/webpack.config.js (-1 / +1 lines)
7	entry: {	7	entry: {
8	erm: "./koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts",	8	erm: "./koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts",
9	preservation: "./koha-tmpl/intranet-tmpl/prog/js/vue/modules/preservation.ts",	9	preservation: "./koha-tmpl/intranet-tmpl/prog/js/vue/modules/preservation.ts",
		10	"record-source": "./koha-tmpl/intranet-tmpl/prog/js/vue/modules/record-sources.ts",
10	},	11	},
11	output: {	12	output: {
12	filename: "[name].js",	13	filename: "[name].js",
13	-

Return to bug 32607

Line 0 Link Here

(-)a/admin/record-sources.pl (+37 lines)
	1	#!/usr/bin/perl
	2
	3	# Copyright 2023 Theke Solutions
	4	#
	5	# This file is part of Koha.
	6	#
	7	# Koha is free software; you can redistribute it and/or modify it
	8	# under the terms of the GNU General Public License as published by
	9	# the Free Software Foundation; either version 3 of the License, or
	10	# (at your option) any later version.
	11	#
	12	# Koha is distributed in the hope that it will be useful, but
	13	# WITHOUT ANY WARRANTY; without even the implied warranty of
	14	# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	15	# GNU General Public License for more details.
	16	#
	17	# You should have received a copy of the GNU General Public License
	18	# along with Koha; if not, see <http://www.gnu.org/licenses>.
	19
	20	use Modern::Perl;
	21
	22	use CGI qw ( -utf8 );
	23	use C4::Auth qw( get_template_and_user );
	24	use C4::Output qw( output_html_with_http_headers );
	25
	26	my $query = CGI->new;
	27
	28	my ( $template, $loggedinuser, $cookie ) = get_template_and_user(
	29	{
	30	template_name => "admin/record-sources.tt",
	31	query => $query,
	32	type => "intranet",
	33	flagsrequired => { parameters => 'manage_record_sources' },
	34	}
	35	);
	36
	37	output_html_with_http_headers $query, $cookie, $template->output;

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/record-sources.tt (+34 lines)
	1	[% USE raw %]
	2	[% USE To %]
	3	[% USE Asset %]
	4	[% USE KohaDates %]
	5	[% USE TablesSettings %]
	6	[% USE AuthorisedValues %]
	7	[% SET footerjs = 1 %]
	8	[% PROCESS 'i18n.inc' %]
	9	[% INCLUDE 'doc-head-open.inc' %]
	10	<title>
	11	Record sources &rsaquo; Koha
	12	</title>
	13	[% INCLUDE 'doc-head-close.inc' %]
	14	</head>
	15
	16	<body id="record_sources" class="record_sources">
	17	[% WRAPPER 'header.inc' %]
	18	[% INCLUDE 'prefs-admin-search.inc' %]
	19	[% END %]
	20
	21	<div id="record-source"> <!-- this is closed in intranet-bottom.inc -->
	22
	23	[% MACRO jsinclude BLOCK %]
	24	[% INCLUDE 'calendar.inc' %] <!-- FIXME: this shouldn't be needed -->
	25	[% INCLUDE 'datatables.inc' %]
	26	[% INCLUDE 'columns_settings.inc' %]
	27	[% INCLUDE 'js-patron-format.inc' %]
	28	[% INCLUDE 'js-date-format.inc' %]
	29
	30	[% Asset.js("js/vue/dist/record-source.js") \| $raw %]
	31
	32	[% END %]
	33
	34	[% INCLUDE 'intranet-bottom.inc' %]

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Page.vue (+55 lines)
	1	<template>
	2	<div :id="id">
	3	<div id="sub-header">
	4	<Breadcrumbs></Breadcrumbs>
	5	<Help />
	6	</div>
	7	<div class="main container-fluid">
	8	<div class="row">
	9	<template v-if="leftMenu">
	10	<div class="col-sm-10 col-sm-push-2">
	11	<Dialog></Dialog>
	12	<slot></slot>
	13	</div>
	14	<div class="col-sm-2 col-sm-pull-10">
	15	<LeftMenu :title="title"></LeftMenu>
	16	</div>
	17	</template>
	18	<template v-else>
	19	<div
	20	class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"
	21	>
	22	<Dialog></Dialog>
	23	<slot></slot>
	24	</div>
	25	</template>
	26	</div>
	27	</div>
	28	</div>
	29	</template>
	30
	31	<script>
	32	import LeftMenu from "./LeftMenu.vue"
	33	import Breadcrumbs from "./Breadcrumbs.vue"
	34	import Help from "./Help.vue"
	35	import Dialog from "./Dialog.vue"
	36	export default {
	37	name: "Page",
	38	components: {
	39	LeftMenu,
	40	Dialog,
	41	Breadcrumbs,
	42	Help,
	43	},
	44	props: {
	45	id: String,
	46	title: String,
	47	leftMenu: {
	48	type: Boolean,
	49	default: true,
	50	},
	51	},
	52	}
	53	</script>
	54
	55	<style></style>

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/RecordSources/Edit.vue (+111 lines)
		1	<template>
		2	<div v-if="!initialized">{{ $__("Loading") }}</div>
		3	<div v-else id="record_source_edit">
		4	<h1>{{ title }}</h1>
		5	<form @submit="processSubmit">
		6	<fieldset class="rows">
		7	<ol>
		8	<li>
		9	<label class="required" for="name">
		10	{{ $__("Name") }}:
		11	</label>
		12	<input id="name" v-model="row.name" required />
		13	<span class="required">{{ $__("Required") }}</span>
		14	</li>
		15	<li>
		16	<label :for="`user_id`">
		17	{{ $__("Can be edited") }}:
		18	</label>
		19	<input
		20	id="can_be_edited"
		21	type="checkbox"
		22	v-model="row.can_be_edited"
		23	/>
		24	</li>
		25	</ol>
		26	</fieldset>
		27	<fieldset class="action">
		28	<input type="submit" :value="$__('Submit')" />
		29	<router-link
		30	to="../record-sources"
		31	role="button"
		32	class="cancel"
		33	>{{ $__("Cancel") }}</router-link
		34	>
		35	</fieldset>
		36	</form>
		37	</div>
		38	</template>
		39
		40	<script>
		41	import { inject } from "vue"
		42	import { RecordSourcesClient } from "../../fetch/record-sources"
		43
		44	export default {
		45	name: "Edit",
		46	setup() {
		47	const { record_source } = new RecordSourcesClient()
		48	const { setMessage } = inject("mainStore")
		49	return {
		50	setMessage,
		51	api: record_source,
		52	}
		53	},
		54	data() {
		55	return {
		56	row: {
		57	name: "",
		58	},
		59	initialized: false,
		60	}
		61	},
		62	methods: {
		63	processSubmit(event) {
		64	event.preventDefault()
65	const _hasValue = value => {
66	return value !== undefined && value !== null && value !== ""
67	}
68	if (!_hasValue(this.row.name)) return false
69	let response
70	if (this.row.record_source_id) {
71	const { record_source_id: id, ...row } = this.row
72	response = this.api
73	.update({ id, row })
74	.then(() => this.$__("Record source updated!"))
75	} else {
76	response = this.api
77	.create({ row: this.row })
78	.then(() => this.$__("Record source created!"))
79	}
80	return response.then(responseMessage => {
81	this.setMessage(responseMessage)
82	return this.$router.push({ path: "../record-sources" })
83	})
84	},
85	},
86	created() {
87	const { id } = this.$route.params
88	if (id !== undefined) {
89	this.api
90	.get({
91	id,
92	})
93	.then(response => {
94	Object.keys(response).forEach(key => {
95	this.row[key] = response[key]
96	})
97	this.initialized = true
98	})
99	} else {
100	this.initialized = true
101	}
102	},
103	computed: {
104	title() {
105	if (!this.row \|\| !this.row.record_source_id)
106	return this.$__("Add record source")
107	return this.$__("Edit '%s'").format(this.row.name)
108	},
109	},
110	}
111	</script>

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/RecordSources/Main.vue (+17 lines)
	1	<template>
	2	<Page :left-menu="false">
	3	<router-view></router-view>
	4	</Page>
	5	</template>
	6
	7	<script>
	8	import Page from "../Page.vue"
	9	export default {
	10	name: "Main",
	11	components: {
	12	Page,
	13	},
	14	}
	15	</script>
	16
	17	<style></style>

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/fetch/record-sources.js (+59 lines)
	1	import HttpClient from "./http-client";
	2
	3	export class RecordSourcesClient extends HttpClient {
	4	constructor() {
	5	super({
	6	baseURL: "/api/v1/record_sources",
	7	});
	8	}
	9
	10	get record_source() {
	11	return {
	12	create: ({ row, headers = {} }) => {
	13	const requestHeaders = {
	14	...headers,
	15	"Content-Type": "application/json",
	16	};
	17	return this.post({
	18	endpoint: "",
	19	headers: requestHeaders,
	20	body: JSON.stringify(row),
	21	});
	22	},
	23	delete: ({ id, headers = {} }) => {
	24	return this.delete({
	25	endpoint: "/" + id,
	26	headers,
	27	});
	28	},
	29	update: ({ id, headers = {}, row }) => {
	30	const requestHeaders = {
	31	...headers,
	32	"Content-Type": "application/json",
	33	};
	34	return this.put({
	35	endpoint: "/" + id,
	36	headers: requestHeaders,
	37	body: JSON.stringify(row),
	38	});
	39	},
	40	get: ({ id, headers = {} }) => {
	41	return this.get({
	42	endpoint: "/" + id,
	43	headers,
	44	});
	45	},
	46	count: (query = {}) => {
	47	return this.count({
	48	endpoint:
	49	"?" +
	50	new URLSearchParams({
	51	_page: 1,
	52	_per_page: 1,
	53	...(query && { q: JSON.stringify(query) }),
	54	}),
	55	});
	56	},
	57	};
	58	}
	59	}

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/modules/record-sources.ts (+54 lines)
	1	import { createApp } from "vue";
	2	import { createPinia } from "pinia";
	3	import { createWebHistory, createRouter } from "vue-router";
	4
	5	import { library } from "@fortawesome/fontawesome-svg-core";
	6	import {
	7	faPlus,
	8	faMinus,
	9	faPencil,
	10	faTrash,
	11	faSpinner,
	12	} from "@fortawesome/free-solid-svg-icons";
	13	import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
	14	import vSelect from "vue-select";
	15	import { useNavigationStore } from "../stores/navigation";
	16	import { useMainStore } from "../stores/main";
	17	import routesDef from "../routes/record-sources";
	18
	19	library.add(faPlus, faMinus, faPencil, faTrash, faSpinner);
	20
	21	const pinia = createPinia();
	22	const navigationStore = useNavigationStore(pinia);
	23	const mainStore = useMainStore(pinia);
	24	const { removeMessages } = mainStore;
	25	const { setRoutes } = navigationStore;
	26	const routes = setRoutes(routesDef);
	27
	28	const router = createRouter({
	29	history: createWebHistory(),
	30	linkExactActiveClass: "current",
	31	routes,
	32	});
	33
	34	import App from "../components/RecordSources/Main.vue";
	35	import i18n from "../i18n";
	36
	37	const app = createApp(App);
	38
	39	const rootComponent = app
	40	.use(i18n)
	41	.use(pinia)
	42	.use(router)
	43	.component("font-awesome-icon", FontAwesomeIcon)
	44	.component("v-select", vSelect);
	45
	46	app.config.unwrapInjectedRef = true;
	47	app.provide("mainStore", mainStore);
	48	app.provide("navigationStore", navigationStore);
	49	app.mount("#record-source");
	50
	51	router.beforeEach(to => {
	52	navigationStore.$patch({ current: to.matched, params: to.params \|\| {} });
	53	removeMessages(); // This will actually flag the messages as displayed already
	54	});

Line 0 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/record-sources.js (+38 lines)
	1	import { markRaw } from "vue";
	2	import Edit from "../components/RecordSources/Edit.vue";
	3	import List from "../components/RecordSources/List.vue";
	4	import { $__ } from "../i18n";
	5
	6	export default {
	7	title: $__("Administration"),
	8	path: "",
	9	href: "/cgi-bin/koha/admin/admin-home.pl",
	10	BeforeUnloadEvent() {
	11	window.location.href = "/cgi-bin/koha/admin/admin-home.pl";
	12	},
	13	is_base: true,
	14	is_default: true,
	15	children: [
	16	{
	17	title: $__("Record sources"),
	18	path: "/cgi-bin/koha/admin/record-sources",
	19	children: [
	20	{
	21	title: $__("List"),
	22	path: "",
	23	component: markRaw(List),
	24	},
	25	{
	26	title: $__("Add record source"),
	27	path: "add",
	28	component: markRaw(Edit),
	29	},
	30	{
	31	title: $__("Edit record source"),
	32	path: ":id",
	33	component: markRaw(Edit),
	34	},
	35	],
	36	},
	37	],
	38	};