import { DS4ItemDataType } from "../item/item-data"; import { DS4Actor } from "./actor"; import { DS4ActorDataType } from "./actor-data"; /** * Extend the basic ActorSheet with some very simple modifications * @extends {ActorSheet} */ export class DS4ActorSheet extends ActorSheet { /** * This method returns the data for the template of the actor sheet. * It explicitly adds the items of the object sorted by type in the * object itemsByType. * @returns the data fed to the template of the actor sheet */ getData(): ActorSheetData { const data = { ...super.getData(), // Add the localization config to the data: config: CONFIG.DS4, // Add the items explicitly sorted by type to the data: itemsByType: this.actor.itemTypes, }; console.log("Data:", data); return data; } /** @override */ static get defaultOptions(): FormApplicationOptions { return mergeObject(super.defaultOptions, { classes: ["ds4", "sheet", "actor"], template: "systems/ds4/templates/actor/actor-sheet.hbs", width: 725, height: 600, tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description" }], }); } /* -------------------------------------------- */ /** @override */ activateListeners(html: JQuery): void { super.activateListeners(html); // Everything below here is only needed if the sheet is editable if (!this.options.editable) return; // Add Inventory Item html.find(".item-create").on("click", this._onItemCreate.bind(this)); // Update Inventory Item html.find(".item-edit").on("click", (ev) => { const li = $(ev.currentTarget).parents(".item"); const item = this.actor.getOwnedItem(li.data("itemId")); item.sheet.render(true); }); // Delete Inventory Item html.find(".item-delete").on("click", (ev) => { const li = $(ev.currentTarget).parents(".item"); this.actor.deleteOwnedItem(li.data("itemId")); li.slideUp(200, () => this.render(false)); }); // Rollable abilities. html.find(".rollable").click(this._onRoll.bind(this)); } /* -------------------------------------------- */ /** * Handle creating a new Owned Item for the actor using initial data defined in the HTML dataset * @param {Event} event The originating click event * @private */ private _onItemCreate(event: JQuery.ClickEvent): Promise { event.preventDefault(); const header = event.currentTarget; // Get the type of item to create. const type = header.dataset.type; // Grab any data associated with this control. const data = duplicate(header.dataset); // Initialize a default name. const name = `New ${type.capitalize()}`; // Prepare the item object. const itemData = { name: name, type: type, data: data, }; // Remove the type from the dataset since it's in the itemData.type prop. delete itemData.data.type; // Finally, create the item! return this.actor.createOwnedItem(itemData); } /** * Handle clickable rolls. * @param {Event} event The originating click event * @private */ private _onRoll(event: JQuery.ClickEvent): void { event.preventDefault(); const element = event.currentTarget; const dataset = element.dataset; if (dataset.roll) { const roll = new Roll(dataset.roll, this.actor.data.data); const label = dataset.label ? `Rolling ${dataset.label}` : ""; roll.roll().toMessage({ speaker: ChatMessage.getSpeaker({ actor: this.actor }), flavor: label, }); } } }