Add Actor Sheet first design
This commit is contained in:
@@ -1,142 +0,0 @@
|
||||
|
||||
export class ActorSheetL5r5e extends ActorSheet {
|
||||
|
||||
static get defaultOptions() {
|
||||
return mergeObject(super.defaultOptions, {
|
||||
classes: ["l5r5e", "sheet", "actor"],
|
||||
template: "systems/l5r5e/templates/sheets/actor-sheet.html",
|
||||
width: 600,
|
||||
height: 600,
|
||||
tabs: [{navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description"}],
|
||||
dragDrop: [{dragSelector: ".item-list .item", dropSelector: null}]
|
||||
});
|
||||
}
|
||||
|
||||
getData() {
|
||||
const sheetData = super.getData();
|
||||
|
||||
this._prepareItems(sheetData);
|
||||
|
||||
const feats = sheetData.items.filter((item) => item.type === "feat");
|
||||
|
||||
sheetData.data.feats = feats;
|
||||
|
||||
return sheetData;
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the actor.
|
||||
* @param event
|
||||
* @param formData
|
||||
*/
|
||||
_updateObject(event, formData) {
|
||||
return this.object.update(formData);
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare item data to be displayed in the actor sheet.
|
||||
* @param sheetData Data of the actor been displayed in the sheet.
|
||||
*/
|
||||
_prepareItems(sheetData) {
|
||||
for (let item of sheetData.items) {
|
||||
if (item.type === "weapon") {
|
||||
item.isWeapon = true;
|
||||
item.isEquipment = true;
|
||||
} else if (item.type === "feat"){
|
||||
item.isFeat = true;
|
||||
}
|
||||
else {
|
||||
item.isEquipment = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_prepareFeats() {
|
||||
}
|
||||
|
||||
/**
|
||||
* Subscribe to events from the sheet.
|
||||
* @param html HTML content of the sheet.
|
||||
*/
|
||||
activateListeners(html) {
|
||||
super.activateListeners(html);
|
||||
|
||||
// Everything below here is only needed if the sheet is editable
|
||||
if (!this.options.editable) return;
|
||||
|
||||
// Update Inventory Item
|
||||
html.find('.item-edit').click(ev => {
|
||||
const li = $(ev.currentTarget).parents(".item");
|
||||
const itemId = li.data("itemId");
|
||||
const item = this.actor.getOwnedItem(itemId);
|
||||
item.sheet.render(true);
|
||||
});
|
||||
|
||||
// Delete Inventory Item
|
||||
html.find('.item-delete').click(ev => {
|
||||
const li = $(ev.currentTarget).parents(".item");
|
||||
const itemId = li.data("itemId");
|
||||
this.actor.deleteOwnedItem(itemId);
|
||||
});
|
||||
|
||||
html.find('.feat-add').click(ev => {
|
||||
this._createFeat();
|
||||
});
|
||||
|
||||
html.find('.feat-delete').click(ev => {
|
||||
const li = $(ev.currentTarget).parents(".feat");
|
||||
const featId = li.data("featId");
|
||||
console.log("Remove feat" + featId + " clicked");
|
||||
|
||||
this.actor.deleteOwnedItem(featId);
|
||||
});
|
||||
|
||||
html.find('.feat-edit').click(ev => {
|
||||
const li = $(ev.currentTarget).parents(".feat");
|
||||
const featId = li.data("featId");
|
||||
const feat = this.actor.getOwnedItem(featId);
|
||||
feat.sheet.render(true);
|
||||
});
|
||||
|
||||
html.find('.skill-name').click(ev => {
|
||||
const li = $(ev.currentTarget).parents(".skill");
|
||||
const skillId = li.data("skill");
|
||||
|
||||
this._onSkillClicked(skillId);
|
||||
});
|
||||
|
||||
html.find('.adquisition-add').click(ev => {
|
||||
this._createFeat();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates a new feat for the character and shows a window to edit it.
|
||||
*/
|
||||
async _createFeat() {
|
||||
const data = {
|
||||
name: game.i18n.localize('L5r5e.FeatPlaceholderName'),
|
||||
type: "feat"
|
||||
};
|
||||
const created = await this.actor.createEmbeddedEntity("OwnedItem", data);
|
||||
const feat = this.actor.getOwnedItem(created._id);
|
||||
|
||||
// Default values
|
||||
//feat.rank = 1;
|
||||
//feat.xp_used = 0;
|
||||
|
||||
feat.sheet.render(true);
|
||||
|
||||
return feat;
|
||||
}
|
||||
|
||||
/**
|
||||
* React to a skill from the skills list been clicked.
|
||||
* @param {string} skillId Unique ID of the skill been clicked.
|
||||
*/
|
||||
async _onSkillClicked(skillId) {
|
||||
console.log("Clicked on skill " + skillId);
|
||||
|
||||
// TODO
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ export class FeatSheetL5r5e extends ItemSheetL5r5e {
|
||||
/** @override */
|
||||
static get defaultOptions() {
|
||||
return mergeObject(super.defaultOptions, {
|
||||
classes: ["l5r", "sheet", "feat"],
|
||||
classes: ["l5r5e", "sheet", "feat"],
|
||||
template: "systems/l5r5e/templates/item/feat-sheet.html",
|
||||
width: 520,
|
||||
height: 480,
|
||||
|
||||
@@ -6,7 +6,7 @@ export class ItemSheetL5r5e extends ItemSheet {
|
||||
/** @override */
|
||||
static get defaultOptions() {
|
||||
return mergeObject(super.defaultOptions, {
|
||||
classes: ["l5r", "sheet", "item"],
|
||||
classes: ["l5r5e", "sheet", "item"],
|
||||
template: "systems/l5r5e/templates/item/item-sheet.html",
|
||||
width: 520,
|
||||
height: 480,
|
||||
|
||||
@@ -7,7 +7,7 @@ export class WeaponSheetL5r5e extends ItemSheetL5r5e {
|
||||
/** @override */
|
||||
static get defaultOptions() {
|
||||
return mergeObject(super.defaultOptions, {
|
||||
classes: ["l5r", "sheet", "weapon"],
|
||||
classes: ["l5r5e", "sheet", "weapon"],
|
||||
template: "systems/l5r5e/templates/item/weapon-sheet.html",
|
||||
width: 520,
|
||||
height: 480,
|
||||
|
||||
@@ -63,12 +63,12 @@ Hooks.once("init", async function () {
|
||||
});
|
||||
|
||||
Handlebars.registerHelper("localizeSkillCategory", function (skillName) {
|
||||
const key = "L5r5e.Skills." + skillName + ".Title";
|
||||
const key = "L5r5e.Skills." + skillName.charAt(0).toUpperCase() + skillName.slice(1) + ".Title";
|
||||
return game.i18n.localize(key);
|
||||
});
|
||||
|
||||
Handlebars.registerHelper("localizeSkill", function (skillCategory, skillName) {
|
||||
const key = "L5r5e.Skills." + skillCategory + "." + skillName;
|
||||
const key = "L5r5e.Skills." + skillCategory.charAt(0).toUpperCase() + skillCategory.slice(1) + "." + skillName.charAt(0).toUpperCase() + skillName.slice(1);
|
||||
return game.i18n.localize(key);
|
||||
});
|
||||
|
||||
@@ -153,4 +153,4 @@ Hooks.once("diceSoNiceReady", (dice3d) => {
|
||||
);
|
||||
});
|
||||
|
||||
// Add any additional hooks if necessary
|
||||
// Add any additional hooks if necessary
|
||||
@@ -6,7 +6,7 @@ export class ActorSheetL5r5e extends ActorSheet {
|
||||
classes: ["l5r5e", "sheet", "actor"],
|
||||
template: "systems/l5r5e/templates/sheets/actor-sheet.html",
|
||||
width: 600,
|
||||
height: 600,
|
||||
height: 800,
|
||||
tabs: [{navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description"}],
|
||||
dragDrop: [{dragSelector: ".item-list .item", dropSelector: null}]
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user