|
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 |
- |
|
|