daggerheart/module/applications/dialogs/levelupOptionsDialog.mjs

import { LevelOptionType } from "../../data/levelTier.mjs";

const { HandlebarsApplicationMixin, ApplicationV2 } = foundry.applications.api;

export default class LevelupOptionsDialog extends HandlebarsApplicationMixin(ApplicationV2) {
    constructor(item) {
        super({});

        this.item = item;
        this.selectedOption = null;
    }

    get title() {
        return game.i18n.format('DAGGERHEART.APPLICATIONS.LevelupOptionsDialog.title', { name: this.item.name });
    }

    static DEFAULT_OPTIONS = {
        tag: 'form',
        classes: ['daggerheart', 'dh-style', 'dialog', 'views', 'levelup-options-dialog'],
        position: { width: 480, height: 'auto' },
        window: { icon: 'fa-solid fa-angles-up fa-fw' },
        actions: {
            addTierOption: LevelupOptionsDialog.#addTierOption,
            removeTierOption: LevelupOptionsDialog.#removeTierOption,
        },
        form: { handler: this.updateData, submitOnChange: true, closeOnSubmit: false }
    };

    static PARTS = {
        header: { template: 'systems/daggerheart/templates/dialogs/levelupOptionsDialog/header.hbs' },
        tabs: { template: 'systems/daggerheart/templates/sheets/global/tabs/tab-navigation.hbs' },
        tiers: { template: 'systems/daggerheart/templates/dialogs/levelupOptionsDialog/tiers.hbs' },
    };

    /** @inheritdoc */
    static TABS = {
        primary: {
            tabs: [
                { id: 'tier2', label: 'DAGGERHEART.GENERAL.Tiers.2', tier: 2 }, 
                { id: 'tier3', label: 'DAGGERHEART.GENERAL.Tiers.3', tier: 3 }, 
                { id: 'tier4', label: 'DAGGERHEART.GENERAL.Tiers.4', tier: 4 }
            ],
            initial: 'tier2',
        }
    };

    _attachPartListeners(partId, htmlElement, options) {
        super._attachPartListeners(partId, htmlElement, options);

        for(const element of htmlElement.querySelectorAll('.option-type-select'))
            element.addEventListener('change', this.updateSelectedOption.bind(this));
    }

    async _prepareContext(_options) {
        const context = await super._prepareContext(_options);
        context.item = this.item;
        context.fields = this.item.system.schema.fields.levelupOptionTiers.element.element.fields;
        context.optionTypes = LevelOptionType;
        context.selectedOption = this.selectedOption;

        return context;
    }

    static async updateData(_event, _element, formData) {
        const data = foundry.utils.expandObject(formData.object);

        this.render();
    }

    updateSelectedOption(event) {
        this.selectedOption = event.target.value;
        this.render();
    }

    static async #addTierOption(_event, button) {
        const { tier } = button.dataset;
        await this.item.update({ [`system.levelupOptionTiers.${tier}.${foundry.utils.randomID()}`]: {
            label: LevelOptionType[this.selectedOption].label,
            type: this.selectedOption
        }});

        this.selectedOption = null;
        this.render();
    }

    static async #removeTierOption(_event, button) {
        const { tier, key } = button.dataset;

        await this.item.update({ [`system.levelupOptionTiers.${tier}.${key}`]: _del });
        this.render();
    }
}