Function updateForm

js/main copy.js:666–788

()

	 * Update the fields in the form to the values of the currently selected panel.
	 */
	const updateForm = function() {
        const panel = post.panels[currentlySelectedPanelIndex];
        
        const panelList = document.getElementById("panelList");
        
        while (panelList.firstChild) {
            panelList.removeChild(panelList.lastChild);
        }
        
        for (let panelIndex = 0, panelsLength = post.panels.length; panelIndex < panelsLength; panelIndex++) {
			var new_button = document.createElement("input");
            new_button.type = "button";
            new_button.id = "edit" + (panelIndex + 1);
            new_button.value = "Panel " + (panelIndex + 1);
            new_button.addEventListener("click", function() {
                changeEditingPanel(panelIndex);
            });
            panelList.appendChild(new_button);
		}
        
        document.getElementById("panelNumberLabel").innerHTML = "Panel " + String(currentlySelectedPanelIndex + 1);
        

		const panelColorSelectElmt = document.getElementById("panelColor");
		for (const option of panelColorSelectElmt.options) {
			if (option.value == panel.color) {
				option.selected = true;
				break;
			}
		}
		
		const panelCornerSelectElmt = document.getElementById("panelCorner");
		for (const option of panelCornerSelectElmt.options) {
			if (option.value == panel.corner) {
				option.selected = true;
				break;
			}
		}

		const exitNumberElmt = document.getElementById("exitNumber");
		exitNumberElmt.value = panel.exitTab.number;

		const exitTabPositionSelectElmt = document.getElementById("exitTabPosition");
		for (const option of exitTabPositionSelectElmt.options) {
			if (option.value == panel.exitTab.position) {
				option.selected = true;
				break;
			}
		}

		const exitTabWidthSelectElmt = document.getElementById("exitTabWidth");
		for (const option of exitTabWidthSelectElmt.options) {
			if (option.value == panel.exitTab.width) {
				option.selected = true;
				break;
			}
		}