263 lines
8.4 KiB
JavaScript
263 lines
8.4 KiB
JavaScript
import { TwentyQuestions } from "./twenty-questions.js";
|
|
|
|
/**
|
|
* L5R Twenty Questions form
|
|
*
|
|
* @extends {FormApplication}
|
|
*/
|
|
export class TwentyQuestionsDialog extends FormApplication {
|
|
/**
|
|
* Current actor data
|
|
*/
|
|
actor = null;
|
|
|
|
/**
|
|
* Errors object
|
|
*/
|
|
errors = {};
|
|
|
|
/**
|
|
* Cache for items (techniques, adv...)
|
|
*/
|
|
cache = {};
|
|
|
|
/**
|
|
* Assign the default options
|
|
* @override
|
|
*/
|
|
static get defaultOptions() {
|
|
return mergeObject(super.defaultOptions, {
|
|
id: "l5r5e-twenty-questions-dialog",
|
|
classes: ["l5r5e", "twenty-questions-dialog"],
|
|
template: CONFIG.l5r5e.paths.templates + "actors/twenty-questions-dialog.html",
|
|
title: game.i18n.localize("l5r5e.twenty_questions.title"),
|
|
width: 600,
|
|
height: 600,
|
|
resizable: true,
|
|
closeOnSubmit: false,
|
|
submitOnClose: true,
|
|
submitOnChange: true,
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create dialog
|
|
*/
|
|
constructor(actor = null, options = {}) {
|
|
super({}, options);
|
|
this.actor = actor;
|
|
this.object = new TwentyQuestions(actor);
|
|
this.errors = this.object.validateForm();
|
|
this._constructCache();
|
|
}
|
|
|
|
/**
|
|
* Create drag-and-drop workflow handlers for this Application
|
|
* @return An array of DragDrop handlers
|
|
*/
|
|
_createDragDropHandlers() {
|
|
return [
|
|
new DragDrop({
|
|
dragSelector: ".item",
|
|
dropSelector: ".items",
|
|
permissions: { dragstart: this._canDragStart.bind(this), drop: this._canDragDrop.bind(this) },
|
|
callbacks: { dragstart: this._onDragStart.bind(this), drop: this._onDropItem.bind(this, "item") },
|
|
}),
|
|
new DragDrop({
|
|
dragSelector: ".technique",
|
|
dropSelector: ".techniques",
|
|
permissions: { dragstart: this._canDragStart.bind(this), drop: this._canDragDrop.bind(this) },
|
|
callbacks: { dragstart: this._onDragStart.bind(this), drop: this._onDropItem.bind(this, "technique") },
|
|
}),
|
|
new DragDrop({
|
|
dragSelector: ".peculiarity",
|
|
dropSelector: ".peculiarities",
|
|
permissions: { dragstart: this._canDragStart.bind(this), drop: this._canDragDrop.bind(this) },
|
|
callbacks: {
|
|
dragstart: this._onDragStart.bind(this),
|
|
drop: this._onDropItem.bind(this, "peculiarity"),
|
|
},
|
|
}),
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Construct and return the data object used to render the HTML template for this form application.
|
|
* @param options
|
|
* @return {Object}
|
|
*/
|
|
getData(options = null) {
|
|
return {
|
|
...super.getData(options),
|
|
ringsList: game.l5r5e.HelpersL5r5e.getRingsList(),
|
|
skillsList: game.l5r5e.HelpersL5r5e.getSkillsList(true),
|
|
noHonorSkillsList: ["commerce", "skulduggery", "medicine", "seafaring", "survival", "labor"],
|
|
techniquesList: CONFIG.l5r5e.techniques,
|
|
data: this.object.data,
|
|
cache: this.cache,
|
|
errors: Object.keys(this.errors)
|
|
.map((key) => `${game.i18n.localize("l5r5e.rings." + key)} (${this.errors[key]})`)
|
|
.join(", "), // TODO better msg :D
|
|
hasErrors: Object.keys(this.errors).length > 0,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Listen to html elements
|
|
* @override
|
|
*/
|
|
activateListeners(html) {
|
|
super.activateListeners(html);
|
|
|
|
// *** Everything below here is only needed if the sheet is editable ***
|
|
if (!this.options.editable) {
|
|
return;
|
|
}
|
|
|
|
// Delete a dnd element
|
|
html.find(`.property-delete`).on("click", (event) => {
|
|
const stepKey = $(event.currentTarget).parents(".tq-drag-n-drop").data("step");
|
|
const itemId = $(event.currentTarget).parents(".property").data("propertyId");
|
|
this._deleteOwnedItem(stepKey, itemId);
|
|
this.render(false);
|
|
});
|
|
|
|
// Submit button
|
|
html.find("#generate").on("click", async (event) => {
|
|
await this.object.toActor(this.actor, flattenObject(this.cache));
|
|
await this.close({ submit: true, force: true });
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Handle dropped items
|
|
*/
|
|
async _onDropItem(type, event) {
|
|
if (!["item", "technique", "peculiarity"].includes(type)) {
|
|
return;
|
|
}
|
|
const stepKey = $(event.target).data("step");
|
|
if (!stepKey) {
|
|
console.log("event stepKey is undefined");
|
|
return;
|
|
}
|
|
|
|
try {
|
|
// Get item
|
|
const item = await game.l5r5e.HelpersL5r5e.getDragnDropTargetObject(event);
|
|
if (
|
|
item.entity !== "Item" ||
|
|
!item ||
|
|
(type !== "item" && item.data.type !== type) ||
|
|
(type === "item" && !["item", "weapon", "armor"].includes(item.data.type))
|
|
) {
|
|
console.log("forbidden item for this drop zone", type, item.data.type);
|
|
return;
|
|
}
|
|
// Add the item (step and cache)
|
|
this._addOwnedItem(item, stepKey);
|
|
|
|
// TODO specific event (no added honor if tech selected etc)
|
|
// console.log(this.object.data, this.cache);
|
|
|
|
this.render(false);
|
|
} catch (err) {
|
|
console.warn(err);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* This method is called upon form submission after form data is validated
|
|
* @param event The initial triggering submission event
|
|
* @param formData The object of validated form data with which to update the object
|
|
* @returns A Promise which resolves once the update operation has completed
|
|
* @override
|
|
*/
|
|
async _updateObject(event, formData) {
|
|
// Update 20Q object data
|
|
this.object.updateFromForm(formData);
|
|
|
|
// Get errors if any
|
|
this.errors = this.object.validateForm();
|
|
|
|
// Only on close/submit
|
|
if (event.type === "submit") {
|
|
// Store this form datas in actor
|
|
this.actor.data.data.twenty_questions = this.object.data;
|
|
this.actor.update({
|
|
data: {
|
|
twenty_questions: this.object.data,
|
|
},
|
|
});
|
|
}
|
|
this.render(false);
|
|
}
|
|
|
|
/**
|
|
* Construct the cache tree with Items full object
|
|
*/
|
|
_constructCache() {
|
|
this.cache = {};
|
|
TwentyQuestions.itemsList.forEach((stepName) => {
|
|
// Check if current step value is a array
|
|
let step = getProperty(this.object.data, stepName);
|
|
if (!step || !Array.isArray(step)) {
|
|
step = [];
|
|
}
|
|
|
|
// Init cache if not exist
|
|
if (!hasProperty(this.cache, stepName)) {
|
|
setProperty(this.cache, stepName, []);
|
|
}
|
|
|
|
// Get linked Item, and store it in cache (delete null value and old items)
|
|
const newStep = [];
|
|
step.forEach((id) => {
|
|
const item = game.items.get(id);
|
|
if (!id || !item) {
|
|
return;
|
|
}
|
|
newStep.push(id);
|
|
getProperty(this.cache, stepName).push(item);
|
|
});
|
|
setProperty(this.object.data, stepName, newStep);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Add a owned item reference in step and cache
|
|
* @private
|
|
*/
|
|
_addOwnedItem(item, stepName) {
|
|
// Add to Step (uniq id only)
|
|
let step = getProperty(this.object.data, stepName);
|
|
if (!step) {
|
|
step = [];
|
|
}
|
|
if (step.some((e) => e === item.id)) {
|
|
return;
|
|
}
|
|
step.push(item.id);
|
|
|
|
// Add to cache
|
|
getProperty(this.cache, stepName).push(item);
|
|
}
|
|
|
|
/**
|
|
* Delete a owned item reference in step and cache
|
|
* @private
|
|
*/
|
|
_deleteOwnedItem(stepName, itemId) {
|
|
// Delete from current step
|
|
let step = getProperty(this.object.data, stepName);
|
|
step = step.filter((e) => !!e && e !== itemId);
|
|
setProperty(this.object.data, stepName, step);
|
|
|
|
// Delete from cache
|
|
let cache = getProperty(this.cache, stepName);
|
|
cache = cache.filter((e) => !!e && e.id !== itemId);
|
|
setProperty(this.cache, stepName, cache);
|
|
}
|
|
}
|