github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-02 07:45:24 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix panel location not resetting on cancel

Browse Source
This commit is contained in:
rijkvanzanten
2021-06-11 21:56:33 -04:00
parent 48cd63bc3c
commit 180d9fa942
1 changed files with 34 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/src/modules/insights/components/panel.vue
View File

@@ -98,21 +98,41 @@ export default defineComponent({
height: undefined,
});
const { onPointerDown, onPointerUp, onPointerMove, dragging } = useDragDrop();
const positioning = computed(() => {
if (dragging.value) {
return {
x: editedPosition.position_x ?? props.panel.position_x,
y: editedPosition.position_y ?? props.panel.position_y,
width: editedPosition.width ?? props.panel.width,
height: editedPosition.height ?? props.panel.height,
};
}
return {
x: editedPosition.position_x ?? props.panel.position_x,
y: editedPosition.position_y ?? props.panel.position_y,
width: editedPosition.width ?? props.panel.width,
height: editedPosition.height ?? props.panel.height,
x: props.panel.position_x,
y: props.panel.position_y,
width: props.panel.width,
height: props.panel.height,
};
});
const positionStyling = computed(() => {
if (dragging.value) {
return {
'--pos-x': editedPosition.position_x ?? props.panel.position_x,
'--pos-y': editedPosition.position_y ?? props.panel.position_y,
'--width': editedPosition.width ?? props.panel.width,
'--height': editedPosition.height ?? props.panel.height,
};
}
return {
'--pos-x': editedPosition.position_x ?? props.panel.position_x,
'--pos-y': editedPosition.position_y ?? props.panel.position_y,
'--width': editedPosition.width ?? props.panel.width,
'--height': editedPosition.height ?? props.panel.height,
'--pos-x': props.panel.position_x,
'--pos-y': props.panel.position_y,
'--width': props.panel.width,
'--height': props.panel.height,
};
});
@@ -120,8 +140,6 @@ export default defineComponent({
'--v-icon-color': props.panel.color,
}));
const { onPointerDown, onPointerUp, onPointerMove, dragging } = useDragDrop();
return {
positioning,
positionStyling,
@@ -227,11 +245,16 @@ export default defineComponent({
function onPointerUp() {
if (props.editMode === false) return;
emit('update', editedPosition);
dragging.value = false;
window.removeEventListener('pointerup', onPointerUp);
window.removeEventListener('pointermove', onPointerMove);
emit('update', editedPosition);
editedPosition.position_x = undefined;
editedPosition.position_y = undefined;
editedPosition.width = undefined;
editedPosition.height = undefined;
}
}
},