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

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/InfiniteScrollSelect.vue (-1 / +8 lines)
Lines 7-12 Link Here
7
        :reduce="item => item[dataIdentifier]"
7
        :reduce="item => item[dataIdentifier]"
8
        @open="onOpen"
8
        @open="onOpen"
9
        @close="onClose"
9
        @close="onClose"
10
        @option:selected="onSelected"
10
        @search="searchFilter($event)"
11
        @search="searchFilter($event)"
11
        ref="select"
12
        ref="select"
12
    >
13
    >
Lines 18-23 Link Here
18
                v-on="events"
19
                v-on="events"
19
            />
20
            />
20
        </template>
21
        </template>
22
        <template #selected-option="option">
23
            {{ selectedOptionLabel }}
24
        </template>
21
        <template #list-footer>
25
        <template #list-footer>
22
            <li v-show="hasNextPage && !this.search" ref="load">
26
            <li v-show="hasNextPage && !this.search" ref="load">
23
                {{ $__("Loading more options...") }}
27
                {{ $__("Loading more options...") }}
Lines 48-53 export default { Link Here
48
            scrollPage: null,
52
            scrollPage: null,
49
            data: [this.selectedData],
53
            data: [this.selectedData],
50
            paginationRequired: false,
54
            paginationRequired: false,
55
            selectedOptionLabel: this.selectedData[this.label],
51
        }
56
        }
52
    },
57
    },
53
    computed: {
58
    computed: {
Lines 131-136 export default { Link Here
131
        onClose() {
136
        onClose() {
132
            this.observer.disconnect()
137
            this.observer.disconnect()
133
        },
138
        },
139
        onSelected(option) {
140
            this.selectedOptionLabel = option[this.label]
141
        },
134
        async infiniteScroll([{ isIntersecting, target }]) {
142
        async infiniteScroll([{ isIntersecting, target }]) {
135
            setTimeout(async () => {
143
            setTimeout(async () => {
136
                if (isIntersecting) {
144
                if (isIntersecting) {
137
- 

Return to bug 32474