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

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue (-12 / +10 lines)
Lines 1-7 Link Here
1
<template>
1
<template>
2
    <div v-if="!initialized">{{ $__("Loading") }}</div>
2
    <div v-if="!initialized">{{ $__("Loading") }}</div>
3
    <div v-else id="agreements_list">
3
    <div v-else id="agreements_list">
4
        <Toolbar v-if="before_route_entered" />
4
        <Toolbar v-if="!embedded" />
5
        <fieldset v-if="agreement_count > 0" class="filters">
5
        <fieldset v-if="agreement_count > 0" class="filters">
6
            <label for="expired_filter">{{ $__("Filter by expired") }}:</label>
6
            <label for="expired_filter">{{ $__("Filter by expired") }}:</label>
7
            <input
7
            <input
Lines 100-107 export default { Link Here
100
            fp_config: flatpickr_defaults,
100
            fp_config: flatpickr_defaults,
101
            agreement_count: 0,
101
            agreement_count: 0,
102
            initialized: false,
102
            initialized: false,
103
            before_route_entered: false,
104
            building_table: false,
105
            tableOptions: {
103
            tableOptions: {
106
                columns: this.getTableColumns(),
104
                columns: this.getTableColumns(),
107
                options: { embed: "user_roles,vendor" },
105
                options: { embed: "user_roles,vendor" },
Lines 143-153 export default { Link Here
143
    },
141
    },
144
    beforeRouteEnter(to, from, next) {
142
    beforeRouteEnter(to, from, next) {
145
        next(vm => {
143
        next(vm => {
146
            vm.before_route_entered = true // FIXME This is ugly, but we need to distinguish when it's used as main component or child component (from EHoldingsEBSCOPAckagesShow for instance)
144
            vm.getAgreementCount().then(() => (vm.initialized = true))
147
            if (!vm.building_table) {
148
                vm.building_table = true
149
                vm.getAgreementCount().then(() => (vm.initialized = true))
150
            }
151
        })
145
        })
152
    },
146
    },
153
    methods: {
147
    methods: {
Lines 210-216 export default { Link Here
210
            this.$emit("close")
204
            this.$emit("close")
211
        },
205
        },
212
        filter_table: async function () {
206
        filter_table: async function () {
213
            if (this.before_route_entered) {
207
            if (!embedded) {
214
                let new_route = build_url(
208
                let new_route = build_url(
215
                    "/cgi-bin/koha/erm/agreements",
209
                    "/cgi-bin/koha/erm/agreements",
216
                    this.filters
210
                    this.filters
Lines 318-330 export default { Link Here
318
        },
312
        },
319
    },
313
    },
320
    mounted() {
314
    mounted() {
321
        // We this component is mounted from EHoldingsEBSCOPackageAgreements
315
        if (this.embedded) {
322
        if (!this.building_table) {
323
            this.building_table = true
324
            this.getAgreementCount().then(() => (this.initialized = true))
316
            this.getAgreementCount().then(() => (this.initialized = true))
325
        }
317
        }
326
    },
318
    },
327
    components: { flatPickr, Toolbar, KohaTable },
319
    components: { flatPickr, Toolbar, KohaTable },
320
    props: {
321
        embedded: {
322
            type: Boolean,
323
            default: false,
324
        },
325
    },
328
    name: "AgreementsList",
326
    name: "AgreementsList",
329
    emits: ["select-agreement", "close"],
327
    emits: ["select-agreement", "close"],
330
}
328
}
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsEBSCOPackageAgreements.vue (-2 / +1 lines)
Lines 1-7 Link Here
1
<template>
1
<template>
2
    <transition name="modal">
2
    <transition name="modal">
3
        <div v-if="showModal" class="modal">
3
        <div v-if="showModal" class="modal">
4
            <AgreementsList @select-agreement="addAgreement" />
4
            <AgreementsList :embedded="true" @select-agreement="addAgreement" />
5
            <input
5
            <input
6
                type="button"
6
                type="button"
7
                @click="showModal = false"
7
                @click="showModal = false"
8
- 

Return to bug 33483