Function updateShieldSubform

js/main.js:886–1073

()

	 * Update the fields in the form relating to shields to the values of the currently selected panel.
	 */
	const updateShieldSubform = function() {

		const shieldsContainerElmt = document.getElementById("shields");
		var subPanel;

		if (currentlySelectedSubPanelIndex == -1) {
			subPanel = post.panels[currentlySelectedPanelIndex].sign;
		} else {
			subPanel = post.panels[currentlySelectedPanelIndex].sign.subPanels[currentlySelectedSubPanelIndex];
		}
		const shields = subPanel.shields;

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

		for (let shieldIndex = 0, length = shields.length; shieldIndex < length; shieldIndex++) {

			const rowContainerElmt = document.createElement("div");
			rowContainerElmt.style.width = "100%";

			const toCheckElmt = document.createElement("input");
			toCheckElmt.type = "checkbox";
			toCheckElmt.id = `shield${shieldIndex}_to`;
			toCheckElmt.name = `shield${shieldIndex}_to`;
			toCheckElmt.checked = shields[shieldIndex].to;
			toCheckElmt.addEventListener("change", readForm);
			rowContainerElmt.appendChild(toCheckElmt);

			const toCheckLabelElmt = document.createElement("label");
			toCheckLabelElmt.setAttribute("for", `shield${shieldIndex}_to`);
			toCheckLabelElmt.appendChild(document.createTextNode(" TO "));
			rowContainerElmt.appendChild(toCheckLabelElmt);

			// Populate shield options
			const typeSelectElmt = document.createElement("select");
			for (const type in Shield.prototype.types) {
				lib.appendOption(typeSelectElmt, Shield.prototype.types[type], {
					selected: (shields[shieldIndex].type == Shield.prototype.types[type]),
					text: type
				});
			}
			typeSelectElmt.id = `shield${shieldIndex}_type`;
			typeSelectElmt.addEventListener("change", readForm);
			rowContainerElmt.appendChild(typeSelectElmt);

			const routeNumberElmt = document.createElement("input");
			routeNumberElmt.type = "text";
			routeNumberElmt.id = `shield${shieldIndex}_routeNumber`;
			routeNumberElmt.placeholder = "00";
			routeNumberElmt.value = shields[shieldIndex].routeNumber;
			routeNumberElmt.addEventListener("change", readForm);
			rowContainerElmt.appendChild(routeNumberElmt);

			// Populate special banner type options
			const specialBannerTypeSelectElmt = document.createElement("select");

			if (Shield.prototype.specialBannerTypes[shields[shieldIndex].type] != undefined) {