daggerheart/module/applications/npcRollSelectionDialog.mjs

export default class NpcRollSelectionDialog extends FormApplication {
    constructor(experiences, resolve, isNpc) {
        super({}, {});

        this.experiences = experiences;
        this.resolve = resolve;
        this.selectedExperiences = [];
        this.data = {
            nrDice: 1,
            advantage: null
        };
    }

    get title() {
        return 'Roll Options';
    }

    static get defaultOptions() {
        const defaults = super.defaultOptions;
        const overrides = {
            height: 'auto',
            width: 400,
            id: 'roll-selection',
            template: 'systems/daggerheart/templates/views/npcRollSelection.hbs',
            closeOnSubmit: false,
            submitOnChange: true,
            classes: ['daggerheart', 'views', 'npc-roll-selection']
        };

        const mergedOptions = foundry.utils.mergeObject(defaults, overrides);

        return mergedOptions;
    }

    async getData() {
        const context = super.getData();
        context.nrDice = this.data.nrDice;
        context.advantage = this.data.advantage;
        context.experiences = this.experiences.map(x => ({
            ...x,
            selected: this.selectedExperiences.find(selected => selected.id === x.id)
        }));

        return context;
    }

    activateListeners(html) {
        super.activateListeners(html);

        html.find('.increase').click(_ => this.updateNrDice(1));
        html.find('.decrease').click(_ => this.updateNrDice(-1));
        html.find('.advantage').click(_ => this.updateIsAdvantage(true));
        html.find('.disadvantage').click(_ => this.updateIsAdvantage(false));
        html.find('.roll-button').click(this.finish.bind(this));
        html.find('.roll-dialog-chip').click(this.selectExperience.bind(this));
    }

    updateNrDice(value) {
        this.data.nrDice += value;
        this.render();
    }

    updateIsAdvantage(advantage) {
        this.data.advantage = this.data.advantage === advantage ? null : advantage;
        this.render();
    }

    selectExperience(event) {
        const experience = this.experiences[event.currentTarget.dataset.key];
        this.selectedExperiences = this.selectedExperiences.find(x => x.name === experience.name)
            ? this.selectedExperiences.filter(x => x.name !== experience.name)
            : [...this.selectedExperiences, experience];

        this.render();
    }

    finish() {
        this.resolve({ ...this.data, experiences: this.selectedExperiences });
        this.close();
    }
}