blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-25 08:34:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

add drag-drop-touch-js/dragdroptouch to composer and use it to add drag and drop functionality for touch devices

Browse Source
This commit is contained in:
chfhtw
2026-04-13 10:38:58 +02:00
parent 653a320e6c
commit 6c90ccfbaa
6 changed files with 53 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/Dashboard/Item.js
+7
View File
@@ -2,6 +2,13 @@ import BsModal from "../Bootstrap/Modal.js";
import { useCachedWidgetLoader } from "../../composables/Dashboard/CachedWidgetLoader.js";
import HeightTransition from "../Tranistion/HeightTransition.js";
import { enableDragDropTouch } from "../../../../vendor/drag-drop-touch-js/dragdroptouch/dist/drag-drop-touch.esm.min.js";
if (!document.dragDropTouchActive) {
enableDragDropTouch();
document.dragDropTouchActive = true;
}
export default {
name: 'Item',
components: {
public/js/directives/dragClick.js
+7
View File
@@ -1,5 +1,12 @@
import { bindDragEnterLeave } from '../helpers/DragAndDrop.js';
import { enableDragDropTouch } from "../../../vendor/drag-drop-touch-js/dragdroptouch/dist/drag-drop-touch.esm.min.js";
if (!document.dragDropTouchActive) {
enableDragDropTouch();
document.dragDropTouchActive = true;
}
export default {
mounted(el, binding) {
const delay = parseInt(binding.arg) || 300;
public/js/directives/draggable.js
+7
View File
@@ -1,5 +1,12 @@
import { setTransferData, convertToValidDragObject } from '../helpers/DragAndDrop.js';
import { enableDragDropTouch } from "../../../vendor/drag-drop-touch-js/dragdroptouch/dist/drag-drop-touch.esm.min.js";
if (!document.dragDropTouchActive) {
enableDragDropTouch();
document.dragDropTouchActive = true;
}
const EFFECTS = [
'none',
'copy',
public/js/directives/drop.js
+7
View File
@@ -1,5 +1,12 @@
import { getValidTransferData, eventHasTypes, bindDragEnterLeave } from '../helpers/DragAndDrop.js';
import { enableDragDropTouch } from "../../../vendor/drag-drop-touch-js/dragdroptouch/dist/drag-drop-touch.esm.min.js";
if (!document.dragDropTouchActive) {
enableDragDropTouch();
document.dragDropTouchActive = true;
}
const EFFECTS = [
'move',
'copy',