pridany efekt stmavnutia ostatnych a zosvetelenie presuvaneho reportu v dashboard,

pridana podmienka pre MODE zostavenia ci je to DEV alebo BUILD a podla toho nastavenia URL,

webapp/src/views/Dashboard.vue

@@ -6,7 +6,9 @@
 				v-model="itemsUncategorized"
 				item-key="id"
 				:group="{ name: 'itemsUncategorized', pull: true, put: true }"
-				 @change="onDragChange"
+				@change="onDragChange"
+				@start="onDragStart"
+				@end="onDragEnd"
 			>
 				<template #item="{ element }">
 					<div class="draggable-item">
@@ -25,7 +27,9 @@
 				v-model="itemsWaiting"
 				item-key="id"
 				:group="{ name: 'itemsWaiting', pull: true, put: true }"
-				 @change="onDragChange"
+				@change="onDragChange"
+				@start="onDragStart"
+				@end="onDragEnd"
 			>
 				<template #item="{ element }">
 					<div class="draggable-item">
@@ -44,7 +48,9 @@
 				v-model="itemsInProgress"
 				item-key="id"
 				:group="{ name: 'itemsInProgress', pull: true, put: true }"
-				 @change="onDragChange"
+				@change="onDragChange"
+				@start="onDragStart"
+				@end="onDragEnd"
 			>
 				<template #item="{ element }">
 					<div class="draggable-item">
@@ -63,7 +69,9 @@
 				v-model="itemsDone"
 				item-key="id"
 				:group="{ name: 'itemsDone', pull: true, put: true }"
-				 @change="onDragChange"
+				@change="onDragChange"
+				@start="onDragStart"
+				@end="onDragEnd"
 			>
 				<template #item="{ element }">
 					<div class="draggable-item">
@@ -80,6 +88,16 @@
 	<button @click="vypisData">Vypíš data</button>
 	<button @click="pridajJedno">Pridaj jedno</button>
 </template>
+
+<script setup>
+function onDragStart(evt) {
+	evt.item.classList.add("dragging");
+}
+function onDragEnd(evt) {
+	evt.item.classList.remove("dragging");
+}
+</script>
+
 <script>
 import Report from "../components/Report.vue";
 import draggable from "vuedraggable";