hench/module/sheets/hench-debug.mjs
2024-12-02 22:18:47 -05:00

62 lines
2.0 KiB
JavaScript

import { playbookKeys, validatePlaybookKey, getPlaybookMutation } from "../playbooks.mjs";
import { getValueAtPath, copyAndMutateAtPath, deepCopy } from "../helpers/object-helper.mjs";
export class HenchDebugSheet extends ActorSheet {
/** @override */
get template() {
return `systems/hench/templates/hench-debug.hbs`;
}
/** @override */
getData() {
const context = super.getData();
context.playbookKeys = [...playbookKeys, 'test'].map((k) => ({ key: k, selected: k === this.actor.system.playbook}));
return context;
}
/** @override */
activateListeners(html) {
super.activateListeners(html);
html.on('change', '.hench-hench-sheet-playbook-dropdown', this._changePlaybook.bind(this));
html.on('click', '#hench-console-log', (event) => console.log(this.actor));
// Checkbox logic
// boolean checkboxes
html.find('.hench-checkbox-toggle-field').on('change', (event) => {
const element = event.currentTarget;
const isArrayPath = element.dataset.isArray;
const fieldPath = element.dataset.fieldPath;
const index = element.dataset.index;
const subPath = element.dataset.subPath;
const value = element.checked;
if(isArrayPath) {
const array = getValueAtPath(this.actor, fieldPath);
const copy = array.map(e => deepCopy(e));
copy[index] = copyAndMutateAtPath(array[index], subPath, value);
this.actor.update({[fieldPath]: copy});
} else {
this.actor.update({[fieldPath]: value});
}
});
}
_changePlaybook(newPlaybookKeyEvent) {
const newPlaybookKey = newPlaybookKeyEvent.target.value;
if(validatePlaybookKey(newPlaybookKey)) {
const mutation = getPlaybookMutation(newPlaybookKey, 'system.');
this.actor.update(mutation);
}
}
}