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

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue (-3 / +17 lines)
Lines 12-18 Link Here
12
    <div class="row">
12
    <div class="row">
13
        <div class="col-md-6 dashboard-left-col">
13
        <div class="col-md-6 dashboard-left-col">
14
            <div
14
            <div
15
                v-if="selectedWidgetsLeft.length === 0"
15
                v-if="selectedWidgetsLeft.length === 0 && isDragging"
16
                class="empty-placeholder"
16
                class="empty-placeholder"
17
            >
17
            >
18
                {{ $__("Drop widgets here") }}
18
                {{ $__("Drop widgets here") }}
Lines 30-35 Link Here
30
                    'w-full',
30
                    'w-full',
31
                    { 'empty-drag-area': selectedWidgetsLeft.length === 0 },
31
                    { 'empty-drag-area': selectedWidgetsLeft.length === 0 },
32
                ]"
32
                ]"
33
                @start="handleDragStart"
34
                @end="handleDragEnd"
33
            >
35
            >
34
                <component
36
                <component
35
                    v-for="(widget, index) in selectedWidgetsLeft"
37
                    v-for="(widget, index) in selectedWidgetsLeft"
Lines 45-51 Link Here
45
        </div>
47
        </div>
46
        <div class="col-md-6 dashboard-right-col">
48
        <div class="col-md-6 dashboard-right-col">
47
            <div
49
            <div
48
                v-if="selectedWidgetsRight.length === 0"
50
                v-if="selectedWidgetsRight.length === 0 && isDragging"
49
                class="empty-placeholder"
51
                class="empty-placeholder"
50
            >
52
            >
51
                {{ $__("Drop widgets here") }}
53
                {{ $__("Drop widgets here") }}
Lines 63-68 Link Here
63
                    'w-full',
65
                    'w-full',
64
                    { 'empty-drag-area': selectedWidgetsRight.length === 0 },
66
                    { 'empty-drag-area': selectedWidgetsRight.length === 0 },
65
                ]"
67
                ]"
68
                @start="handleDragStart"
69
                @end="handleDragEnd"
66
            >
70
            >
67
                <component
71
                <component
68
                    v-for="(widget, index) in selectedWidgetsRight"
72
                    v-for="(widget, index) in selectedWidgetsRight"
Lines 93-98 export default { Link Here
93
        const availableWidgets = props.availableWidgets;
97
        const availableWidgets = props.availableWidgets;
94
        const selectedWidgetsLeft = ref([]);
98
        const selectedWidgetsLeft = ref([]);
95
        const selectedWidgetsRight = ref([]);
99
        const selectedWidgetsRight = ref([]);
100
        const isDragging = ref(false);
96
101
97
        const { setComponentDialog } = inject("mainStore");
102
        const { setComponentDialog } = inject("mainStore");
98
103
Lines 251-256 export default { Link Here
251
            { deep: true }
256
            { deep: true }
252
        );
257
        );
253
258
259
        function handleDragStart() {
260
            isDragging.value = true;
261
        }
262
        function handleDragEnd() {
263
            isDragging.value = false;
264
        }
265
254
        return {
266
        return {
255
            ...props,
267
            ...props,
256
            selectedWidgetsLeft,
268
            selectedWidgetsLeft,
Lines 260-265 export default { Link Here
260
            removeWidget,
272
            removeWidget,
261
            moveWidget,
273
            moveWidget,
262
            toggleWidgetPicker,
274
            toggleWidgetPicker,
275
            handleDragEnd,
276
            handleDragStart,
277
            isDragging,
263
        };
278
        };
264
    },
279
    },
265
    components: {
280
    components: {
266
- 

Return to bug 39320