Revert "Remove draggable for now"

This reverts commit f4c0a68fde99471bd546902ec2b9301ff6cec73a.
This commit is contained in:
Pavel Djundik 2018-08-30 21:12:53 +03:00
parent 9d8f02ce99
commit 5d4400ef90
3 changed files with 14 additions and 12 deletions

View File

@ -7,12 +7,11 @@
<Draggable
v-else
:list="networks"
:options="{ handle: '.lobby', draggable: '.network', ghostClass: 'network-placeholder' }"
:options="{ handle: '.lobby', draggable: '.network', ghostClass: 'network-placeholder', disabled: isSortingEnabled }"
class="networks"
@change="onNetworkSort"
@start="onDragStart"
@end="onDragEnd"
>
@end="onDragEnd">
<div
v-for="network in networks"
:id="'network-' + network.uuid"
@ -38,15 +37,15 @@
@toggleJoinChannel="network.isJoinChannelShown = !network.isJoinChannelShown" />
<Draggable
:options="{ draggable: '.chan', ghostClass: 'chan-placeholder' }"
:options="{ draggable: '.chan', ghostClass: 'chan-placeholder', disabled: isSortingEnabled }"
:list="network.channels"
class="channels"
@change="onChannelSort"
@start="onDragStart"
@end="onDragEnd"
>
@end="onDragEnd">
<Channel
v-for="channel in getChannelsWithoutLobby(network)"
v-for="(channel, index) in network.channels"
v-if="index > 0"
:key="channel.id"
:channel="channel"
:network="network"
@ -76,6 +75,14 @@ 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: {
onDragStart(e) {
e.target.classList.add("ui-sortable-helper");

View File

@ -90,7 +90,6 @@
"intersection-observer": "0.5.1",
"istanbul-instrumenter-loader": "3.0.1",
"jquery": "3.3.1",
"jquery-ui": "1.12.1",
"mini-css-extract-plugin": "0.5.0",
"mocha": "5.2.0",
"mocha-loader": "2.0.0",

View File

@ -4115,10 +4115,6 @@ istanbul-reports@^2.1.0:
dependencies:
handlebars "^4.0.11"
jquery-ui@1.12.1:
version "1.12.1"
resolved "https://registry.yarnpkg.com/jquery-ui/-/jquery-ui-1.12.1.tgz#bcb4045c8dd0539c134bc1488cdd3e768a7a9e51"
jquery@3.3.1:
version "3.3.1"
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"