supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #3299 from thelounge/xpaw/fix-sync-sort

Browse Source 
Fix channel sorting to work across clients on Vue
This commit is contained in:
Pavel Djundik 2019-07-15 10:33:37 +03:00 committed by GitHub
commit eac4fb73f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/js/socket-events/sync_sort.js
View File

@ -1,39 +1,27 @@
"use strict";
const $ = require("jquery");
const socket = require("../socket");
const {vueApp} = require("../vue");
socket.on("sync_sort", function(data) {
const type = data.type;
const order = data.order;
const container = $(".networks");
const network = container.find(`.network[data-uuid="${data.target}"]`);
if (type === "networks") {
$.each(order, function(index, value) {
const position = $(container.children(".network")[index]);
switch (data.type) {
case "networks":
vueApp.networks.sort((a, b) => order.indexOf(a.uuid) - order.indexOf(b.uuid));
if (Number(position.attr("data-id")) === value) { // Network in correct place
return true; // No point in continuing
break;
case "channels": {
const network = vueApp.networks.find((n) => n.uuid === data.target);
if (!network) {
return;
}
network.insertBefore(position);
});
} else if (type === "channels") {
$.each(order, function(index, value) {
if (index === 0) { // Shouldn't attempt to move lobby
return true; // same as `continue` -> skip to next item
network.channels.sort((a, b) => order.indexOf(a.id) - order.indexOf(b.id));
break;
}
const position = $(network.children(".chan")[index]); // Target channel at position
if (Number(position.attr("data-id")) === value) { // Channel in correct place
return true; // No point in continuing
}
const channel = network.find(".chan[data-id=" + value + "]"); // Channel at position
channel.insertBefore(position);
});
}
});