deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-21 23:56:37 +02:00
Code Issues Projects Releases Wiki Activity

A better way of disabling sorting on touch devices

Browse source
This commit is contained in:
Pavel Djundik 2019-07-12 13:43:47 +03:00
parent 820a67802d
commit b2e5be33d6
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
client/components/NetworkList.vue
View file

@ -8,7 +8,7 @@
<Draggable
v-else
:list="networks"
:disabled="isSortingEnabled"
:filter="isCurrentlyInTouch"
handle=".lobby"
draggable=".network"
ghost-class="ui-sortable-ghost"
@ -51,7 +51,7 @@
ghost-class="ui-sortable-ghost"
drag-class="ui-sortable-dragged"
:group="network.uuid"
:disabled="isSortingEnabled"
:filter="isCurrentlyInTouch"
:list="network.channels"
class="channels"
@change="onChannelSort"
@ -91,15 +91,11 @@ export default {
activeChannel: Object,
networks: Array,
},
computed: {
isSortingEnabled() {
const isTouch = !!("ontouchstart" in window || (window.DocumentTouch && document instanceof window.DocumentTouch));
// TODO: Implement a way to sort on touch devices
return isTouch;
},
},
methods: {
isCurrentlyInTouch(e) {
// TODO: Implement a way to sort on touch devices
return e.pointerType !== "mouse";
},
onDragStart(e) {
e.target.classList.add("ui-sortable-active");
},