vypnute drag&drop pre mobilne zaradenia,

pridane AGENTS.md

frontend/src/views/Dashboard.vue

@@ -7,6 +7,7 @@
 			<draggable
 				v-model="itemsUncategorized"
 				item-key="report_id"
+				:disabled="isDragDisabled"
 				:group="{ name: 'itemsUncategorized', pull: true, put: true }"
 				@change="onDragChange"
 				@start="onDragStart"
@@ -36,6 +37,7 @@
 			<draggable
 				v-model="itemsWaiting"
 				item-key="report_id"
+				:disabled="isDragDisabled"
 				:group="{ name: 'itemsWaiting', pull: true, put: true }"
 				@change="onDragChange"
 				@start="onDragStart"
@@ -65,6 +67,7 @@
 			<draggable
 				v-model="itemsInProgress"
 				item-key="report_id"
+				:disabled="isDragDisabled"
 				:group="{ name: 'itemsInProgress', pull: true, put: true }"
 				@change="onDragChange"
 				@start="onDragStart"
@@ -94,6 +97,7 @@
 			<draggable
 				v-model="itemsBlocked"
 				item-key="report_id"
+				:disabled="isDragDisabled"
 				:group="{ name: 'itemsBlocked', pull: true, put: true }"
 				@change="onDragChange"
 				@start="onDragStart"
@@ -152,6 +156,8 @@ export default {
 	data() {
 		return {
 			loading: false,
+			isDragDisabled: false,
+			dragMediaQuery: null,
 			itemsUncategorized: [],
 			itemsWaiting: [],
 			itemsInProgress: [],
@@ -159,6 +165,9 @@ export default {
 		};
 	},
 	methods: {
+		updateDragState(event) {
+			this.isDragDisabled = event.matches;
+		},
 		loadData(use_loader = true) {
 			if (use_loader) this.loading = true;
 			backend.getAllGrouped(Array(0, 1, 2, 3)).then((response) => {
@@ -232,6 +241,9 @@ export default {
 		},
 	},
 	mounted() {
+		this.dragMediaQuery = window.matchMedia("(max-width: 768px), (any-pointer: coarse)");
+		this.updateDragState(this.dragMediaQuery);
+		this.dragMediaQuery.addEventListener("change", this.updateDragState);
 		this.loadData();
 		events.on("reports-changed", () => {
 			console.log("Dashoboard reports-changed");
@@ -239,6 +251,7 @@ export default {
 		});
 	},
 	unmounted() {
+		this.dragMediaQuery.removeEventListener("change", this.updateDragState);
 		events.off("reports-changed");
 	}
 };