Function multiPrompt

src/dialogs/multiPrompt.js:34–306

(message, inputs, help)

 * @returns {Promise<Strings>}
 */
export default function multiPrompt(message, inputs, help) {
	return new Promise((resolve, reject) => {
		const $title = tag("div", {
			className: "title",
			child: tag("span", {
				textContent: message,
			}),
			style: {
				justifyContent: "space-between",
			},
		});
		const $body = tag("div", {
			className: "message scroll",
			style: {
				fontSize: "1rem",
			},
		});
		const okBtn = tag("button", {
			type: "submit",
			textContent: strings.ok,
			onclick: function (e) {
				e.preventDefault();
				e.stopPropagation();
				const inputAr = [...$body.getAll("input")];

				for (let $input of inputAr) {
					if ($input.isRequired && !$input.value) {
						$errorMessage.textContent = strings.required.capitalize();
						const $sibling = $input.nextElementSibling;
						const $parent = $input.parentElement;
						if ($sibling) $parent.insertBefore($errorMessage, $sibling);
						else $parent.append($errorMessage);
						return;
					}
				}
				hide();
				resolve(getValue());
			},
		});
		const cancelBtn = tag("button", {
			textContent: strings.cancel,
			type: "button",
			onclick: function () {
				reject();
				hide();
			},
		});
		const $errorMessage = (
			<span className="error-msg" style={{ display: "block" }} />
		);
		const $mask = <span className="mask" />;
		const $promptDiv = tag("form", {
			action: "#",
			className: "prompt multi",
			onsubmit: (e) => {
				e.preventDefault();
				if (!okBtn.disabled) {
					resolve(getValue());