110 lines
3.5 KiB
TypeScript
110 lines
3.5 KiB
TypeScript
|
/**
|
||
|
|
* Extend the basic ActorSheet with some very simple modifications
|
||
|
|
* @extends {ActorSheet}
|
||
|
|
*/
|
||
|
|
export class DS4ActorSheet extends ActorSheet<{
|
||
|
|
/* TODO: add actual type for data */
|
||
|
|
}> {
|
||
|
|
/** @override */
|
||
|
|
static get defaultOptions() {
|
||
|
|
return mergeObject(super.defaultOptions, {
|
||
|
|
classes: ["ds4", "sheet", "actor"],
|
||
|
|
template: "systems/ds4/templates/actor/actor-sheet.html",
|
||
|
|
width: 600,
|
||
|
|
height: 600,
|
||
|
|
tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description" }],
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/* -------------------------------------------- */
|
||
|
|
|
||
|
|
/** @override */
|
||
|
|
getData() {
|
||
|
|
// TODO: replace ["..."] access with .
|
||
|
|
const data = super.getData();
|
||
|
|
data["dtypes"] = ["String", "Number", "Boolean"];
|
||
|
|
for (let attr of Object.values(data.data["attributes"])) {
|
||
|
|
attr["isCheckbox"] = attr["dtype"] === "Boolean";
|
||
|
|
}
|
||
|
|
console.log(data);
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** @override */
|
||
|
|
activateListeners(html) {
|
||
|
|
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").click(this._onItemCreate.bind(this));
|
||
|
|
|
||
|
|
// Update Inventory Item
|
||
|
|
html.find(".item-edit").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").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
|
||
|
|
*/
|
||
|
|
_onItemCreate(event) {
|
||
|
|
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
|
||
|
|
*/
|
||
|
|
_onRoll(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
const element = event.currentTarget;
|
||
|
|
const dataset = element.dataset;
|
||
|
|
|
||
|
|
if (dataset.roll) {
|
||
|
|
let roll = new Roll(dataset.roll, this.actor.data.data);
|
||
|
|
let label = dataset.label ? `Rolling ${dataset.label}` : "";
|
||
|
|
roll.roll().toMessage({
|
||
|
|
speaker: ChatMessage.getSpeaker({ actor: this.actor }),
|
||
|
|
flavor: label,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|