Function updateForm

js/main.js:595–881

()

	 * Update the fields in the form to the values of the currently selected panel.
	 */
	const updateForm = function() {
		const panel = post.panels[currentlySelectedPanelIndex];
		const sign = (currentlySelectedSubPanelIndex != -1) ? (panel.sign.subPanels[currentlySelectedSubPanelIndex]) : (panel.sign);
		const exitTab = (currentlySelectedNestedExitTabIndex != -1) ? (panel.exitTabs[currentlySelectedExitTabIndex].nestedExitTabs[currentlySelectedNestedExitTabIndex]) : (panel.exitTabs[currentlySelectedExitTabIndex]);

		const panelList = document.getElementById("panelList");
		const subPanelList = document.getElementById("subPanelList");
		const exitTabList = document.getElementById("exitTabList");

		while (panelList.firstChild) {
			panelList.removeChild(panelList.lastChild);
		}

		while (subPanelList.firstChild) {
			subPanelList.removeChild(subPanelList.lastChild);

			if (subPanelList.lastChild == document.getElementById("global")) {
				if (currentlySelectedSubPanelIndex == -1) {
					document.getElementById("global").className = "active";
				} else {
					document.getElementById("global").className = "";
				}

				break;
			}
		}

		while (exitTabList.firstChild) {
			exitTabList.removeChild(exitTabList.lastChild);
		}

		for (let panelIndex = 0, panelsLength = post.panels.length; panelIndex < panelsLength; panelIndex++) {
			const panelButton = document.createElement("input");
			panelButton.type = "button";
			panelButton.id = "edit" + (panelIndex + 1);
			panelButton.value = "Panel " + (panelIndex + 1);
			panelButton.className = (currentlySelectedPanelIndex == panelIndex) ? "active" : "";
			
			panelButton.addEventListener("click", function() {
				changeEditingPanel(panelIndex);
				panelButton.className = "active";
			});
			
			panelList.appendChild(panelButton);
		}

		for (let subPanelIndex = 0, subPanelsLength = panel.sign.subPanels.length; subPanelIndex < subPanelsLength; subPanelIndex++) {
			const subPanelButton = document.createElement("input");
			subPanelButton.type = "button";
			subPanelButton.id = "sub_edit" + (subPanelIndex + 1);
			subPanelButton.value = "SubPanel " + (subPanelIndex + 1);
			subPanelButton.className = (currentlySelectedSubPanelIndex == subPanelIndex) ? "active" : "";

			subPanelButton.addEventListener("click", function() {
				changeEditingSubPanel(subPanelIndex, panel);
				subPanelButton.className = "active";
			});