126 lines
3.8 KiB
JavaScript
126 lines
3.8 KiB
JavaScript
const { HandlebarsApplicationMixin } = foundry.applications.api;
|
|
|
|
import { MournbladeCYD2Utility } from "../../mournblade-cyd2-utility.js";
|
|
|
|
export default class MournbladeCYD2ItemSheetV2 extends HandlebarsApplicationMixin(foundry.applications.sheets.ItemSheetV2) {
|
|
|
|
constructor(options = {}) {
|
|
super(options);
|
|
this.#dragDrop = this.#createDragDropHandlers();
|
|
}
|
|
|
|
#dragDrop;
|
|
|
|
/** @override */
|
|
static DEFAULT_OPTIONS = {
|
|
classes: ["fvtt-mournblade-cyd2", "item"],
|
|
position: {
|
|
width: 620,
|
|
height: 600,
|
|
},
|
|
form: {
|
|
submitOnChange: true,
|
|
},
|
|
window: {
|
|
resizable: true,
|
|
},
|
|
tabs: [
|
|
{
|
|
navSelector: 'nav[data-group="primary"]',
|
|
contentSelector: "section.sheet-body",
|
|
initial: "description",
|
|
},
|
|
],
|
|
dragDrop: [{ dragSelector: "[data-drag]", dropSelector: null }],
|
|
actions: {
|
|
editImage: MournbladeCYD2ItemSheetV2.#onEditImage,
|
|
postItem: MournbladeCYD2ItemSheetV2.#onPostItem,
|
|
addPredilection: MournbladeCYD2ItemSheetV2.#onAddPredilection,
|
|
deletePredilection: MournbladeCYD2ItemSheetV2.#onDeletePredilection,
|
|
},
|
|
};
|
|
|
|
tabGroups = { primary: "description" };
|
|
|
|
/** @override */
|
|
async _prepareContext() {
|
|
return {
|
|
fields: this.document.schema.fields,
|
|
systemFields: this.document.system.schema.fields,
|
|
item: this.document,
|
|
system: this.document.system,
|
|
source: this.document.toObject(),
|
|
enrichedDescription: await foundry.applications.ux.TextEditor.implementation.enrichHTML(
|
|
this.document.system.description || "", { async: true }
|
|
),
|
|
isEditMode: true,
|
|
isEditable: this.isEditable,
|
|
isGM: game.user.isGM,
|
|
config: game.system.mournbladecyd2.config,
|
|
};
|
|
}
|
|
|
|
/** @override */
|
|
_onRender(context, options) {
|
|
super._onRender(context, options);
|
|
this.#dragDrop.forEach((d) => d.bind(this.element));
|
|
|
|
// Tab navigation
|
|
const nav = this.element.querySelector('nav.tabs[data-group]');
|
|
if (nav) {
|
|
const group = nav.dataset.group;
|
|
const activeTab = this.tabGroups[group] || "description";
|
|
nav.querySelectorAll('[data-tab]').forEach(link => {
|
|
const tab = link.dataset.tab;
|
|
link.classList.toggle('active', tab === activeTab);
|
|
link.addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
this.tabGroups[group] = tab;
|
|
this.render();
|
|
});
|
|
});
|
|
this.element.querySelectorAll(`[data-group="${group}"][data-tab]`).forEach(content => {
|
|
content.classList.toggle('active', content.dataset.tab === activeTab);
|
|
});
|
|
}
|
|
}
|
|
|
|
#createDragDropHandlers() {
|
|
return this.options.dragDrop.map(d => {
|
|
d.permissions = { dragstart: () => this.isEditable };
|
|
d.callbacks = { dragstart: this._onDragStart.bind(this) };
|
|
return new foundry.applications.ux.DragDrop.implementation(d);
|
|
});
|
|
}
|
|
|
|
_onDragStart(event) {}
|
|
|
|
// #region Actions
|
|
|
|
static async #onEditImage(event) {
|
|
const fp = new FilePicker({
|
|
type: "image",
|
|
current: this.document.img,
|
|
callback: (path) => this.document.update({ img: path })
|
|
});
|
|
fp.browse();
|
|
}
|
|
|
|
static async #onPostItem(event) {
|
|
await this.document.toChat?.();
|
|
}
|
|
|
|
static async #onAddPredilection(event) {
|
|
const preds = foundry.utils.duplicate(this.document.system.predilections || []);
|
|
preds.push({ id: foundry.utils.randomID(), name: "Nouvelle prédilection", description: "", acquise: false, maitrise: false, used: false });
|
|
await this.document.update({ "system.predilections": preds });
|
|
}
|
|
|
|
static async #onDeletePredilection(event, target) {
|
|
const idx = Number(target.dataset.predilectionIndex);
|
|
const preds = foundry.utils.duplicate(this.document.system.predilections || []);
|
|
preds.splice(idx, 1);
|
|
await this.document.update({ "system.predilections": preds });
|
|
}
|
|
}
|