Function openConfig

CustomApps/reddit/Settings.js:3–116

()

let configContainer;

function openConfig() {
	if (configContainer) {
		Spicetify.PopupModal.display({
			title: "Reddit",
			content: configContainer,
		});
		return;
	}

	CONFIG.servicesElement = {};

	configContainer = document.createElement("div");
	configContainer.id = "reddit-config-container";

	const optionHeader = document.createElement("h2");
	optionHeader.innerText = "Options";

	const serviceHeader = document.createElement("h2");
	serviceHeader.innerText = "Subreddits";

	const serviceContainer = document.createElement("div");

	function stackServiceElements() {
		CONFIG.services.forEach((name, index) => {
			const el = CONFIG.servicesElement[name];

			const [up, down] = el.querySelectorAll("button");
			if (CONFIG.services.length === 1) {
				up.disabled = true;
				down.disabled = true;
			} else if (index === 0) {
				up.disabled = true;
				down.disabled = false;
			} else if (index === CONFIG.services.length - 1) {
				up.disabled = false;
				down.disabled = true;
			} else {
				up.disabled = false;
				down.disabled = false;
			}

			serviceContainer.append(el);
		});
		gridUpdateTabs?.();
	}

	function posCallback(el, dir) {
		const id = el.dataset.id;
		const curPos = CONFIG.services.findIndex((val) => val === id);
		const newPos = curPos + dir;

		if (CONFIG.services.length > 1) {
			const temp = CONFIG.services[newPos];
			CONFIG.services[newPos] = CONFIG.services[curPos];
			CONFIG.services[curPos] = temp;
		}

		localStorage.setItem("reddit:services", JSON.stringify(CONFIG.services));