deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-03 14:22:19 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #3297 from thelounge/xpaw/better-disable-touch

Browse source 
A better way of disabling sorting on touch devices
This commit is contained in:
Pavel Djundik 2019-07-15 12:46:10 +03:00 committed by GitHub
parent ee8228ced2 b2e5be33d6
commit 01347787b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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 <Draggable
v-else v-else
:list="networks" :list="networks"
:disabled="isSortingEnabled" :filter="isCurrentlyInTouch"
handle=".lobby" handle=".lobby"
draggable=".network" draggable=".network"
ghost-class="ui-sortable-ghost" ghost-class="ui-sortable-ghost"
@ -51,7 +51,7 @@
ghost-class="ui-sortable-ghost" ghost-class="ui-sortable-ghost"
drag-class="ui-sortable-dragged" drag-class="ui-sortable-dragged"
:group="network.uuid" :group="network.uuid"
:disabled="isSortingEnabled" :filter="isCurrentlyInTouch"
:list="network.channels" :list="network.channels"
class="channels" class="channels"
@change="onChannelSort" @change="onChannelSort"
@ -91,15 +91,11 @@ export default {
activeChannel: Object, activeChannel: Object,
networks: Array, 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: { methods: {
isCurrentlyInTouch(e) {
// TODO: Implement a way to sort on touch devices
return e.pointerType !== "mouse";
},
onDragStart(e) { onDragStart(e) {
e.target.classList.add("ui-sortable-active"); e.target.classList.add("ui-sortable-active");
}, },