FR: multiSelect or mix and match input and select in multiInput

[jcurtis-cc]

Awesome extension of electron-prompt!

Being able to mix and match select with input in a multiinput would be ideal - or is this already supported?

[Araxeus]

Sorry but mixing prompt styles is not supported (yet), all prompts have a single purpose right now

If you want, you could try making such an option 🙂

[jcurtis-cc]

Cool :) I’ve added this to a branch here https://github.com/lysdexic-audio/custom-electron-prompt/tree/flexible-inputs Think it makes more sense than making another `promptCreateMultiSelect` and a `promptCreateMixedMultiInput` I’ll make a screenshot and PR if you’re happy to go this way ^_^

…

On 18 Mar 2022, at 04:06, Araxeus ***@***.***> wrote:  Sorry but mixing prompt styles is not supported (yet), all inputs have a single purpose right now If you want, you could try making such an option 🙂 — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you authored the thread.

[Araxeus]

Look great to me, just nit style thing in the example you added to readme:

the height param should be removed from this example since 150 is too low and the default is fine

also the "value" attribute needs some more spaces before it, so you could use

prompt({
    title: "credentials",
    label: "Login Info:",
    type: "multiInput",
    multiInputOptions:
        [
            {
                inputAttrs:
                {
                    type: "email",
                    required: true,
                    placeholder: "email"
                }
            },
            {
                inputAttrs:
                {
                    type: "password",
                    placeholder: "password"
                }
            },
            {
                selectOptions: { na: "North America", eu: "Europe", other: "Other" },
				value: "2"
            }
        ],
    resizable: true,
    width: 300,
}, win).then(input => console.log(`input == ${input}`)).catch(console.error)

also in prompt.js replace lines 83-94 with

	if (promptOptions.type !== "multiInput") {
		if (promptOptions.type !== "keybind") {
			dataElement.setAttribute("id", "data");

			if (promptOptions.type !== "counter") {
				dataContainerElement.append(dataElement);
			}

			if (promptOptions.type !== "select") {
				dataElement.select();
			}
		}

		dataElement.focus?.();
	}

or something along this lines to stop the program from trying to select/focus the last element in the multiInput
(which causes an error if the last element is a select element and it tries to select it, all I had to do was reorder the example your provided)

anyhow you're welcome to open a PR, and propose any changes you deem appropriate

[jcurtis-cc]

yeah caught that after i committed haha! annoyed me too. will update and PR tomorrow 👍

…

On 18 Mar 2022, at 19:08, Araxeus ***@***.***> wrote:  Look great to me, just nit style thing, in the example you added to readme the "value" attribute needs some more spaces before it anyhow you're welcome to open a PR, and propose any changes you deem appropriate — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you authored the thread.

[Araxeus]

Added in #7