Foundry/taf
1
0
Fork 0
Code Issues 8 Pull requests Releases 1 Wiki Activity Actions

Add the ability to be able to prompt users for information from a Dialog/macro

Browse source
This commit is contained in:
Oliver-Akins 2024-08-28 23:29:09 -06:00
parent ce9c2de751
commit 8a94558590
9 changed files with 91 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
.styles/root.css
View file

@ -1,3 +1,7 @@
.dialog-content:not(:only-child) {
margin-bottom: 8px;
}
.actor--player.style-v1 {
--header-size: 75px;
}
@ -35,4 +39,4 @@
height: auto;
}
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/v1/player/root.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC%22,%22file%22:%22root.css%22%7D */
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/v1/Dialog.scss%22,%22../styles/v1/player/root.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;;;ACDD;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC%22,%22file%22:%22root.css%22%7D */

5
.styles/v1/Dialog.css Normal file
View file

@ -0,0 +1,5 @@
.dialog-content:not(:only-child) {
margin-bottom: 8px;
}
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../styles/v1/Dialog.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC%22,%22file%22:%22Dialog.css%22%7D */

6
.styles/v1/index.css
View file

@ -1,3 +1,7 @@
.dialog-content:not(:only-child) {
margin-bottom: 8px;
}
.actor--player.style-v1 {
--header-size: 75px;
}
@ -35,4 +39,4 @@
height: auto;
}
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../styles/v1/player/root.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC%22,%22file%22:%22index.css%22%7D */
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../styles/v1/Dialog.scss%22,%22../../styles/v1/player/root.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;;;ACDD;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC%22,%22file%22:%22index.css%22%7D */

1
eslint.config.mjs
View file

@ -30,6 +30,7 @@ export default [
ChatMessage: `readonly`,
ActiveEffect: `readonly`,
Dialog: `readonly`,
renderTemplate: `readonly`,
},
},
},

1
src/main.mjs
View file

@ -9,6 +9,7 @@ import { PlayerData } from "./documents/Actor/Player/Model.mjs";
// Misc Imports
import "./utils/logger.mjs";
import "./utils/DialogManager.mjs";
import { registerCustomComponents } from "./components/_index.mjs";
import { registerHandlebarsHelpers } from "./helpers/_index.mjs";
import { registerSettings } from "./settings/_index.mjs";

56
src/utils/DialogManager.mjs
View file

@ -76,7 +76,63 @@ export class DialogManager {
);
};
/**
* Asks the user to provide a simple piece of information, this is primarily
* intended to be used within macros so that it can have better info gathering
* as needed.
*/
static async ask(data, opts = {}) {
if (!data.question) {
throw new Error(`Asking the user for input must contain a question`);
}
data.inputType ??= `text`;
data.initialValue ??= ``;
opts.title ??= `System Question`;
opts.jQuery = true;
const content = await renderTemplate(
`systems/${game.system.id}/templates/Dialogs/ask.hbs`,
data,
);
return new Promise((resolve, reject) => {
DialogManager.createOrFocus(
data.question,
{
content,
buttons: {
confirm: {
label: `Confirm`,
callback: (html) => {
const element = html.find(`.user-input`)[0];
let value = element.value;
switch (data.inputType) {
case `number`:
value = parseFloat(value);
break;
case `checkbox`:
value = element.checked;
break;
}
Logger.debug(`Ask response: ${value} (type: ${typeof value})`);
resolve(value);
},
},
cancel: {
label: `Cancel`,
callback: () => reject(),
},
},
},
opts,
);
});
};
static get size() {
return DialogManager.#dialogs.size;
}
};
globalThis.DialogManager = DialogManager;

3
styles/v1/Dialog.scss Normal file
View file

@ -0,0 +1,3 @@
.dialog-content:not(:only-child) {
margin-bottom: 8px;
}

4
styles/v1/index.scss
View file

@ -1,3 +1,5 @@
// Styling version 1
@use "./player/root.scss";
@use "./Dialog.scss";
@use "./player/root.scss";

12
templates/Dialogs/ask.hbs Normal file
View file

@ -0,0 +1,12 @@
<div>
<p>
{{question}}
</p>
<input
type="{{inputType}}"
value="{{initialValue}}"
checked="{{initialValue}}"
class="user-input"
autofocus
>
</div>