"use strict";

const $ = require("jquery");
const sidebar = $("#sidebar, #footer");
const socket = require("./socket");
const options = require("./options");

module.exports = function() {
	sidebar.find(".networks").sortable({
		axis: "y",
		containment: "parent",
		cursor: "move",
		distance: 12,
		items: ".network",
		handle: ".lobby",
		placeholder: "network-placeholder",
		forcePlaceholderSize: true,
		tolerance: "pointer", // Use the pointer to figure out where the network is in the list

		update: function() {
			const order = [];
			sidebar.find(".network").each(function() {
				const id = $(this).data("id");
				order.push(id);
			});
			socket.emit(
				"sort", {
					type: "networks",
					order: order,
				}
			);

			options.ignoreSortSync = true;
		},
	});
	sidebar.find(".network").sortable({
		axis: "y",
		containment: "parent",
		cursor: "move",
		distance: 12,
		items: ".chan:not(.lobby)",
		placeholder: "chan-placeholder",
		forcePlaceholderSize: true,
		tolerance: "pointer", // Use the pointer to figure out where the channel is in the list

		update: function(e, ui) {
			const order = [];
			const network = ui.item.parent();
			network.find(".chan").each(function() {
				const id = $(this).data("id");
				order.push(id);
			});
			socket.emit(
				"sort", {
					type: "channels",
					target: network.data("id"),
					order: order,
				}
			);

			options.ignoreSortSync = true;
		},
	});
};