${choicesTemplate}
@@ -24,7 +22,6 @@ const html = (choices) => {
const callback = () => {
const items = $(".choice-dialog-wrap input:checked").toArray().map(item => $(item).val())
- console.log(items);
return items;
};
const openChoiceMenu = async (item) => {
@@ -38,8 +35,6 @@ const openChoiceMenu = async (item) => {
content: html(item.system.choiceItems),
});
- console.log(items);
-
return items;
};
diff --git a/module/helpers/roll-macro.mjs b/module/helpers/roll-macro.mjs
index cd3e0da..5300809 100644
--- a/module/helpers/roll-macro.mjs
+++ b/module/helpers/roll-macro.mjs
@@ -3,8 +3,7 @@ const hopeColor = {
// Hope colors
colorset: "custom",
foreground: "#000000",
- //background: "#FFFFFF",
- Image: "systems/daggerheart/assets/d12-no-text.svg",
+ background: "#FFFFFF",
outline: "#000000",
edge: "#000000",
texture: "none",
@@ -25,34 +24,31 @@ const fearColor = {
system: "standard",
};
-const inputHTML = `
`;
-
const formHTML = (actor, ability) => {
- console.log(ability, actor.system.abilities)
return `
`;
};
@@ -96,7 +92,7 @@ function getDiceDetailsHTML(hopeResult, hopeRemovedResult, fearResult, isAdvanta
};
- const hopeDisadvantageTemplate = (dieResult) => {
+ const hopeDisadvantageTemplate = (dieResult) => {
return(
`
@@ -130,10 +126,10 @@ function getDiceDetailsHTML(hopeResult, hopeRemovedResult, fearResult, isAdvanta
return htmlString;
}
-const template =
- (roll,
+const template =
+ (roll,
{ isCrit, isHope, isFear, hopeResult, fearResult, prefix, diceDetailsHTML}) => {
-
+
const rolls = roll.terms.reduce((acc, item) => {
if (!item.results) {
return acc;
@@ -156,7 +152,6 @@ const template =
} d12">${rollResult.value}`
);
- console.log(roll);
// Create Die List HTML
//let dieListHTML = createRollString(rolls, isAdvantage, isDisadvantage);
@@ -278,8 +273,6 @@ const doDHRoll = async (actor, ability, prefix = "") => {
buttons,
content: formHTML(actor, ability),
close: (html, e) => {
- console.log(e)
-
return {cancelled: true}
}
});
@@ -292,7 +285,7 @@ const doDHRoll = async (actor, ability, prefix = "") => {
mod: mod + expMod + abilityMod,
}).evaluate();
- // Get the specific results
+ // Get the specific results
const hopeResult = roll.dice[0].results.find(
(result) => result.active == true
).result;
@@ -304,7 +297,7 @@ const doDHRoll = async (actor, ability, prefix = "") => {
(result) => result.active == false
).result;
}
-
+
const fearResult = roll.dice[1].results.find(
(result) => result.active == true
@@ -317,9 +310,8 @@ const doDHRoll = async (actor, ability, prefix = "") => {
const isFear = fearResult > hopeResult;
// Dice colors
- //roll.dice[0].options.appearance = hopeColor;
- //roll.dice[1].options.appearance = fearColor;
- console.log(isCrit, isHope, isFear, hopeResult, fearResult);
+ roll.dice[0].options.appearance = hopeColor;
+ roll.dice[1].options.appearance = fearColor;
// roll.toMessage({
// speaker: ChatMessage.implementation.getSpeaker({actor: actor}),
// flavor: isCrit ? "Crit" : isHope ? "Hope Wins" : isFear ? "Fear Wins" : ""
diff --git a/module/helpers/templates.mjs b/module/helpers/templates.mjs
index 212148c..c0ab273 100644
--- a/module/helpers/templates.mjs
+++ b/module/helpers/templates.mjs
@@ -4,22 +4,34 @@
* @return {Promise}
*/
export const preloadHandlebarsTemplates = async function () {
- return loadTemplates([
- // Actor partials.
- 'systems/daggerheart/templates/actor/parts/actor-features.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-items.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-spells.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-effects.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-loadout.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-exps.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-card.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-description.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-leveling.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-weapons.hbs',
- 'systems/daggerheart/templates/actor/parts/actor-equipped.hbs',
- 'systems/daggerheart/templates/actor/parts/hand-card.hbs',
- // Item partials
- 'systems/daggerheart/templates/item/parts/item-effects.hbs',
- 'systems/daggerheart/templates/item/parts/item-tier.hbs',
+ loadTemplates(["systems/daggerheart/templates/actor/parts/hand-card.hbs"]);
+
+ loadTemplates([
+ "systems/daggerheart/templates/item/parts/item-effects.hbs",
+ "systems/daggerheart/templates/item/parts/item-tier.hbs",
+ "systems/daggerheart/templates/item/layout/class/stats.hbs",
+ "systems/daggerheart/templates/item/layout/class/info.hbs",
+ "systems/daggerheart/templates/item/layout/class/leveling.hbs",
+ "systems/daggerheart/templates/item/layout/class/items.hbs",
+ ]);
+
+
+ loadTemplates([
+ 'systems/daggerheart/templates/actor/layout/sidebar.hbs',
+ 'systems/daggerheart/templates/actor/layout/header.hbs',
+ 'systems/daggerheart/templates/actor/layout/navigation.hbs',
+ 'systems/daggerheart/templates/actor/layout/content.hbs',
+ ]);
+
+
+ loadTemplates([
+ 'systems/daggerheart/templates/actor/parts/character-loadout.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-inventory.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-description.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-leveling.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-card.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-domain-card.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-equipable.hbs',
+ 'systems/daggerheart/templates/actor/parts/character-item.hbs',
]);
};
diff --git a/module/sheets/actor-sheet.mjs b/module/sheets/actor-sheet.mjs
deleted file mode 100644
index 8fd684a..0000000
--- a/module/sheets/actor-sheet.mjs
+++ /dev/null
@@ -1,656 +0,0 @@
-import doGMRoll from "../helpers/adversary-roll.mjs";
-import { DAGGERHEART } from "../helpers/config.mjs";
-import {
- onManageActiveEffect,
- prepareActiveEffectCategories,
-} from "../helpers/effects.mjs";
-import openChoiceMenu from "../helpers/item-choices.mjs";
-import doDHRoll from "../helpers/roll-macro.mjs";
-import { DaggerHeartHandSheet } from "./hand-sheet.mjs";
-
-/**
- * Extend the basic ActorSheet with some very simple modifications
- * @extends {ActorSheet}
- */
-export class DaggerHeartActorSheet extends ActorSheet {
- /** @override */
- static get defaultOptions() {
- return foundry.utils.mergeObject(super.defaultOptions, {
- classes: ["daggerheart", "sheet", "actor"],
- width: 600,
- height: 600,
- tabs: [
- {
- navSelector: ".sheet-tabs",
- contentSelector: ".sheet-body",
- initial: "features",
- },
- ],
- });
- }
-
- /** @override */
- get template() {
- return `systems/daggerheart/templates/actor/actor-${this.actor.type}-sheet.hbs`;
- }
-
- async _onDropItemCreate(itemData) {
- if (this.actor.type === "character") {
- if (itemData.type === "class") {
- this.actor.update({
- "system.class": itemData.system,
- "system.hitpoints": itemData.system.defaultThreshold,
- "system.evasion": itemData.system.defaultEvasion,
- "system.wallet": itemData.system.wallet,
- });
-
- if (itemData.system.choiceItems) {
- const items = await openChoiceMenu(itemData);
-
- console.log(items);
-
- items.forEach(async (item) => {
- await Item.create(
- { type: "item", name: item },
- { parent: this.actor }
- );
- });
- }
-
- if (itemData.system.classFeatures) {
- itemData.system.classFeatures.forEach(async (classFeature) => {
- await Item.create(
- { type: "card", name: classFeature.name, system: {cardType: "class", feature: classFeature.description} },
- { parent: this.actor }
- );
- })
- }
-
- await Item.create(
- { type: "item", name: "A torch" },
- { parent: this.actor }
- );
- await Item.create(
- { type: "item", name: "50ft of rope" },
- { parent: this.actor }
- );
- await Item.create(
- { type: "item", name: "Basic supplies" },
- { parent: this.actor }
- );
- }
-
- if (itemData.type === "card") {
- if (
- itemData.system.cardType ===
- DAGGERHEART.cardTypes.community.toLowerCase()
- ) {
- this.actor.update({
- "system.community.name": itemData.name,
- "system.community.img": itemData.img,
- "system.community.feature": itemData.system.feature,
- "system.community.description": itemData.system.description,
- });
- return;
- }
-
- if (
- itemData.system.cardType ===
- DAGGERHEART.cardTypes.ancestry.toLowerCase()
- ) {
- this.actor.update({
- "system.ancestry.name": itemData.name,
- "system.ancestry.img": itemData.img,
- "system.ancestry.feature": itemData.system.feature,
- "system.ancestry.description": itemData.system.description,
- });
- return;
- }
- }
- }
-
- return super._onDropItemCreate(itemData);
- }
-
- /* -------------------------------------------- */
-
- /** @override */
- getData() {
- console.log(this)
- // Retrieve the data structure from the base sheet. You can inspect or log
- // the context variable to see the structure, but some key properties for
- // sheets are the actor object, the data object, whether or not it's
- // editable, the items array, and the effects array.
- const context = super.getData();
-
- // Use a safe clone of the actor data for further operations.
- const actorData = context.data;
-
- // Add the actor's data to context.data for easier access, as well as flags.
- context.system = actorData.system;
- context.flags = actorData.flags;
-
- // Prepare character data and items.
- if (actorData.type == "character") {
- this._prepareItems(context);
- this._prepareCharacterData(context);
- }
-
- // Prepare NPC data and items.
- if (actorData.type == "npc") {
- this._prepareItems(context);
- }
-
- if (actorData.type == "adversary") {
- this._prepareAdversatyData(context);
- }
-
- context.hasCharacter = game.user.character;
-
- // Add roll data for TinyMCE editors.
- context.rollData = context.actor.getRollData();
-
- // Prepare active effects
- context.effects = prepareActiveEffectCategories(
- // A generator that returns all effects stored on the actor
- // as well as any items
- this.actor.allApplicableEffects()
- );
-
- return context;
- }
-
- _prepareAdversatyData(context) {
- context.enemy_types = Object.keys(DAGGERHEART.enemy_types).map((key) => ({
- value: key,
- label: DAGGERHEART.enemy_types[key],
- }));
-
- context.attack_types = Object.keys(DAGGERHEART.attack_types).map((key) => ({
- value: key,
- label: DAGGERHEART.attack_types[key],
- }));
- context.ranges = Object.keys(DAGGERHEART.range).map((key) => ({
- value: key,
- label: DAGGERHEART.range[key],
- }));
- }
-
- /**
- * Organize and classify Items for Character sheets.
- *
- * @param {Object} actorData The actor to prepare.
- *
- * @return {undefined}
- */
- _prepareCharacterData(context) {
- // Handle ability scores.
- // for (let [k, v] of Object.entries(context.system.abilities)) {
- // v.label = game.i18n.localize(CONFIG.DAGGERHEART.abilities[k]) ?? k;
- // }
- if (this.actor.system.class) {
- context.tier1 = {
- items: this.actor.system.class.tier1,
- description: this.actor.system.class.tier1Description,
- };
- context.tier2 = {
- items: this.actor.system.class.tier2,
- description: this.actor.system.class.tier2Description,
- };
- context.tier3 = {
- items: this.actor.system.class.tier3,
- description: this.actor.system.class.tier3Description,
- };
- }
- }
-
- /**
- * Organize and classify Items for Character sheets.
- *
- * @param {Object} actorData The actor to prepare.
- *
- * @return {undefined}
- */
- _prepareItems(context) {
- // Initialize containers.
- const gear = [];
- const features = [];
- const active_loadout = [];
- let armor = null;
- const armors = [];
- let primaryWeapon = null;
- let secondaryWeapon = null;
- const weapons = [];
- const subclasses = [];
- const vault = [];
-
- if (this.actor.type === "adversary") {
- enemy_types = DAGGERHEART.enemy_types;
- }
-
- // Iterate through items, allocating to containers
- for (let i of context.items) {
- i.img = i.img || Item.DEFAULT_ICON;
- // Append to gear.
- if (i.type === "item") {
- gear.push(i);
- }
- // Append to features.
- else if (i.type === "feature") {
- features.push(i);
- }
-
- if (i.type === "armor") {
- if (i.system.isEquipped) {
- armor = i;
- } else {
- armors.push(i);
- }
- }
-
- if (i.type === "weapon") {
- if (i.system.isEquipped) {
- if (i.system.isEquipped) {
- const abilityScore =
- this.actor.system.abilities[i.system.trait].value;
- if (i.system.isSecondary) {
- secondaryWeapon = i;
- secondaryWeapon.abilityScore = abilityScore;
- secondaryWeapon.abilityScorePrefix =
- abilityScore >= 0 ? "+" : "-";
- } else {
- primaryWeapon = i;
- primaryWeapon.abilityScore =
- this.actor.system.abilities[i.system.trait].value;
- primaryWeapon.abilityScorePrefix = abilityScore >= 0 ? "+" : "-";
- }
- }
- } else {
- const abilityScore =
- this.actor.system.abilities[i.system.trait].value;
- const abilityScorePrefix = abilityScore >= 0 ? "+" : "-";
- weapons.push({
- ...i,
- abilityScore,
- abilityScorePrefix,
- attributeFullName: game.i18n.localize(
- DAGGERHEART.abilities[i.system.trait]
- ),
- });
- }
- }
-
- if (i.type === "card") {
- if (["subclass", "class"].includes(i.system.cardType)) {
- subclasses.push(i);
- }
- }
-
- if (i.type === "domain") {
- i.system.active ? active_loadout.push(i) : vault.push(i);
- }
- }
-
- console.log(this.actor.img)
- // Assign and return
- context.gear = gear;
- context.features = features;
- context.active_loadout = active_loadout;
- context.vault = vault;
- context.subclasses = subclasses.sort((a,b) => a.system.cardType > b.system.cardType ? 1 : -1);
- context.weapons = weapons;
- context.primary = primaryWeapon;
- context.secondary = secondaryWeapon;
- context.armor = armor;
- context.armors = armors;
- }
-
- /* -------------------------------------------- */
-
- /** @override */
- activateListeners(html) {
- super.activateListeners(html);
-
- html.on('click', ".enemy-attack-roll", async () => {
- doGMRoll(this.actor, `Attack Roll`)
- });
-
- html.on('click', ".enemy-damage-roll", async () => {
- const roll = await new Roll(
- `${this.actor.system.weapon.damage}`
- );
-
- roll.toMessage({
- flavor: `
${this.actor.system.weapon.name}
${this.actor.system.weapon.range} - ${this.actor.system.weapon.type} dmg
`,
-
- speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
- });
- });
- // Render the item sheet for viewing/editing prior to the editable check.
- html.on("click", ".item-edit", (ev) => {
- const li = $(ev.currentTarget).parents(".item");
- const item = this.actor.items.get(li.data("itemId"));
- item.sheet.render(true);
- });
-
- html.on("click", ".incremental .fas", (ev) => {
- const item = $(ev.currentTarget).data("type")
- const increment = $(ev.currentTarget).data("increment")
- const mod = increment ? +1 : -1;
- this.actor.update({[`system.${item}`]: this.actor.system[item]+mod})
- });
-
- html.on("click", ".accordion", (ev) => {
- const id = $(ev.currentTarget).data("to-open");
-
- const content = $(`div[data-accordion=${id}]`);
- content.toggle();
- $(ev.currentTarget).toggleClass("active");
- });
-
- html.on("click", ".open-loadout", (ev) => {
- if (game.user.character) {
- new DaggerHeartHandSheet(game.user.character).render(true);
- }
- });
-
- html.on("click", ".card-activate", (ev) => {
- const id = $(ev.currentTarget).data("itemId");
- const item = this.actor.items.get(id);
- item.update({ "system.active": !item.system.active });
- });
-
- html.on("click", ".weapon-unequip, .armor-unequip", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
-
- item.update({ "system.isEquipped": false });
- });
-
- html.on("click", ".armor-equip", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
-
- this.actor.items.forEach((armor) => {
- if (armor.type === "armor") {
- if (armor.system.isEquipped) {
- armor.update({ "system.isEquipped": false });
- }
- }
- });
-
- item.update({ "system.isEquipped": true });
- return;
- });
-
- html.on("click", ".weapon-equip", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
-
- if (item.system.isSecondary) {
- this.actor.items.forEach((weapon) => {
- if (weapon.system.isEquipped && weapon.system.isSecondary) {
- weapon.update({ "system.isEquipped": false });
- }
- });
-
- item.update({ "system.isEquipped": true });
- return;
- }
-
- if (item.system.burden.toUpperCase() === "1H") {
- this.actor.items.forEach((weapon) => {
- if (weapon.system.burden === "2H") {
- weapon.update({ "system.isEquipped": false });
- }
- if (weapon.system.isEquipped && weapon.system.burden === "1H") {
- weapon.update({ "system.isEquipped": false });
- }
- });
-
- item.update({ "system.isEquipped": true });
- return;
- }
-
- if (item.system.burden.toUpperCase() === "2H") {
- this.actor.items.forEach((weapon) => {
- if (weapon.system.isEquipped) {
- weapon.update({ "system.isEquipped": false });
- }
- });
-
- item.update({ "system.isEquipped": true });
- return;
- }
- });
-
- html.on("click", ".weapon-delete, .inventory-item-delete", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
- item.delete();
- });
-
- html.on("click", ".weapon-edit, .inventory-item-edit", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
- item.sheet.render(true);
- });
-
- html.on("click", ".card-delete", (ev) => {
- const id = $(ev.currentTarget).data("itemId");
- const item = this.actor.items.get(id);
- item.delete();
- });
-
- html.on("click", ".card-edit", (ev) => {
- const id = $(ev.currentTarget).data("itemId");
- const item = this.actor.items.get(id);
- item.sheet.render(true);
- });
-
- html.on("click", ".delete-trait", (ev) => {
- const type = $(ev.currentTarget).data("type");
-
- this.actor.update({
- [`system.${type}.name`]: "",
- [`system.${type}.feature`]: "",
- });
- });
-
- // -------------------------------------------------------------
- // Everything below here is only needed if the sheet is editable
- if (!this.isEditable) return;
-
- html.on("click", ".class-delete", (ev) => {
- const li = $(ev.currentTarget).parents(".item");
- const item = this.actor.items.get(li.data("itemId"));
- item.delete();
- });
-
- html.on("click", ".time-to-roll", (ev) => {
- const type = $(ev.currentTarget).data("type");
-
- const label = $(ev.currentTarget).data("label");
- return doDHRoll(this.actor, type, `${label} roll`);
- });
-
- html.on("click", ".weapon-main-ability", (ev) => {
- const type = $(ev.currentTarget).data("type");
- return doDHRoll(this.actor, type, "Attack roll");
- });
-
- html.on("click", ".weapon-main-damage", async (ev) => {
- const id = $(ev.currentTarget).data("id");
- const item = this.actor.items.get(id);
- const roll = await new Roll(
- `${this.actor.system.proficiency}${item.system.damage}`
- );
-
- roll.toMessage({
- flavor: `
${item.name}
${item.system.range} - ${item.system.type} dmg
`,
-
- speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
- });
- });
-
- // Add Inventory Item
- html.on("click", ".item-create", this._onItemCreate.bind(this));
-
- html.on("click", ".item-save", (ev) => {
- const li = $(ev.currentTarget).parents(".item");
- const item = this.actor.items.get(li.data("itemId"));
- item.update({ name: li.find("input")[0].value });
-
- // item.delete();
- });
- // Delete Inventory Item
- html.on("click", ".item-delete", (ev) => {
- const li = $(ev.currentTarget).parents(".item");
- const item = this.actor.items.get(li.data("itemId"));
- item.delete();
- li.slideUp(200, () => this.render(false));
- });
-
- // Active Effect management
- html.on("click", ".effect-control", (ev) => {
- const row = ev.currentTarget.closest("li");
- const document =
- row.dataset.parentId === this.actor.id
- ? this.actor
- : this.actor.items.get(row.dataset.parentId);
- onManageActiveEffect(ev, document);
- });
-
- html.on("click", ".add-experience", async (ev) => {
- const exps = this.actor.system.experiences;
- const newExp = {
- id: await crypto.randomUUID(),
- name: "New Experience",
- mod: 0,
- };
-
- exps.push(newExp);
- this.actor.update({ "system.experiences": exps });
- });
- html.on("click", ".exp-edit", async (ev) => {
- ev.preventDefault();
- ev.stopPropagation();
- const exps = [...this.actor.system.experiences];
- const key = parseInt($(ev.currentTarget).data("key"));
- exps[key].editMode = true;
-
- this.actor.update({ [`system.experiences`]: exps });
- });
-
- html.on("click", ".enemy-feature-create", async (ev) => {
- const features = this.actor.system.features;
- const newFeature = {
- id: await crypto.randomUUID(),
- name: "New Feature",
- mod: 0,
- };
-
- features.push(newFeature);
-
- this.actor.update({ "system.features": features });
- });
-
- html.on("click", ".enemy-feature-delete", (ev) => {
- const id = $(ev.currentTarget).data("id");
- const features = this.actor.system.features.filter((i) => i.id !== id);
-
- this.actor.update({ "system.features": features });
- });
-
- html.on("click", ".exp-save", async (ev) => {
- ev.preventDefault();
- ev.stopPropagation();
- const exps = [...this.actor.system.experiences];
- const key = parseInt($(ev.currentTarget).data("key"));
- exps[key].editMode = false;
-
- this.actor.update({ [`system.experiences`]: exps });
- });
- html.on("click", ".exp-delete", (ev) => {
- ev.preventDefault();
- ev.stopPropagation();
- const id = $(ev.currentTarget).data("id");
-
- const exps = this.actor.system.experiences.filter((i) => i.id !== id);
-
- this.actor.update({ "system.experiences": exps });
- });
-
- // Rollable abilities.
- html.on("click", ".rollable", this._onRoll.bind(this));
-
- // Drag events for macros.
- if (this.actor.isOwner) {
- let handler = (ev) => this._onDragStart(ev);
- html.find("li.item").each((i, li) => {
- if (li.classList.contains("inventory-header")) return;
- li.setAttribute("draggable", true);
- li.addEventListener("dragstart", handler, false);
- });
- }
- }
-
- /**
- * 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
- */
- async _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,
- system: data,
- };
- // Remove the type from the dataset since it's in the itemData.type prop.
- delete itemData.system["type"];
-
- // Finally, create the item!
- return await Item.create(itemData, { parent: this.actor });
- }
-
- /**
- * Handle clickable rolls.
- * @param {Event} event The originating click event
- * @private
- */
- _onRoll(event) {
- event.preventDefault();
- const element = event.currentTarget;
- const dataset = element.dataset;
-
- // Handle item rolls.
- if (dataset.rollType) {
- if (dataset.rollType == "item") {
- const itemId = element.closest(".item").dataset.itemId;
- const item = this.actor.items.get(itemId);
- if (item) return item.roll();
- }
- }
-
- // Handle rolls that supply the formula directly.
- if (dataset.roll) {
- let label = dataset.label ? `[ability] ${dataset.label}` : "";
- let roll = new Roll(dataset.roll, this.actor.getRollData());
- roll.toMessage({
- speaker: ChatMessage.getSpeaker({ actor: this.actor }),
- flavor: label,
- rollMode: game.settings.get("core", "rollMode"),
- });
- return roll;
- }
- }
-}
diff --git a/module/sheets/actor/adversary-sheet.mjs b/module/sheets/actor/adversary-sheet.mjs
new file mode 100644
index 0000000..8bdd3f1
--- /dev/null
+++ b/module/sheets/actor/adversary-sheet.mjs
@@ -0,0 +1,155 @@
+import doGMRoll from '../../helpers/adversary-roll.mjs'
+import { DAGGERHEART } from '../../helpers/config.mjs'
+import {
+ onManageActiveEffect,
+ prepareActiveEffectCategories,
+} from '../../helpers/effects.mjs'
+import openChoiceMenu from '../../helpers/item-choices.mjs'
+import doDHRoll from '../../helpers/roll-macro.mjs'
+import { DaggerHeartHandSheet } from '../hand-sheet.mjs'
+
+// tabs.bind(window);
+/**
+ * Extend the basic ActorSheet with some very simple modifications
+ * @extends {ActorSheet}
+ */
+export class DaggerHeartAdversarySheet extends ActorSheet {
+ /** @override */
+ static get defaultOptions () {
+ return foundry.utils.mergeObject(super.defaultOptions, {
+ classes: ['daggerheart', 'sheet', 'adversary'],
+ width: 700,
+ height: 700
+ })
+ }
+
+ /** @override */
+ get template () {
+ return `systems/daggerheart/templates/actor/adversary-sheet.hbs`
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ getData () {
+ console.log(this.actor)
+ // Retrieve the data structure from the base sheet. You can inspect or log
+ // the context variable to see the structure, but some key properties for
+ // sheets are the actor object, the data object, whether or not it's
+ // editable, the items array, and the effects array.
+ const context = super.getData()
+
+ // Use a safe clone of the actor data for further operations.
+ const actorData = context.data
+
+ // Add the actor's data to context.data for easier access, as well as flags.
+ context.system = actorData.system
+ context.flags = actorData.flags
+
+ context.enemy_types = Object.keys(DAGGERHEART.enemy_types).map((key) => ({
+ value: key,
+ label: DAGGERHEART.enemy_types[key],
+ }))
+
+ context.attack_types = Object.keys(DAGGERHEART.attack_types).map((key) => ({
+ value: key,
+ label: DAGGERHEART.attack_types[key],
+ }))
+ context.ranges = Object.keys(DAGGERHEART.range).map((key) => ({
+ value: key,
+ label: DAGGERHEART.range[key],
+ }))
+
+ context.hasCharacter = game.user.character
+
+ // Add roll data for TinyMCE editors.
+ context.rollData = context.actor.getRollData()
+
+ // Prepare active effects
+ context.effects = prepareActiveEffectCategories(
+ // A generator that returns all effects stored on the actor
+ // as well as any items
+ this.actor.allApplicableEffects(),
+ )
+
+ return context
+ }
+
+ /** @override */
+ activateListeners (html) {
+ super.activateListeners(html)
+
+ if (!this.isEditable) return
+
+ html.on('click', '[data-action=\'experience-add\']', async (ev) => {
+ const exps = this.actor.system.experiences
+ const newExp = {
+ id: await crypto.randomUUID(),
+ name: 'New Experience',
+ mod: 0,
+ }
+
+ exps.push(newExp)
+ this.actor.update({ 'system.experiences': exps })
+ })
+
+ html.on('click', '[data-action=\'experience-delete\']', (ev) => {
+ ev.preventDefault()
+ ev.stopPropagation()
+ const id = $(ev.currentTarget).data('id')
+
+ const exps = this.actor.system.experiences.filter((i) => i.id !== id)
+
+ this.actor.update({ 'system.experiences': exps })
+ })
+
+ html.on('click', '[data-action="attack-roll"]', async () => {
+ doGMRoll(this.actor, `Attack Roll`)
+ })
+
+ html.on('click', '[data-action="damage-roll"]', async () => {
+ const roll = await new Roll(`${this.actor.system.weapon.damage}`)
+
+ roll.toMessage({
+ flavor: `
${this.actor.system.weapon.name}
${this.actor.system.weapon.range} - ${this.actor.system.weapon.type} dmg
`,
+
+ speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
+ })
+ })
+
+ html.on('click', '[data-action="feature-add"]', async (ev) => {
+ const features = this.actor.system.features
+ const newFeature = {
+ id: await crypto.randomUUID(),
+ name: 'New Feature',
+ mod: 0,
+ }
+
+ features.push(newFeature)
+
+ this.actor.update({ 'system.features': features })
+ })
+
+ html.on('click', '[data-action="feature-delete"]', (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const features = this.actor.system.features.filter((i) => i.id !== id)
+
+ this.actor.update({ 'system.features': features })
+ })
+
+ html.on('click', '[data-action="feature-show"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const feature = this.actor.system.features.find((i) => i.id !== id)
+
+ return await ChatMessage.create({
+ content: `
+
+
+ ${feature.description}
+
+ `,
+ speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor })
+ });
+ })
+ }
+}
diff --git a/module/sheets/actor/character-sheet.mjs b/module/sheets/actor/character-sheet.mjs
new file mode 100644
index 0000000..3cfe55d
--- /dev/null
+++ b/module/sheets/actor/character-sheet.mjs
@@ -0,0 +1,550 @@
+import { DAGGERHEART } from '../../helpers/config.mjs'
+import {
+ prepareActiveEffectCategories,
+} from '../../helpers/effects.mjs'
+import openChoiceMenu from '../../helpers/item-choices.mjs'
+import doDHRoll from '../../helpers/roll-macro.mjs'
+import { DaggerHeartHandSheet } from '../hand-sheet.mjs'
+
+/**
+ * Extend the basic ActorSheet with some very simple modifications
+ * @extends {ActorSheet}
+ */
+export class DaggerHeartCharacterSheet extends ActorSheet {
+ /** @override */
+ static get defaultOptions () {
+ return foundry.utils.mergeObject(super.defaultOptions, {
+ classes: ['daggerheart', 'sheet', 'actor'],
+ width: 700,
+ height: 700,
+ tabs: [
+ {
+ navSelector: '.navigation-tab',
+ contentSelector: '.content-body',
+ initial: 'loadout',
+ },
+ {
+ navSelector: '.inventory-nav',
+ contentSelector: '.inventory-content',
+ initial: 'normal_cards',
+ },
+ ],
+ })
+ }
+
+ /** @override */
+ get template () {
+ return `systems/daggerheart/templates/actor/character-sheet.hbs`
+ }
+
+ async _onDropItemCreate (itemData) {
+ if (this.actor.type === 'character') {
+ if (itemData.type === 'class') {
+ this._handleClassUpdate(itemData)
+ }
+
+ if (
+ (itemData.type === 'card') &
+ (itemData.system.cardType === 'ancestry')
+ ) {
+ this.actor.items.forEach(async (item) => {
+ if (
+ (item.type === 'card') &
+ (item.system.cardType === 'ancestry') &
+ (item._id !== itemData._id)
+ ) {
+ await item.delete()
+ }
+ })
+ }
+
+ if (
+ (itemData.type === 'card') &
+ (itemData.system.cardType === 'community')
+ ) {
+ this.actor.items.forEach(async (item) => {
+ if (
+ (item.type === 'card') &
+ (item.system.cardType === 'community') &
+ (item._id !== itemData._id)
+ ) {
+ await item.delete()
+ }
+ })
+ }
+ }
+
+ return super._onDropItemCreate(itemData)
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ getData () {
+ console.log(this.actor)
+ // Retrieve the data structure from the base sheet. You can inspect or log
+ // the context variable to see the structure, but some key properties for
+ // sheets are the actor object, the data object, whether or not it's
+ // editable, the items array, and the effects array.
+ const context = super.getData()
+
+ // Use a safe clone of the actor data for further operations.
+ const actorData = context.data
+
+ // Add the actor's data to context.data for easier access, as well as flags.
+ context.system = actorData.system
+ context.flags = actorData.flags
+
+ // Prepare character data and items.
+ if (actorData.type == 'character') {
+ this._prepareItems(context)
+ this._prepareCharacterData(context)
+ }
+
+ context.hasCharacter = game.user.character
+
+ // Add roll data for TinyMCE editors.
+ context.rollData = context.actor.getRollData()
+
+ // Prepare active effects
+ context.effects = prepareActiveEffectCategories(
+ // A generator that returns all effects stored on the actor
+ // as well as any items
+ this.actor.allApplicableEffects(),
+ )
+
+ return context
+ }
+
+ /**
+ * Organize and classify Items for Character sheets.
+ *
+ * @param {Object} actorData The actor to prepare.
+ *
+ * @return {undefined}
+ */
+ _prepareCharacterData (context) {
+ // Handle ability scores.
+ // for (let [k, v] of Object.entries(context.system.abilities)) {
+ // v.label = game.i18n.localize(CONFIG.DAGGERHEART.abilities[k]) ?? k;
+ // }
+ if (this.actor.system.class) {
+ context.leveling = [
+ {
+ position: 1,
+ level: 'Level 2-4',
+ bonus: 'At Level 2, take an additional Experience.',
+ items: this.actor.system?.class?.tier1 ?? [],
+ description: this.actor.system.class?.tier1Description ?? '',
+ },
+ {
+ position: 2,
+ level: 'Level 5-7',
+ bonus:
+ 'At Level 5, take an additional Experience and clear all marks on Character Traits.',
+ items: this.actor.system.class?.tier2 ?? [],
+ description: this.actor.system.class?.tier2Description ?? '',
+ },
+ {
+ position: 3,
+ level: 'Level 8-10',
+ bonus:
+ 'At Level 8, take an additional Experience and clear all marks on Character Traits.',
+ items: this.actor.system.class?.tier3 ?? [],
+ description: this.actor.system.class?.tier3Description ?? '',
+ },
+ ]
+ }
+ }
+
+ /**
+ * Organize and classify Items for Character sheets.
+ *
+ * @param {Object} actorData The actor to prepare.
+ *
+ * @return {undefined}
+ */
+ _prepareItems (context) {
+ // Initialize containers.
+ const cards = {}
+ const active_loadout = []
+ const weapons = []
+ const vault = []
+ const armors = []
+ const randomItems = []
+
+ const equipment = {
+ armor: null,
+ primary: null,
+ secondary: null,
+ }
+
+ // Iterate through items, allocating to containers
+ for (let i of context.items) {
+ i.img = i.img || Item.DEFAULT_ICON
+
+ if (i.type === 'armor') {
+ if (i.system.isEquipped) {
+ equipment.armor = i
+ } else {
+ armors.push(i)
+ }
+ continue
+ }
+
+ if (i.type === 'weapon') {
+ const abilityScore = this.actor.system.abilities[i.system.trait].value
+ const abilityScorePrefix = abilityScore >= 0 ? '+' : '-'
+ const abilityFullName = game.i18n.localize(
+ DAGGERHEART.abilities[i.system.trait],
+ )
+
+ const extendedWeapon = {
+ ...i,
+ abilityScore,
+ abilityFullName,
+ abilityScorePrefix,
+ }
+
+ if (i.system.isEquipped) {
+ if (i.system.isSecondary) {
+ equipment.secondary = extendedWeapon
+ continue
+ } else {
+ equipment.primary = extendedWeapon
+ continue
+ }
+ } else {
+ weapons.push(extendedWeapon)
+ continue
+ }
+ }
+
+ if (i.type === 'card') {
+ cards[i.system.cardType] = cards[i.system.cardType]
+ ? [...cards[i.system.cardType], i]
+ : [i]
+ continue
+ }
+ if (i.type === 'class') {
+ continue
+ }
+ if (i.type === 'domain') {
+ i.system.active ? active_loadout.push(i) : vault.push(i)
+ continue
+ }
+
+ randomItems.push(i)
+ }
+
+ // Assign and return
+ context.cards = [
+ ...(cards.ancestry ? cards.ancestry : []),
+ ...(cards.community ? cards.community : []),
+ ...(cards.class ? cards.class : []),
+ ...(cards.subclass ? cards.subclass : []),
+ ]
+ context.active_loadout = active_loadout
+ context.vault = vault
+ context.weapons = weapons
+ context.equipment = equipment
+ context.armors = armors
+ context.gear = [...weapons, ...armors, ...randomItems]
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ activateListeners (html) {
+ super.activateListeners(html)
+
+ // -------------------------------------------------------------
+ // Everything below here is only needed if the sheet is editable
+ if (!this.isEditable) return
+
+ html.on('click', '.open-loadout', (ev) => {
+ if (game.user.character) {
+ new DaggerHeartHandSheet(game.user.character).render(true)
+ }
+ })
+
+ html.on('click', '.accordion', (ev) => {
+ const id = $(ev.currentTarget).data('accordion')
+
+ const content = $(`.accordion-content[data-accordion="${id}"]`)
+ content.toggle()
+ $(ev.currentTarget).toggleClass('active')
+ })
+
+ html.on('click', `[data-action="add-character-item"]`, async (ev) => {
+ const { type } = await Dialog.wait({
+ buttons: {
+ OK: {
+ label: 'Ok',
+ callback: (html, event) => {
+ const type = html.find('#create-item-type option:selected').val()
+ console.log(html.find('#create-item-type option:selected'))
+
+ return { type }
+ },
+ },
+ },
+ content: `
+
+ Item
+ Weapon
+ Armor
+
+ `,
+ })
+
+ await await Item.create(
+ { type, name: `New ${type}` },
+ { parent: this.actor },
+ )
+ })
+
+ html.on('click', '[data-action=\'ability-roll\']', (ev) => {
+ const type = $(ev.currentTarget).data('type')
+ const label = $(ev.currentTarget).data('label')
+ return doDHRoll(this.actor, type, `${label} roll`)
+ })
+
+ // Character Card Management
+ html.on('click', `[data-action="toggle-card"]`, async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+ item.update({ 'system.active': !item.system.active })
+ })
+
+ html.on('click', `[data-action="weapon-roll"]`, async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+ console.log('henlo')
+ if (!item) {
+ return
+ }
+
+ return doDHRoll(this.actor, item.system.trait, 'Attack roll')
+ })
+
+ html.on('click', `[data-action="weapon-damage"]`, async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+
+ if (!item) {
+ return
+ }
+
+ const roll = await new Roll(
+ `${this.actor.system.proficiency}${item.system.damage}`,
+ )
+
+ return roll.toMessage()
+ })
+
+ // Character Armor equip / unequip
+ html.on('click', `[data-action="armor-toggle"]`, async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+
+ if (item.system.isEquipped) {
+ item.update({ 'system.isEquipped': false })
+ return
+ }
+
+ this.actor.items.forEach((armor) => {
+ if (armor.type === 'armor') {
+ if (armor.system.isEquipped) {
+ armor.update({ 'system.isEquipped': false })
+ }
+ }
+ })
+
+ item.update({ 'system.isEquipped': true })
+ return
+ })
+
+ // Weapon equip / unequip
+ html.on('click', `[data-action="weapon-toggle"]`, async (ev) => {
+ console.log(this.actor.items)
+ const id = $(ev.currentTarget).data('id')
+ const itemToEquip = this.actor.items.get(id)
+
+ console.log(itemToEquip)
+
+ if (itemToEquip.system.isEquipped) {
+ itemToEquip.update({ 'system.isEquipped': false })
+ return
+ }
+
+ let has1H = false
+ let has2H = false
+ let hasSecondary = false
+
+ this.actor.items.forEach((item) => {
+ const isEquipped = item.system.isEquipped
+ const is1H = item.system.burden === '1H'
+ const is2H = item.system.burden === '2H'
+ const isSecondary = item.system.isSecondary
+
+ if (isEquipped && is1H) has1H = true
+ if (isEquipped && is2H) has2H = true
+ if (isEquipped && isSecondary) hasSecondary = true
+
+ if (itemToEquip.system.burden === '2H') {
+ if (has1H || hasSecondary) {
+ item.update({ 'system.isEquipped': false })
+ }
+ } else if (itemToEquip.system.burden === '1H' && has2H) {
+ item.update({ 'system.isEquipped': false })
+ } else if (
+ itemToEquip.system.isSecondary &&
+ has1H &&
+ !hasSecondary &&
+ isSecondary
+ ) {
+ item.update({ 'system.isEquipped': true })
+ console.log(`Equipped ${item.type}: ${item.name}`)
+ }
+ })
+
+ itemToEquip.update({ 'system.isEquipped': true })
+ })
+
+ html.on('click', '[data-action="item-delete"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+ item.delete()
+ })
+
+ html.on('click', '[data-action="item-edit"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+ item.sheet.render(true)
+ })
+
+ html.on('click', `[data-action="item-show"]`, async (ev) => {
+ ev.preventDefault()
+ ev.stopPropagation()
+ const id = $(ev.currentTarget).data('id')
+ const item = this.actor.items.get(id)
+ return await ChatMessage.create({
+ content: `
+
+
+ ${item.system.feature ? item.system.feature : ''}
+
+ `,
+ speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
+ })
+ })
+
+ html.on('click', `[data-action="feature-show"]`, async (ev) => {
+ ev.preventDefault()
+ ev.stopPropagation()
+ const id = $(ev.currentTarget).data('card')
+ const featureId = $(ev.currentTarget).data('feature')
+ const item = await this.actor.items.get(id)
+
+ if (!item) {
+ return
+ }
+
+ const feature = item.system.cardFeatures.find(i => i.id === featureId)
+ return await ChatMessage.create({
+ content: `
+
+
+ ${feature.description}
+
+ `,
+ speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
+ })
+ })
+
+ html.on('click', '[data-action=\'experience-add\']', async (ev) => {
+ const exps = this.actor.system.experiences
+ const newExp = {
+ id: await crypto.randomUUID(),
+ name: 'New Experience',
+ mod: 0,
+ }
+
+ exps.push(newExp)
+ this.actor.update({ 'system.experiences': exps })
+ })
+
+ html.on('click', '[data-action=\'experience-delete\']', (ev) => {
+ ev.preventDefault()
+ ev.stopPropagation()
+ const id = $(ev.currentTarget).data('id')
+
+ const exps = this.actor.system.experiences.filter((i) => i.id !== id)
+
+ this.actor.update({ 'system.experiences': exps })
+ })
+
+ // Drag events for macros.
+ if (this.actor.isOwner) {
+ let handler = (ev) => this._onDragStart(ev)
+ html.find('li.item').each((i, li) => {
+ if (li.classList.contains('inventory-header')) return
+ li.setAttribute('draggable', true)
+ li.addEventListener('dragstart', handler, false)
+ })
+ }
+ }
+
+ async _handleClassUpdate (itemData) {
+ await this.actor.update({
+ 'system.hitpoints': itemData.system.defaultThreshold,
+ 'system.evasion': itemData.system.defaultEvasion,
+ 'system.wallet': itemData.system.wallet,
+ 'system.class': itemData.system,
+ })
+
+ if (itemData.system.choiceItems) {
+ const items = await openChoiceMenu(itemData)
+ items.forEach(async (item) => {
+ const result = await Item.create({ type: 'item', name: item },
+ { parent: this.actor })
+ })
+ }
+
+ this.actor.items.forEach((item) => {
+ if (
+ (item.type === 'card') & (item.system.cardType === 'class') ||
+ (item.type === 'class') & (item._id !== this.actor.system.classItem._id)
+ ) {
+ item.delete()
+ }
+ })
+
+ if (itemData.system.classFeatures) {
+ itemData.system.classFeatures.forEach(async (classFeature) => {
+ await Item.create(
+ {
+ type: 'card',
+ name: classFeature.name,
+ system: { cardType: 'class', feature: classFeature.description },
+ },
+ { parent: this.actor },
+ )
+ })
+ }
+
+ await Item.create(
+ { type: 'item', name: 'A torch' },
+ { parent: this.actor },
+ )
+ await Item.create(
+ { type: 'item', name: '50ft of rope' },
+ { parent: this.actor },
+ )
+ await Item.create(
+ { type: 'item', name: 'Basic supplies' },
+ { parent: this.actor },
+ )
+ }
+}
diff --git a/module/sheets/actor/gm-sheet.mjs b/module/sheets/actor/gm-sheet.mjs
new file mode 100644
index 0000000..cfdcf26
--- /dev/null
+++ b/module/sheets/actor/gm-sheet.mjs
@@ -0,0 +1,54 @@
+/**
+ * Extend the basic ActorSheet with some very simple modifications
+ * @extends {ActorSheet}
+ */
+export class DaggerHeartGMSheet extends ActorSheet {
+ /** @override */
+ static get defaultOptions () {
+ return foundry.utils.mergeObject(super.defaultOptions, {
+ classes: ['daggerheart', 'sheet', 'GM'],
+ width: 300,
+ height: 155,
+ })
+ }
+
+ /** @override */
+ get template () {
+ return `systems/daggerheart/templates/actor/gm-sheet.hbs`
+ }
+
+ /** @override */
+ getData () {
+ // Retrieve the data structure from the base sheet. You can inspect or log
+ // the context variable to see the structure, but some key properties for
+ // sheets are the actor object, the data object, whether or not it's
+ // editable, the items array, and the effects array.
+ const context = super.getData()
+
+ // Use a safe clone of the actor data for further operations.
+ const actorData = context.data
+
+ // Add the actor's data to context.data for easier access, as well as flags.
+ context.system = actorData.system
+ context.flags = actorData.flags
+
+ context.hasCharacter = game.user.character
+
+ // Add roll data for TinyMCE editors.
+ context.rollData = context.actor.getRollData()
+
+ return context
+ }
+
+ /** @override */
+ activateListeners (html) {
+ super.activateListeners(html)
+
+ html.on('click', '[data-action="incremental"]', (ev) => {
+ const item = $(ev.currentTarget).data('type')
+ const increment = $(ev.currentTarget).data('up');
+ const mod = increment ? +1 : -1
+ this.actor.update({ [`system.${item}`]: this.actor.system[item] + mod })
+ })
+ }
+}
diff --git a/module/sheets/hand-sheet.mjs b/module/sheets/hand-sheet.mjs
index ce98bc3..645165d 100644
--- a/module/sheets/hand-sheet.mjs
+++ b/module/sheets/hand-sheet.mjs
@@ -1,96 +1,120 @@
-import doDHRoll from "../helpers/roll-macro.mjs";
+import doDHRoll from '../helpers/roll-macro.mjs'
+
/**
* Extend the basic ActorSheet with some very simple modifications
* @extends {ActorSheet}
*/
export class DaggerHeartHandSheet extends ActorSheet {
- constructor(actor) {
- super(actor);
+ constructor (actor) {
+ super(actor)
}
/** @override */
- static get defaultOptions() {
+ static get defaultOptions () {
return foundry.utils.mergeObject(super.defaultOptions, {
- classes: ["daggerheart", "sheet", "actor"],
- width: "100%",
+ classes: ['daggerheart', 'sheet', 'actor'],
+ width: '100%',
height: 175,
popOut: false,
resizable: true,
- title: "Player Hand",
+ title: 'Player Hand',
template: `systems/daggerheart/templates/actor/hand.hbs`,
minimizable: true,
top: window.innerHeight,
left: 0,
- });
+ })
}
/** @override */
- _onSubmit(e) {
- super._onSubmit(e);
+ _onSubmit (e) {
+ super._onSubmit(e)
}
/** @override */
- prepareData() {
+ prepareData () {
// Prepare data for the actor. Calling the super version of this executes
// the following, in order: data reset (to clear active effects),
// prepareBaseData(), prepareEmbeddedDocuments() (including active effects),
// prepareDerivedData().
- super.prepareData();
+ super.prepareData()
}
/** @overrider */
- _canUserView(user) {
- return true;
+ _canUserView (user) {
+ return true
}
+
/** @override */
- getData() {
- const context = super.getData();
+ getData () {
+ const context = super.getData()
- const subclasses = [];
+ const subclasses = []
if (this.actor.system?.ancestry?.name) {
- subclasses.push({...this.actor.system.ancestry, system: {cardType: "ancestry", feature: this.actor.system.ancestry.feature}})
+ // subclasses.push({
+ // ...this.actor.system.ancestry,
+ // system: {
+ // cardType: 'ancestry',
+ // feature: this.actor.system.ancestry.feature,
+ // },
+ // })
+ if (this.actor.system.ancestry.system.cardFeatures.length) {
+ this.actor.system.ancestry.system.cardFeatures.forEach(feature => {
+ subclasses.push({
+ _id: feature.id,
+ name: feature.name,
+ img: this.actor.system.ancestry.img,
+ system: { cardType: 'ancestry', feature: feature.description },
+ })
+ })
+ }
}
-
if (this.actor.system?.community?.name) {
- subclasses.push({...this.actor.system.community, system: {cardType: "community", feature: this.actor.system.community.feature}})
+ if (this.actor.system.community.system.cardFeatures.length) {
+ this.actor.system.community.system.cardFeatures.forEach(feature => {
+ subclasses.push({
+ _id: feature.id,
+ name: feature.name,
+ img: this.actor.system.community.img,
+ system: { cardType: 'ancestry', feature: feature.description },
+ })
+ })
+ }
}
-
const subclassCards = this.actor.items.filter(
- (i) => i.type === "card" && i.system?.cardType === "subclass"
- );
+ (i) => i.type === 'card' && i.system?.cardType === 'subclass',
+ )
if (subclassCards.length) {
- subclasses.push(...subclassCards);
+ subclasses.push(...subclassCards)
}
- context.domains = this.actor.items.filter((i) => i.type === "domain");
- context.subclasses = subclasses;
+ context.domains = this.actor.items.filter((i) => i.type === 'domain')
+ context.subclasses = subclasses
- console.log(subclasses)
- return context;
+ return context
}
/** @override */
- get template() {
- return `systems/daggerheart/templates/actor/hand.hbs`;
+ get template () {
+ return `systems/daggerheart/templates/actor/hand.hbs`
}
/** @override */
- activateListeners(html) {
- super.activateListeners(html);
- html.on("click", ".hand-roll", () => {
- return doDHRoll(this.actor, "agi", `Ability roll`);
+ activateListeners (html) {
+ super.activateListeners(html)
+ html.on('click', '.hand-roll', () => {
+ return doDHRoll(this.actor, 'agi', `Ability roll`)
})
- html.on("click", ".open-actor-sheet", () => {
+ html.on('click', '.open-actor-sheet', () => {
this.actor.sheet.render(true)
})
- html.on("click", ".ui-card-tooltip", async (ev) => {
+ html.on('click', '.ui-card-tooltip', async (ev) => {
const el = $(ev.currentTarget)
const content = `
@@ -101,7 +125,7 @@ export class DaggerHeartHandSheet extends ActorSheet {
return await ChatMessage.create({
content,
speaker: ChatMessage.implementation.getSpeaker({ actor: this.actor }),
- });
- });
+ })
+ })
}
}
diff --git a/module/sheets/item-sheet.mjs b/module/sheets/item-sheet.mjs
deleted file mode 100644
index 106ff88..0000000
--- a/module/sheets/item-sheet.mjs
+++ /dev/null
@@ -1,237 +0,0 @@
-import {
- onManageActiveEffect,
- prepareActiveEffectCategories,
-} from "../helpers/effects.mjs";
-
-/**
- * Extend the basic ItemSheet with some very simple modifications
- * @extends {ItemSheet}
- */
-export class DaggerHeartItemSheet extends ItemSheet {
- /** @override */
- static get defaultOptions() {
- return foundry.utils.mergeObject(super.defaultOptions, {
- classes: ["daggerheart", "sheet", "item"],
- width: 520,
- height: 480,
- tabs: [
- {
- navSelector: ".sheet-tabs",
- contentSelector: ".sheet-body",
- initial: "stats",
- },
- ],
- });
- }
-
- /** @override */
- get template() {
- const path = "systems/daggerheart/templates/item";
- // Return a single sheet for all item types.
- // return `${path}/item-sheet.hbs`;
-
- // Alternatively, you could use the following return statement to do a
- // unique item sheet by type, like `weapon-sheet.hbs`.
- return `${path}/item-${this.item.type}-sheet.hbs`;
- }
-
- /* -------------------------------------------- */
-
- /** @override */
- getData() {
- // Retrieve base data structure.
- const context = super.getData();
- context.domains = [];
- context.cardTypes = [];
- context.traits = [];
-
- // Use a safe clone of the item data for further operations.
- const itemData = context.data;
-
- // Retrieve the roll data for TinyMCE editors.
- context.rollData = this.item.getRollData();
-
- // Add the item's data to context.data for easier access, as well as flags.
- context.system = itemData.system;
- context.flags = itemData.flags;
-
- console.log(itemData);
-
- // Prepare active effects for easier access
- context.effects = prepareActiveEffectCategories(this.item.effects);
-
- // if(itemData.type === 'class') {
- // const validatedItems = itemData.system.classFeatures.map(item => {
- // if(!item.id) {
- // item.id = crypto.randomUUID()
- // }
-
- // return item;
- // })
-
- // this.item.update({"system.classFeatures": validatedItems})
- // }
-
- if (["domain", "class"].includes(itemData.type)) {
- context.domains = CONFIG.DAGGERHEART.domains;
- }
-
- if (["weapon"].includes(itemData.type)) {
- // for (let [k, v] of Object.entries(context.system.abilities)) {
- // v.label = game.i18n.localize(CONFIG.DAGGERHEART.abilities[k]) ?? k;
- // }
- context.traits = Object.keys(CONFIG.DAGGERHEART.abilities).map((key) => {
- const label = game.i18n.localize(CONFIG.DAGGERHEART.abilities[key]);
- const value = key;
-
- return { label, value };
- });
-
- context.burden = Object.keys(CONFIG.DAGGERHEART.burden).map((key) => {
- const label = CONFIG.DAGGERHEART.burden[key];
- const value = key;
-
- return { label, value };
- });
-
- context.attack_types = Object.keys(CONFIG.DAGGERHEART.attack_types).map(
- (key) => ({
- value: key,
- label: CONFIG.DAGGERHEART.attack_types[key],
- })
- );
-
- context.range = Object.keys(CONFIG.DAGGERHEART.range).map((key) => {
- const label = CONFIG.DAGGERHEART.range[key];
- const value = key;
-
- return { label, value };
- });
-
- console.log(context.traits);
- }
-
- if (itemData.type === "card") {
- context.cardTypes = Object.keys(CONFIG.DAGGERHEART.cardTypes).map(
- (key) => {
- const label = CONFIG.DAGGERHEART.cardTypes[key];
- const value = key;
-
- return { label, value };
- }
- );
- }
-
- return context;
- }
-
- /* -------------------------------------------- */
-
- /** @override */
- activateListeners(html) {
- super.activateListeners(html);
-
- // Everything below here is only needed if the sheet is editable
- if (!this.isEditable) return;
-
- // Roll handlers, click handlers, etc. would go here.
- html.on("click", ".add-domain", async (ev) => {
- const allDomains = this.item.system.selectedDomains;
- const newDomain = { id: await crypto.randomUUID(), name: "" };
- allDomains.push(newDomain);
- await this.item.update({ "system.selectedDomains": allDomains });
- });
-
- html.on("click", ".class-feature-add", async (ev) => {
- const classFeatures = this.item.system.classFeatures;
- const newFeature = {
- id: await crypto.randomUUID(),
- name: "",
- description: "",
- };
- classFeatures.push(newFeature);
-
- await this.item.update({ "system.classFeatures": classFeatures });
- });
-
- html.on("click", ".delete-domain", async (ev) => {
- const id = $(ev.currentTarget).data("id");
- const allDomains = this.item.system.selectedDomains.filter(
- (i) => i.id !== id
- );
-
- await this.item.update({ "system.selectedDomains": allDomains });
- });
-
- html.on("click", ".add-tier", async (ev) => {
- const type = $(ev.currentTarget).data("type");
- const allItems = this.item.system[type];
- const tierOption = {
- id: await crypto.randomUUID(),
- option: "",
- checked: false,
- };
-
- allItems.push(tierOption);
- await this.item.update({ [`system.${type}`]: allItems });
- });
-
- html.on("click", ".remove-tier, .feature-remove", async (ev) => {
- const type = $(ev.currentTarget).data("type");
- const id = $(ev.currentTarget).data("id");
-
- const allItems = this.item.system[type].filter((i) => i.id !== id);
- console.log(allItems, id, type);
- await this.item.update({ [`system.${type}`]: allItems });
- });
-
- html.on("click", ".edit-mode-toggle", async (ev) => {
- this.item.update({ [`system.editMode`]: !this.item.system.editMode });
- });
-
- html.on("click", ".class-choice-add", async (ev) => {
- const item = {
- id: await crypto.randomUUID(),
- choice1: " ",
- choice2: " ",
- };
- const allItems = this.item.system.choiceItems;
- allItems.push(item);
-
- this.item.update({ "system.choiceItems": allItems });
- });
-
- html.on("click", ".class-choice-remove", async (ev) => {
- const id = $(ev.currentTarget).data("id");
- const allItems = this.item.system.choiceItems.filter((i) => i.id !== id);
- this.item.update({ "system.choiceItems": allItems });
- });
-
- html.on("click", ".question-add", async (ev) => {
- const type = $(ev.currentTarget).data("type");
- const allQuestions = this.item.system[type];
- const question = {
- id: await crypto.randomUUID(),
- question: "",
- answer: "",
- };
-
- allQuestions.push(question);
- this.item.update({ [`system.${type}`]: allQuestions });
- });
-
- html.on("click", ".question-remove", async (ev) => {
- const type = $(ev.currentTarget).data("type");
- const id = $(ev.currentTarget).data("id");
-
- const allQuestions = this.item.system[type].filter((i) => i.id !== id);
-
- this.item.update({ [`system.${type}`]: allQuestions });
- });
-
- // Active Effect management
- html.on("click", ".effect-control", (ev) =>
- onManageActiveEffect(ev, this.item)
- );
- }
-}
diff --git a/module/sheets/items/class-sheet.mjs b/module/sheets/items/class-sheet.mjs
new file mode 100644
index 0000000..9aba8fd
--- /dev/null
+++ b/module/sheets/items/class-sheet.mjs
@@ -0,0 +1,161 @@
+import DaggerHeartFeature from '../../data/feature.mjs'
+import {
+ onManageActiveEffect, prepareActiveEffectCategories,
+} from '../../helpers/effects.mjs'
+
+/**
+ * Extend the basic ItemSheet with some very simple modifications
+ * @extends {ItemSheet}
+ */
+export class DaggerHeartClassSheet extends ItemSheet {
+ /** @override */
+ static get defaultOptions () {
+ return foundry.utils.mergeObject(super.defaultOptions, {
+ classes: ['daggerheart', 'sheet', 'item'],
+ width: 650,
+ height: 480,
+ tabs: [
+ {
+ navSelector: '.sheet-tabs',
+ contentSelector: '.sheet-body',
+ initial: 'stats',
+ }],
+ })
+ }
+
+ /** @override */
+ get template () {
+ return `systems/daggerheart/templates/item/item-class-sheet.hbs`
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ getData () {
+ // Retrieve base data structure.
+ const context = super.getData()
+ context.domains = []
+ context.cardTypes = []
+ context.traits = []
+
+ // Use a safe clone of the item data for further operations.
+ const itemData = context.data
+
+ // Retrieve the roll data for TinyMCE editors.
+ context.rollData = this.item.getRollData()
+
+ // Add the item's data to context.data for easier access, as well as flags.
+ context.system = itemData.system
+ context.flags = itemData.flags
+
+ // Prepare active effects for easier access
+ context.effects = prepareActiveEffectCategories(this.item.effects)
+
+ if (['class'].includes(itemData.type)) {
+ context.domains = CONFIG.DAGGERHEART.domains
+ }
+
+ return context
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ activateListeners (html) {
+ super.activateListeners(html)
+
+ if (!this.isEditable) return
+
+ html.on('click', '[data-action="class-feature-add"]', async () => {
+ const newFeature = {
+ id: await crypto.randomUUID(), name: '', description: '',
+ }
+
+ this.item.update({
+ 'system.classFeatures': [
+ ...this.item.system.classFeatures, newFeature],
+ })
+ })
+
+ html.on('click', '[data-action="class-feature-delete"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+
+ const allItems = this.item.system.classFeatures.filter((i) => i.id !== id)
+ await this.item.update({ [`system.classFeatures`]: allItems })
+ })
+
+ html.on('click', '[data-action="class-domain-add"]', async (ev) => {
+ const allDomains = this.item.system.selectedDomains
+ const newDomain = { id: await crypto.randomUUID(), name: '' }
+ allDomains.push(newDomain)
+ await this.item.update({ 'system.selectedDomains': allDomains })
+ })
+
+ html.on('click', '[data-action="class-domain-delete"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const allDomains = this.item.system.selectedDomains.filter(
+ (i) => i.id !== id)
+
+ await this.item.update({ 'system.selectedDomains': allDomains })
+ })
+
+ html.on('click', '[data-action="add-tier"]', async (ev) => {
+ const type = $(ev.currentTarget).data('type')
+ const allItems = this.item.system[type]
+ const tierOption = {
+ id: await crypto.randomUUID(), option: '', checked: false,
+ }
+
+ allItems.push(tierOption)
+ await this.item.update({ [`system.${type}`]: allItems })
+ })
+
+ html.on('click', '[data-action="remove-tier"]', async (ev) => {
+ const type = $(ev.currentTarget).data('type')
+ const id = $(ev.currentTarget).data('id')
+
+ const allItems = this.item.system[type].filter((i) => i.id !== id)
+ await this.item.update({ [`system.${type}`]: allItems })
+ })
+
+ html.on('click', '[data-action="add-class-item-choice"]', async (ev) => {
+ const item = {
+ id: await crypto.randomUUID(), choice1: ' ', choice2: ' ',
+ }
+ const allItems = this.item.system.choiceItems
+ allItems.push(item)
+
+ this.item.update({ 'system.choiceItems': allItems })
+ })
+
+ html.on('click', '[data-action="remove-class-item-choice"]', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+ const allItems = this.item.system.choiceItems.filter((i) => i.id !== id)
+ this.item.update({ 'system.choiceItems': allItems })
+ })
+
+ html.on('click', '[data-action="class-info-add"]', async (ev) => {
+ const type = $(ev.currentTarget).data('type')
+ const allQuestions = this.item.system[type]
+ const question = {
+ id: await crypto.randomUUID(), question: '', answer: '',
+ }
+
+ allQuestions.push(question)
+ this.item.update({ [`system.${type}`]: allQuestions })
+ })
+
+ html.on('click', '[data-action="class-info-delete"]', async (ev) => {
+ const type = $(ev.currentTarget).data('type')
+ const id = $(ev.currentTarget).data('id')
+
+ const allQuestions = this.item.system[type].filter((i) => i.id !== id)
+
+ this.item.update({ [`system.${type}`]: allQuestions })
+ })
+
+ // Active Effect management
+ html.on('click', '.effect-control',
+ (ev) => onManageActiveEffect(ev, this.item))
+ }
+}
diff --git a/module/sheets/items/item-sheet.mjs b/module/sheets/items/item-sheet.mjs
new file mode 100644
index 0000000..4e79333
--- /dev/null
+++ b/module/sheets/items/item-sheet.mjs
@@ -0,0 +1,149 @@
+import {
+ onManageActiveEffect,
+ prepareActiveEffectCategories,
+} from '../../helpers/effects.mjs'
+
+/**
+ * Extend the basic ItemSheet with some very simple modifications
+ * @extends {ItemSheet}
+ */
+export class DaggerHeartItemSheet extends ItemSheet {
+ /** @override */
+ static get defaultOptions () {
+ return foundry.utils.mergeObject(super.defaultOptions, {
+ classes: ['daggerheart', 'sheet', 'item'],
+ width: 520,
+ height: 480,
+ })
+ }
+
+ /** @override */
+ get template () {
+ const path = 'systems/daggerheart/templates/item'
+ // Return a single sheet for all item types.
+ // return `${path}/item-sheet.hbs`;
+
+ // Alternatively, you could use the following return statement to do a
+ // unique item sheet by type, like `weapon-sheet.hbs`.
+ return `${path}/item-${this.item.type}-sheet.hbs`
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ getData () {
+ // Retrieve base data structure.
+ const context = super.getData()
+ context.domains = []
+ context.cardTypes = []
+ context.traits = []
+
+ // Use a safe clone of the item data for further operations.
+ const itemData = context.data
+
+ // Retrieve the roll data for TinyMCE editors.
+ context.rollData = this.item.getRollData()
+
+ // Add the item's data to context.data for easier access, as well as flags.
+ context.system = itemData.system
+ context.flags = itemData.flags
+
+ // Prepare active effects for easier access
+ context.effects = prepareActiveEffectCategories(this.item.effects)
+
+ if (['domain'].includes(itemData.type)) {
+ this._getDomainData(context)
+ }
+
+ if (['weapon'].includes(itemData.type)) {
+ this._getWeaponData(context)
+ }
+
+ if (itemData.type === 'card') {
+ this._getCardData(context);
+ }
+
+ return context
+ }
+
+ _getDomainData(context) {
+ context.domains = CONFIG.DAGGERHEART.domains
+ }
+
+ _getWeaponData(context) {
+ context.traits = Object.keys(CONFIG.DAGGERHEART.abilities).map((key) => {
+ const label = game.i18n.localize(CONFIG.DAGGERHEART.abilities[key])
+ const value = key
+
+ return { label, value }
+ })
+
+ context.burden = Object.keys(CONFIG.DAGGERHEART.burden).map((key) => {
+ const label = CONFIG.DAGGERHEART.burden[key]
+ const value = key
+
+ return { label, value }
+ })
+
+ context.attack_types = Object.keys(CONFIG.DAGGERHEART.attack_types).map(
+ (key) => ({
+ value: key,
+ label: CONFIG.DAGGERHEART.attack_types[key],
+ }),
+ )
+
+ context.range = Object.keys(CONFIG.DAGGERHEART.range).map((key) => {
+ const label = CONFIG.DAGGERHEART.range[key]
+ const value = key
+
+ return { label, value }
+ })
+ }
+
+ _getCardData(context) {
+ context.cardTypes = Object.keys(CONFIG.DAGGERHEART.cardTypes).map(
+ (key) => {
+ const label = CONFIG.DAGGERHEART.cardTypes[key]
+ const value = key
+
+ return { label, value }
+ },
+ )
+ }
+
+ /* -------------------------------------------- */
+
+ /** @override */
+ activateListeners (html) {
+ super.activateListeners(html)
+
+ // Everything below here is only needed if the sheet is editable
+ if (!this.isEditable) return
+
+ html.on('click', '[data-action=\'feature-add\']', async () => {
+ const newFeature = {
+ id: await crypto.randomUUID(),
+ name: '',
+ description: '',
+ }
+
+ this.item.update({
+ 'system.cardFeatures': [
+ ...this.item.system.cardFeatures,
+ newFeature],
+ })
+ })
+
+ html.on('click', '[data-action=\'feature-delete\']', async (ev) => {
+ const id = $(ev.currentTarget).data('id')
+
+ const allItems = this.item.system.cardFeatures.filter((i) => i.id !== id)
+ await this.item.update({ [`system.cardFeatures`]: allItems })
+ })
+
+ // Active Effect management
+ html.on('click', '.effect-control', (ev) =>
+ onManageActiveEffect(ev, this.item),
+ )
+ }
+}
diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss
new file mode 100644
index 0000000..adfc2dd
--- /dev/null
+++ b/src/scss/components/_buttons.scss
@@ -0,0 +1,24 @@
+.button {
+ padding: 2px;
+ cursor: pointer;
+ transition: 0.2s;
+ border: 1px solid $dark;
+ color: $dark;
+ &:hover {
+ background-color: $dark;
+ color: $hyper-white;
+ }
+
+ &.white {
+ border: 1px solid $hyper-white;
+ color: $hyper-white;
+ }
+
+ &.min-width {
+ min-width: 40px;
+ }
+
+ &.center {
+ text-align: center;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/_class.scss b/src/scss/components/_class.scss
deleted file mode 100644
index 019b34c..0000000
--- a/src/scss/components/_class.scss
+++ /dev/null
@@ -1,217 +0,0 @@
-.class-sheet {
- &-header {
- .class-img {
- height: 100px;
- object-fit: contain;
- object-position: 100% 0;
- }
- }
-
- .question-text, .connection-text {
- margin-bottom: 0.5em;
- }
-
- .domains-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- }
-
- &-input-group {
- justify-items: center;
- display: grid;
- align-items: center;
- margin-bottom: 0.5em;
- }
- &-domain-list {
- justify-self: start;
- display: flex;
- gap: 1em;
- &-item {
- display: flex;
- align-items: center;
- gap: 0.25em;
- }
- }
- .hitpoints-stats .combat-stat-item {
- width: 25%;
- }
- select {
- color: $white;
- background-color: $rose;
- border: none;
- box-shadow: none !important;
- option {
- color: black;
- }
- }
-
- .delete-domain:hover {
- cursor: pointer;
- color: $rose;
- }
-
- .examples {
- display: grid;
- .tox-toolbar__group {
- button:not(button[aria-label="Save"]) {
- display: none;
- }
- }
- }
-}
-
-.questions,
-.connections {
- .question,
- .connection {
- input {
- border: none;
- border-bottom: 1px solid $slate;
- margin-bottom: 0.5em;
- box-shadow: none;
- }
- label {
- font-size: 12px;
- font-weight: bold;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- }
-}
-
-.question-add,
-.question-remove {
- padding: 0.25em;
-}
-
-.item-display-flex {
- display: flex;
- justify-content: space-between;
- align-items: center;
- text-align: center;
- h2 {
- border: none;
- margin: 0;
- flex-grow: 1;
- }
-}
-
-.top-header {
- display: flex;
- gap: 1em;
-}
-.class-sheet-header-fields {
- flex-grow:1;
- input {
- font-size: 2em;
- height: 100%;
- }
-}
-.edit-mode-change {
- display: flex;
- gap: 0.25em;
- align-items: center;
- font-size: 1em;
- label {
- font-weight: normal;
- font-size: 1em;
- }
- input {
- height: 18px;
- }
-}
-.class-sheet-body {
- .editor {
- height: 150px !important;
- }
-}
-
-.leveling {
- .header {
- grid-column: span 3;
- display: grid;
- grid: 1fr / repeat(3, 1fr);
- }
- &-section {
- margin-top: 0.3em;
- }
- .add-tier {
- font-size: 12px;
- margin: 0.4em;
- padding: 0.4em;
- background-color: $rose;
- color: $white;
- display: inline-block;
- cursor: pointer;
- }
- .tier {
- border-right: 1px solid $slate;
- background-color: $white;
- &-header {
- text-align: center;
- }
- &-level {
- font-size: 14px;
- }
- &-input {
- flex-grow: 1;
- }
- &-option {
- display: flex;
- justify-content: space-between;
- padding: 0.25em;
- gap: 0.5em;
- align-items: center;
- }
- &-bonus {
- font-size: 12px;
- flex-grow: 1;
- }
- }
-
-
-}
-
-.item-to-get-list-item {
- background-color: white;
- padding: 0.5em;
- margin-bottom: 0.5em;
- gap: 0.5em;
- input {
- flex-grow: 1;
- }
-}
-
-.starting-items {
- display: grid;
- grid: 1fr / repeat(3, 1fr);
- margin-bottom: 0.5em;
- gap: 1em;
- text-transform: uppercase;
- div {
- padding: 0.5em;
- background: $dark-gradient;
- color: white;
- }
-}
-
-.starting-gold-class {
- background-color: #362178;
- display: flex;
- padding: 0.5em;
- margin-bottom: 0.5em;
- label {
- flex-grow: 1;
- font-size: 1em;
- color: white;
- font-weight: bold;
- }
-
- input {
- text-align: center;
- width: 40px;
- }
-}
diff --git a/src/scss/components/_dialog.scss b/src/scss/components/_dialog.scss
new file mode 100644
index 0000000..f60e941
--- /dev/null
+++ b/src/scss/components/_dialog.scss
@@ -0,0 +1,25 @@
+.dialog-input-group {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 0.5em;
+
+ .dialog-input {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .dialog-input-name {
+ flex-grow: 1;
+ font-weight: bold;
+ }
+
+ .dialog-input-mod {
+ background: $primary !important;
+ padding: 0.25em;
+ width: 8%;
+ text-align: center;
+ color: white;
+ font-weight: bold;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/_dualitydicemsg.scss b/src/scss/components/_dice.scss
similarity index 83%
rename from src/scss/components/_dualitydicemsg.scss
rename to src/scss/components/_dice.scss
index 2d69b7c..32abf72 100644
--- a/src/scss/components/_dualitydicemsg.scss
+++ b/src/scss/components/_dice.scss
@@ -9,7 +9,7 @@
justify-content: center;
font-weight: bolder;
font-size: x-large;
- text-align: top;
+ text-align: center;
flex-grow: 1;
}
@@ -86,41 +86,41 @@
}
.duality-dice-msg-resut-text-fear {
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: yellow;
text-align: center;
font-weight: bolder;
font-size: medium;
- text-shadow: 1cm;
- color:rgb(39, 39, 39);
+ color: rgb(255 255 255);
+ height: fit-content;
+ width: fit-content;
+ background: rgb(0 0 0 / 50%);
+ text-shadow: 1px 1px 1px #000;
+ margin: 0px auto;
}
.duality-dice-msg-resut-text-hope {
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
text-align: center;
font-weight: bolder;
font-size: medium;
- text-shadow: 1cm;
- color: rgb(106, 106, 106);
+ color: black;
+ height: fit-content;
+ width: fit-content;
+ background: #FFF;
+ margin: 0px auto;
+ text-shadow: 1px 1px 1px #FFF;
}
.duality-dice-msg-resut-text-crit-success {
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
text-align: center;
font-weight: bolder;
font-size: medium;
- text-shadow: 1cm;
- color: rgb(18, 111, 0);
+ text-shadow: 1px 1px 1px #fff;
+ color: black;
}
.duality-dice-msg-resut-text-crit-fail {
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: rgb(112, 0, 0);
text-align: center;
font-weight: bolder;
font-size: medium;
- text-shadow: 1cm;
- color: red;
+ text-shadow: 1px 1px 1px #000;
+ color: white;
}
\ No newline at end of file
diff --git a/src/scss/components/_effects.scss b/src/scss/components/_effects.scss
deleted file mode 100644
index 4c3b2c7..0000000
--- a/src/scss/components/_effects.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.effects .item {
- .effect-source,
- .effect-duration,
- .effect-controls {
- text-align: center;
- border-left: 1px solid #c9c7b8;
- border-right: 1px solid #c9c7b8;
- font-size: 12px;
- }
-
- .effect-controls {
- border: none;
- }
-}
diff --git a/src/scss/components/_enemy.scss b/src/scss/components/_enemy.scss
deleted file mode 100644
index ad52525..0000000
--- a/src/scss/components/_enemy.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-.enemy-hp input,
-.enemy-stress input,
-.enemy-hitpoints input {
- width: 50px;
- text-align: center;
-}
-
-.enemy-label {
- width: 70px;
- text-transform: uppercase;
- font-size: 16px;
-}
-
-.enemy-hp,
-.enemy-stress,
-.enemy-hitpoints {
- display: grid;
- grid: 1fr / 20% 50px 50px 50px;
- gap: 0.5em;
- align-items: center;
-}
-
-.enemy-header {
- display: grid;
- grid: 100px 1fr /100px 1fr;
- gap: 1em;
-}
-
-.enemy-header-description {
- grid-row: span 2;
-}
-
-.enemy-type {
- select {
- width: 99%;
- }
-}
-
-.enemy-name {
- margin-bottom: 0.5em;
-}
-
-.enemy-name-input {
- height: 100%;
- font-size: 1.5em;
-}
-
-.adversary label {
- font-size: 14px;
-}
-
-.adversary h3 {
- font-size: 18px;
-}
-
-.enemy-wrap {
- display: grid;
- grid: 1fr / 2fr 3fr;
- gap: 0.5em;
-
- .enemy-left {
- font-size: 16px;
- text-transform: capitalize;
- label {
- font-size: 16px !important;
- }
- }
-
- .enemy-right {}
-}
-
-.enemy-tactics {
- margin-bottom: 0.5em;
-}
-
-.enemy-weapon-stats {
- gap: 0.25em;
-}
-
-.feature-item {
- padding: 0.25em;
- margin-bottom: 0.5em;
-}
-
-.enemy-experience {
- gap: 0.25em;
- margin-bottom: 0.25em;
-
- .enemy-experience-name {
- flex-grow: 1
- }
-}
-
-.view-mode {
- display: flex;
- gap: 0.5em;
- align-items: center;
-
-}
-
-.enemy-header-split {
- display: grid;
- grid: 1fr / 3fr 1fr;
-}
-
-.gm-rolls {
- .roll-button {
- border: 2px solid black;
- padding: 0.5em;
- display: flex;
- align-items: center;
- margin-bottom: 0.5em;
- background: transparent;
- color: black;
- cursor: pointer;
- text-transform: uppercase;
- font-size: 14px;
-
- .fa-dice-d20 {
- margin-top: 1px;
- margin-left: 2px;
- }
-
- &:hover {
- background: $dark-gradient;
- color: white;
- }
- }
-}
\ No newline at end of file
diff --git a/src/scss/components/_exp.scss b/src/scss/components/_exp.scss
deleted file mode 100644
index 0ce5a93..0000000
--- a/src/scss/components/_exp.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.exp {
- display: flex;
- align-items: center;
- gap: 1em;
- margin: 0.25em 0;
-
-}
-
-.exp-delete {
- flex-basis: 5%;
- text-align: center;
-}
\ No newline at end of file
diff --git a/src/scss/components/_forms.scss b/src/scss/components/_forms.scss
index 0e21369..027a80e 100644
--- a/src/scss/components/_forms.scss
+++ b/src/scss/components/_forms.scss
@@ -1,55 +1,121 @@
-.item-form {
+select.input {
+ display: block;
+ padding: 0px;
+ option {
+ color: black;
+ }
+}
+
+textarea.input {
+ background: none;
+ font-size: 13px;
+ line-height: 14px;
font-family: $font-primary;
}
-.sheet-header {
- flex: 0 auto;
- overflow: hidden;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- margin-bottom: 10px;
-
- .profile-img {
- flex: 0 0 100px;
- height: 100px;
- margin-right: 10px;
- }
-
- .header-fields {
- flex: 1;
- }
-
- h1.charname {
- height: 50px;
- padding: 0px;
- margin: 5px 0;
- border-bottom: 0;
- input {
- width: 100%;
- height: 100%;
- margin: 0;
- }
+.input {
+ background: none;
+ font-family: "Oswald";
+ gap: 10px;
+ line-height: 23px;
+ height: 23px;
+ padding: 5px;
+ border-radius: 3px;
+ border: solid 1px $black;
+
+ &:focus {
+ box-shadow: none;
+ border: solid 1px $primary;
}
-}
-.sheet-tabs {
- flex: 0;
-}
+ &::placeholder {
+ color: transparentize($color: $white, $amount: 0.5);
+ }
+
+ &.white {
+ color: white;
+ border: solid 1px #fff;
+ }
+
+ &.ability {
+ height: 40px;
+ font-size: 36px;
+ width: 50px;
+ height: 40px;
+ }
+
+ &.center {
+ text-align: center;
+ }
-.sheet-body,
-.sheet-body .tab,
-.sheet-body .tab .editor {
- height: 100%;
+ &.huge {
+ height: 36px;
+ font-size: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ }
+
+ &.w128 {
+ width: 128px;
+ }
+
+ &.number {
+ display: flex;
+ width: 32px;
+ height: 23px;
+ text-align: center;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
}
-.tox {
- .tox-editor-container {
- background: $c-white;
+.checkbox-container {
+ display: block;
+ position: relative;
+ cursor: pointer;
+ font-size: 22px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ width: 10px;
+ height: 10px;
+
+ & input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+ height: 0;
+ width: 0;
+ }
+
+ .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 10px;
+ width: 10px;
+ background-color: transparent;
+ border: 1px solid $hyper-white;
+
+ &:after {
+ content: "";
+ position: absolute;
+ display: none;
+ }
+ }
+
+ &:hover input~.checkmark {
+ background-color: #ccc;
+ }
+
+ & input:checked~.checkmark {
+ background-color: $hyper-white;
}
- .tox-edit-area {
- padding: 0 8px;
+ & input:checked~.checkmark:after {
+ display: block;
}
}
\ No newline at end of file
diff --git a/src/scss/components/_gm.scss b/src/scss/components/_gm.scss
deleted file mode 100644
index a36827d..0000000
--- a/src/scss/components/_gm.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.gm-sheet {
- .gm-resource {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.5em;
- }
-
- label {
- font-size: 1.5em;
- }
-
- input {
- width: 100px;
- text-align: center;
- height: 100%;
- font-size: 1.5em;
- position: relative;
- }
- .incremental {
- display: flex;
- align-items: center;
- gap: 0.5em
- }
-
-}
\ No newline at end of file
diff --git a/src/scss/components/_hand.scss b/src/scss/components/_hand.scss
new file mode 100644
index 0000000..e2464ab
--- /dev/null
+++ b/src/scss/components/_hand.scss
@@ -0,0 +1,142 @@
+.vtt {
+ flex-direction: column;
+}
+
+
+.daggerheart-ui-hand {
+ width: 100% !important;
+ margin-bottom: -5px;
+ z-index: 1;
+ display: flex;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ background: transparentize($color: $dark, $amount: 0.5);
+
+ .open-actor-sheet {
+ padding: 0.5em;
+ text-align: center;
+ cursor: pointer;
+ }
+
+ .hand-roll {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ padding: 0.5em;
+ color: white;
+ background-color: transparent;
+ border: 2px solid $border;
+ cursor: pointer;
+ border-radius: 0.5em;
+ transition: 0.2s;
+
+ &:hover {
+
+ background-color: $dark;
+ }
+
+ .fear-die {
+ color: $danger;
+ }
+
+ label {
+ text-transform: uppercase;
+ font-weight: bold;
+ font-family: "Oswald";
+ cursor: pointer;
+ }
+ }
+
+ .ui-rolls {
+ background: transparentize($color: $primary, $amount: 0.5);
+ color: white;
+ position: sticky;
+ left: 0px;
+ z-index: 20;
+ padding: 0.5em;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5em;
+ }
+
+ .ui-card:hover .ui-card-body {
+ transform: rotateY(180deg);
+ transition: transform 0.5s;
+ }
+
+ .ui-cards {
+ width: max-content !important;
+ display: flex;
+ height: 100%;
+ }
+
+ .ui-card {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 150px;
+
+ margin: 0.5em;
+ border-radius: 0.5em;
+
+ &-image {
+ height: 50px;
+ flex-grow: 1;
+ object-fit: cover;
+ object-position: 25% 35%;
+ border-radius: 0.5em 0.5em 0 0;
+ }
+
+ &-body {
+ position: relative;
+ border-radius: 0.5em 0.5em 0 0;
+ transition: transform 1s;
+ transform-style: preserve-3d;
+
+ .card-front,
+ .card-back {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ border-radius: 0.5em 0.5em 0 0;
+ }
+
+ .card-front {
+
+ backface-visibility: hidden;
+ display: flex;
+ flex-direction: column;
+ height: 155px;
+ }
+
+ .card-back {
+ background-color: white;
+ height: 155px;
+ backface-visibility: hidden;
+ transform: rotateY(180deg);
+ padding: 0.25em;
+ overflow-x: scroll;
+ font-size: 12px;
+ }
+ }
+
+
+
+ &-name {
+ background-color: $primary;
+ color: $white;
+ padding: 0.25em;
+ text-align: center;
+ font-weight: bold;
+ text-transform: uppercase;
+ }
+
+ &-domain {
+ background-color: $ancestry;
+ text-align: center;
+ font-weight: bold;
+ padding: 0.25em;
+ text-transform: uppercase;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/_items.scss b/src/scss/components/_items.scss
index 7a9fe0f..26e68e2 100644
--- a/src/scss/components/_items.scss
+++ b/src/scss/components/_items.scss
@@ -1,167 +1,36 @@
-// Section Header
-.items-header {
- height: 28px;
- margin: 2px 0;
- padding: 0;
- align-items: center;
- background: rgba(0, 0, 0, 0.05);
- border: $border-groove;
- font-weight: bold;
-
- >* {
- font-size: 14px;
- text-align: center;
- }
-
- .item-name {
- font-weight: bold;
- padding-left: 5px;
- text-align: left;
- display: flex;
- // font-size: 16px;
+.sheet {
+ .item-sheet {
+ background-color: $cardBG;
}
}
-
-// -----------------------------------------
-// Items Lists
-// -----------------------------------------
-
-.items-list {
- list-style: none;
- margin: 0;
- padding: 0;
- overflow-y: auto;
- scrollbar-width: thin;
- color: $c-tan;
-
- // Child lists
- .item-list {
- list-style: none;
- margin: 0;
- padding: 0;
- }
-
- // Item Name
- .item-name {
- flex: 2;
- margin: 0;
- overflow: hidden;
- font-size: 13px;
- text-align: left;
- align-items: center;
- display: flex;
-
- h3,
- h4 {
- margin: 0;
- white-space: nowrap;
- overflow-x: hidden;
+.item-wrap {
+ padding: 10px;
+ .item {
+ &-sidebar {
+ width: 128px;
}
}
-
- // Control Buttons
- .item-controls {
- display: flex;
- flex: 0 0 100px;
- justify-content: flex-end;
-
- a {
+}
+.class-sheet {
+ .editor .editor-content {
+ height: 150px;
+ overflow-y: auto;
+ * {
+ margin: 2px 0px;
font-size: 12px;
- text-align: center;
- margin: 0 6px;
+ font-family: $font-secondary;
}
}
-
- // Individual Item
- .item {
- align-items: center;
- padding: 0 2px; // to align with the header border
- border-bottom: 1px solid $c-faint;
-
- &:last-child {
- border-bottom: none;
+ .class {
+ &-wrapper {
+ height: 100%;
+ display: grid;
+ grid: 1fr / 200px 1fr;
}
- .item-name {
- color: $c-dark;
-
- .item-image {
- flex: 0 0 30px;
- height: 30px;
- background-size: 30px;
- border: none;
- margin-right: 5px;
- }
+ &-sidebar {
+ background: $primary;
+ color: white;
}
}
-
- .item-prop {
- text-align: center;
- border-left: 1px solid #c9c7b8;
- border-right: 1px solid #c9c7b8;
- font-size: 12px;
- }
-
- // Section Header
- .items-header {
- height: 28px;
- margin: 2px 0;
- padding: 0;
- align-items: center;
- background: rgba(0, 0, 0, 0.05);
- border: $border-groove;
- font-weight: bold;
-
- >* {
- font-size: 12px;
- text-align: center;
- }
-
- .item-name {
- padding-left: 5px;
- text-align: left;
- // font-size: 16px;
- }
- }
-}
-
-// Example style for DaggerHeart (can be removed if not needed).
-.item-formula {
-
- flex: 0 0 200px;
- padding: 0 8px;
-}
-
-.inventory-item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.5em;
- background-color: white;
- margin-bottom: 0.5em;
-}
-.inventory-item-name {
- font-weight: bold;
- font-size: 16px;
-}
-.inventory-left {
- display: flex;
- align-items: center;
- img {
- margin-right: 0.5em;
- background: $dark-gradient
- }
-}
-
-.inventory-right {
- display: flex;
- gap: 0.5em
-}
-
-.domain-stats {
- display: grid;
- grid: 1fr / 3fr 1fr 50px;
- select {
- width: 100%;
- }
}
\ No newline at end of file
diff --git a/src/scss/components/_layout.scss b/src/scss/components/_layout.scss
new file mode 100644
index 0000000..c33d364
--- /dev/null
+++ b/src/scss/components/_layout.scss
@@ -0,0 +1,23 @@
+.layout {
+ display: grid;
+ height: 100%;
+ grid-template:
+ "sidebar" 170px
+ "sidebar" 35px
+ "sidebar" 1fr / 220px 1fr;
+
+ .sidebar {
+ grid-area: sidebar;
+ background-color: $primary;
+ color: $hyper-white;
+
+ align-items: center;
+ gap: 5px;
+ }
+
+ .header {
+ background-color: $secondary;
+ color: $hyper-white;
+ }
+}
+
diff --git a/src/scss/components/_leveling.scss b/src/scss/components/_leveling.scss
deleted file mode 100644
index 43a6b11..0000000
--- a/src/scss/components/_leveling.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.leveling-option {
- display: flex;
- align-items: center;
- font-size: 12px;
- background-color: white;
- padding: 0.5em;
-}
-
-.leveling-options {
- display: grid;
- grid: 1fr / repeat(2, 1fr);
- gap: 0.5em;
-}
-
-.leveling-tier-description {
- font-weight: bold;
- font-size: 12px;
- text-align: center;
-}
-
-.leveling-bonus {
- font-size: 10px;
- text-transform: uppercase;
-}
\ No newline at end of file
diff --git a/src/scss/components/_resource.scss b/src/scss/components/_resource.scss
deleted file mode 100644
index 5c9b910..0000000
--- a/src/scss/components/_resource.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.resource-label {
- font-weight: bold;
-}
\ No newline at end of file
diff --git a/src/scss/components/_rolls.scss b/src/scss/components/_rolls.scss
new file mode 100644
index 0000000..393fd48
--- /dev/null
+++ b/src/scss/components/_rolls.scss
@@ -0,0 +1,108 @@
+.daggerheart-dice-roll {
+ font-family: "Oswald", sans-serif;
+ display: grid;
+ grid: 1fr/1fr;
+ align-items: center;
+ justify-items: center;
+ margin: 0px auto;
+ text-align: center;
+
+ .normal-dice-roll {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .hope-roll {
+ background-color: #e4e4e7;
+ color: #18181b;
+ }
+
+ .fear-roll {
+ color: #e4e4e7;
+ background-color: #18181b;
+ }
+
+ .hope-roll,
+ .fear-roll {
+ font-size: 2em;
+ font-weight: 900;
+ }
+
+ .total-roll {
+ font-size: 3em;
+ font-weight: 900;
+ }
+}
+
+.hope-result {
+ background: white !important;
+ color: #18181b !important;
+ border-radius: 100% !important;
+ background-image: none !important;
+}
+
+.fear-result {
+ background: #18181b !important;
+ color: white !important;
+ border-radius: 100% !important;
+ background-image: none !important;
+}
+
+
+.winner {
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 16px;
+ text-align: center;
+ background: $secondary-alt;
+ color: white;
+ padding: 0.25em;
+ font-family: "Oswald", sans-serif;
+}
+
+.show-result {
+ text-transform: uppercase;
+ padding: 0.25em;
+ text-align: center;
+ font-size: 10px;
+ font-weight: bold;
+ cursor: pointer;
+ font-family: "Oswald", sans-serif;
+}
+
+.action-type {
+ font-family: "Oswald", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 16px;
+ text-align: center;
+ background: white;
+ padding: 0.25em;
+}
+
+.daggerheart-roll-header {
+ display: grid;
+ width: 100%;
+ grid: 1fr / 2fr 1fr;
+}
+
+.item-chat-header {
+ font-size: 16px;
+ font-family: $font-primary;
+ background-color: $primary;
+ padding: 2px 5px;
+ color: $white;
+}
+
+.item-chat-body {
+ font-size: 14px;
+ font-family: $font-secondary;
+ background-color: $cardBG;
+ padding: 5px 5px;
+ * {
+ margin: 0px 2px;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/_weapons.scss b/src/scss/components/_weapons.scss
deleted file mode 100644
index 01f626f..0000000
--- a/src/scss/components/_weapons.scss
+++ /dev/null
@@ -1,175 +0,0 @@
-.weapon-form {
- padding: 0.5em;
-}
-
-.weapon-input-group {
- margin-bottom: 0.5em;
-
- &-flex {
- display: flex;
- gap: 1em;
- }
-}
-
-.weapon-grid {
- display: grid;
- grid: 1fr / 100px 1fr;
- gap: 0.5em;
-}
-
-.weapon-header {
- background-color: white;
- padding: 0.5em;
-}
-
-.equipped {
- .weapon-main-ability {
- text-transform: uppercase;
- }
-}
-
-
-.weapon-list-inventory-item {
- margin: 0.5em 0;
-}
-
-.weapon-main {
- display: flex;
- gap: 0.5em;
-}
-
-.weapon-attributes {
- display: flex;
- align-items: center;
- margin-left: 0.5em;
-
-}
-.equipped-wrapper {
- margin-bottom: 0.5em
-}
-
-.weapon-main-name {
- font-family: "Oswald", sans-serif;
- font-size: 14px;
- display: flex;
- align-items: center;
- gap: 0.5em;
- font-weight: bold;
-}
-
-.weapon-description {
- * {
- padding: 0.25em;
- margin: 0px;
- }
-
- color: white;
- background: $dark-gradient;
-}
-
-.weapon-main-description {
- font-size: 10px;
- text-transform: uppercase;
- font-family: "Oswald", sans-serif;
- padding-bottom: 0.25em
-}
-
-.weapon-main-ability, .weapon-main-damage, .equipped-hit, .equipped-damage {
- font-size: 12px;
- // color: white;
- // background: $dark-gradient;
- text-transform: capitalize;
- padding: 0.5em;
- font-weight: bold;
- border: 1px solid black;
- margin-right: 0.5em;
- cursor: pointer;
- transition: 0.2s;
- &:hover {
- background-color: black;
- background: $dark-gradient;
- color: white;
- }
-}
-
-.weapon-options {
- display: flex;
- gap: 0.25em;
- align-items: center;
-}
-
-.weapon-equip, .armor-equip {
- border: 1px solid $green;
- color: $green;
-
- &:hover {
- color: white;
- background-color: $green;
- }
-}
-
-.weapon-unequip, .armor-unequip {
- border: 1px solid $rose;
- color: $rose;
-
- &:hover {
- color: white;
- background-color: $rose;
- }
-}
-
-.equipped-main {
- display: flex;
- align-items: center;
-}
-
-.equipped-img img {
- height: 30px;
- margin-right: 0.5em;
- background: $dark-gradient
-}
-
-.equipped-feature {
- background: $tabactive;
- padding: 0.25em;
- padding-left: 0.5em;
- font-size:12px;
- font-weight: 300;
- color: white;
- p {
- display: inline;
- }
-}
-
-.weapon-equip,
-.weapon-unequip, .armor-equip, .armor-unequip {
- text-transform: uppercase;
- font-weight: bold;
- padding: 0.25em 0.5em;
- transition: background-color 0.2s;
- cursor: pointer;
- text-align: center;
- margin: 0px 0.5em;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 0px 0.5em;
-
- &:hover {
- text-shadow: none;
- }
-}
-
-.equipped {
- &-name {
- font-family: "Oswald", sans-serif;
- font-weight: bold;
- font-size: 18px;
- }
-
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.5em;
- background-color: white;
-}
diff --git a/src/scss/components/actor/_cards.scss b/src/scss/components/actor/_cards.scss
new file mode 100644
index 0000000..ebe171f
--- /dev/null
+++ b/src/scss/components/actor/_cards.scss
@@ -0,0 +1,131 @@
+.character-card {
+ padding: 0px 5px;
+
+ &-header {
+ background-color: $cardBG;
+ border: 2px solid $cardBorder;
+ color: $white;
+ // padding: 5px;
+ font-size: 12px;
+
+ &-name {
+ text-transform: uppercase;
+ color: black;
+ font-weight: bolder;
+ padding: 5px;
+ min-width: 80px;
+
+ }
+
+ &-type {
+ text-transform: uppercase;
+ padding: 5px;
+ }
+ }
+
+ &-feature {
+ font-size: 12px;
+ font-family: $font-secondary;
+ }
+
+ &-roll {
+ position: relative;
+ z-index: 100;
+ padding: 3px;
+ transition: 0.2s;
+ color: $dark;
+ &:hover {
+ color: white;
+ background-color: $dark;
+ }
+
+ .fas.fa-comment {
+ margin-top: -1px;
+ }
+ }
+
+}
+
+.domain-card {
+ &-roll {
+ position: relative;
+ z-index: 100;
+ padding: 3px;
+ transition: 0.2s;
+
+ &:hover {
+ color: white;
+ background-color: $dark;
+ }
+
+ .fas.fa-comment {
+ margin-top: -1px;
+ }
+ }
+
+ .domain-card-header-name {
+ font-size: 14px;
+ }
+
+ &-level {
+ padding: 0px 5px;
+ }
+
+ &-domain {
+ text-transform: uppercase;
+ padding: 0px 5px;
+ border-radius: 3px;
+ }
+
+ &-name {
+ font-size: 14px;
+ font-weight: bold;
+ padding-bottom: 0px;
+ }
+
+ &-type {
+ font-size: 11px;
+ text-transform: uppercase;
+ }
+
+ &-recall {
+ background-color: $dark;
+ border: 1px solid $border;
+ color: $white;
+ padding: 0px 5px;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+
+ & i.fas.fa-bolt {
+ font-size: 10px;
+ margin-top: 1px;
+ }
+ }
+
+ &-feature {
+ font-size: 12px;
+ font-family: $font-secondary;
+ }
+
+ &-meta {
+ background-color: $cardBG;
+ border: 2px solid $cardBorder;
+ }
+}
+
+.inventory-tab {
+ &.active[data-tab="vault_cards"] {
+ .checkmark {
+ background-color: $success !important;
+ border: 1px solid $success;
+ }
+ }
+
+ &.active[data-tab="loadout_cards"] {
+ .checkmark {
+ background-color: $danger !important;
+ border: 1px solid $danger;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_content.scss b/src/scss/components/actor/_content.scss
new file mode 100644
index 0000000..86c1025
--- /dev/null
+++ b/src/scss/components/actor/_content.scss
@@ -0,0 +1,27 @@
+.content {
+ padding: $p-5;
+}
+
+.adversary-content {
+ grid-area: span 2;
+ padding: $p-5
+}
+
+.inventory-nav {
+ .inventory-nav-item {
+ width: 100px;
+ text-align: center;
+ transition: 0.2s;
+ font-weight: bold;
+ border-bottom: 1px solid transparent;
+
+ &:hover {
+ color: $primary;
+ text-shadow: none;
+ }
+
+ &.active {
+ border-bottom: 1px solid $primary;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_header.scss b/src/scss/components/actor/_header.scss
new file mode 100644
index 0000000..dee2747
--- /dev/null
+++ b/src/scss/components/actor/_header.scss
@@ -0,0 +1,19 @@
+.header {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ padding: $padding-default;
+ &-name {
+ padding: 2px 0px;
+ }
+ &-title {
+ display: flex;
+ gap: 5px;
+ span {
+ cursor: pointer;
+ }
+ label {
+ padding: 2px 4px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_inventory.scss b/src/scss/components/actor/_inventory.scss
new file mode 100644
index 0000000..f09ec27
--- /dev/null
+++ b/src/scss/components/actor/_inventory.scss
@@ -0,0 +1,86 @@
+.inventory-item {
+ border: 1px solid black;
+ margin: 5px 0px;
+ background-color: $cardBG;
+ border: 2px solid $cardBorder;
+
+ &.weapon {
+ display: grid;
+ grid: 1fr / 40px 2fr 1fr 20px;
+ align-items: center;
+ }
+
+ .weapon, .item {
+ &-name {
+ font-size: 16px;
+ }
+
+ &-meta {
+ padding-left: 5px;
+ }
+
+ &-description {
+ font-size: 12px;
+ }
+
+ &-image {
+ position: relative;
+ cursor: pointer;
+ display: block;
+ &:after {
+ content:" ";
+
+ }
+ }
+
+ &-rollables {}
+
+ &-ability,
+ &-damage {
+ padding: 2px;
+ text-transform: uppercase;
+ cursor: pointer;
+ &:hover {
+ background-color: $dark;
+ color: $white;
+ }
+ }
+ &-status {
+ .equip-icon {
+ border-radius: 100%;
+ width: 14px;
+ height: 14px;
+ display: block;
+ margin: 0px auto;
+ transition: 0.2s;
+ cursor: pointer;
+ &.equip {
+ background-color: transparent;
+ border: 1px solid $primary;
+
+ &:hover {
+ background-color: $primary;
+ }
+ }
+ &.unequip {
+ background-color: $primary;
+ border: 1px solid $primary;
+
+ &:hover {
+ border: 1px solid $primary;
+ background-color: transparent;
+ }
+ }
+ }
+ }
+
+ &-options {
+ font-size: 12px;
+ font-family: $font-secondary;
+ grid-column: 4 span;
+ background-color: transparentize($secondary-alt, 0.5);
+ color: white;
+ padding: 4px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_leveling.scss b/src/scss/components/actor/_leveling.scss
new file mode 100644
index 0000000..a7aa752
--- /dev/null
+++ b/src/scss/components/actor/_leveling.scss
@@ -0,0 +1,29 @@
+.leveling-tier {
+ &-options {
+ display: grid;
+ grid: 1fr / 1fr 1fr;
+ gap: 10px;
+ margin-bottom: 10px;
+ }
+
+ &-description {
+ text-align: center;
+ font-family: $font-secondary;
+ margin-bottom: 5px;
+ font-size: 12px;
+ }
+
+ &-level-bonus {
+ font-size: 12px;
+ font-family: $font-secondary;
+ }
+
+ .leveling-option {
+ display: flex;
+ gap: 5px;
+ font-size: 12px;
+ text-align: justify;
+ font-family: $font-secondary;
+ align-items: flex-start;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_navigation.scss b/src/scss/components/actor/_navigation.scss
new file mode 100644
index 0000000..c9c5b14
--- /dev/null
+++ b/src/scss/components/actor/_navigation.scss
@@ -0,0 +1,26 @@
+.navigation {
+ &-tab {
+ padding: $p-5;
+ }
+
+ .navigation-item {
+ width: 90px;
+ height: 25px;
+ border: 1px solid $black;
+ color: $black;
+ font-size: 14px;
+ text-align: center;
+ text-transform: uppercase;
+ transition: all 0.2s;
+ &:hover {
+ text-shadow: none;
+ background-color: $black;
+ color: $hyper-white
+ }
+ &.active {
+ background-color: $primary;
+ border: 1px solid $border;
+ color: $border;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/components/actor/_sidebar.scss b/src/scss/components/actor/_sidebar.scss
new file mode 100644
index 0000000..09ef5fc
--- /dev/null
+++ b/src/scss/components/actor/_sidebar.scss
@@ -0,0 +1,25 @@
+.sidebar {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ padding: $padding-default;
+
+ &-image {
+ text-align: center;
+
+ &-src {
+ border: 1px solid $white;
+ }
+ }
+
+ &-level {
+ width: 83px;
+ }
+
+ &-experiences {
+ &-list {
+ max-height: 100px;
+ overflow: auto;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/daggerheart.scss b/src/scss/daggerheart.scss
index f5e9c14..222f933 100644
--- a/src/scss/daggerheart.scss
+++ b/src/scss/daggerheart.scss
@@ -1,877 +1,37 @@
-// Add custom fonts by visiting and search https://fonts.google.com
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap');
-// Import utilities.
@import "utils/typography";
-@import "utils/colors";
-@import "utils/mixins";
@import "utils/variables";
+@import "utils/colors";
+@import "utils/flex";
+@import "utils/helpers";
+@import "components/items";
+@import "components/forms";
+@import "components/buttons";
+@import "components/rolls";
+@import "components/dialog";
+@import "components/dice";
+@import "components/hand";
-/* Global styles */
-@import "global/window";
-@import "global/grid";
-@import "global/flex";
-
-.panel {
- background: white;
-
- &-mb {
- margin-bottom: 0.5em;
- }
-
- box-shadow: 0px 2px 5px #00000045;
-
- &-header {
- padding: 0.25em 0.5em;
- background-color: $blue;
- color: white;
- margin-top: 0px !important;
- }
-
- &-body {
- padding: 0.5em;
- }
-}
-
-.flex-grow {
- flex-grow: 1;
-
- select {
- width: 100%;
- }
-}
-
-.flex-align {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.vtt {
- flex-direction: column;
-}
-
-.dialog {
- .choice-dialog-wrap {
- margin-bottom: 0.5em;
- }
-
- .window-content {
- background: none;
- background-color: #d9d9d9 !important;
- }
-
- .choice-dialog {
- background: white;
- }
-
- .choice-options {
- padding: 0.25em;
- }
-
- .choice-dialog-select-one {
- font-size: 16px;
- font-weight: bold;
- background: black;
- padding: 0.25em;
- color: white;
- }
-}
-
-.daggerheart-ui-hand {
- width: 100% !important;
- margin-bottom: -5px;
- z-index: 1;
- display: flex;
- overflow-y: hidden;
- overflow-x: scroll;
- background: transparentize($color: $dark-start, $amount: 0.5);
-
- .open-actor-sheet {
- padding: 0.5em;
- text-align: center;
- cursor: pointer;
- }
-
- .hand-roll {
- display: flex;
- flex-direction: column;
- text-align: center;
- padding: 0.5em;
- color: white;
- background-color: transparent;
- border: 2px solid $border;
- cursor: pointer;
- border-radius: 0.5em;
- transition: 0.2s;
-
- &:hover {
-
- background-color: $dark-start;
- }
-
- .fear-die {
- color: $rose;
- }
-
- label {
- text-transform: uppercase;
- font-weight: bold;
- font-family: "Oswald";
- cursor: pointer;
- }
- }
-
- .ui-rolls {
- background: transparentize($color: $tabactive, $amount: 0.5);
- color: white;
- position: sticky;
- left: 0px;
- z-index: 20;
- padding: 0.5em;
- display: flex;
- flex-direction: column;
- gap: 0.5em;
- }
-
- .ui-card:hover .ui-card-body {
- transform: rotateY(180deg);
- transition: transform 0.5s;
- }
-
- .ui-cards {
- width: max-content !important;
- display: flex;
- height: 100%;
- }
-
- .ui-card {
- position: relative;
- display: flex;
- flex-direction: column;
- width: 150px;
-
- margin: 0.5em;
- border-radius: 0.5em;
-
- &-image {
- height: 50px;
- flex-grow: 1;
- object-fit: cover;
- object-position: 25% 35%;
- border-radius: 0.5em 0.5em 0 0;
- }
-
- &-body {
- position: relative;
- border-radius: 0.5em 0.5em 0 0;
- transition: transform 1s;
- transform-style: preserve-3d;
-
- .card-front,
- .card-back {
- position: absolute;
- height: 100%;
- width: 100%;
- border-radius: 0.5em 0.5em 0 0;
- }
-
- .card-front {
-
- backface-visibility: hidden;
- display: flex;
- flex-direction: column;
- height: 155px;
- }
-
- .card-back {
- background-color: white;
- height: 155px;
- backface-visibility: hidden;
- transform: rotateY(180deg);
- padding: 0.25em;
- overflow-x: scroll;
- font-size: 12px;
- }
- }
-
-
-
- &-name {
- background-color: $slate;
- color: $white;
- padding: 0.25em;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- }
-
- &-domain {
- background-color: $yellow;
- text-align: center;
- font-weight: bold;
- padding: 0.25em;
- text-transform: uppercase;
- }
- }
-}
-
-
-.domain-pill {
- padding: 0.25em 0.5em;
- text-transform: uppercase;
- font-weight: lighter;
- border-radius: 0.25em;
-}
-
-/* Styles limited to daggerheart sheets */
.daggerheart {
- @import "components/forms";
- @import "components/resource";
- @import "components/items";
- @import "components/effects";
- @import "components/class";
- @import "components/exp";
- @import "components/leveling";
- @import "components/weapons";
- @import "components/enemy";
- @import "components/gm";
-
- *:not(i) {
- font-family: "Oswald", sans-serif;
- }
-
- .proficiency {
- display: flex;
- gap: 0.5em;
- justify-content: end;
- align-items: CENTER;
- }
-
- &.actor {
- nav.sheet-tabs {
- position: relative;
-
- &:after {
- border: 1px solid $border;
- content: " ";
- position: absolute;
- width: 100%;
- top: 44%;
- z-index: 1;
- }
-
- color: white;
- border: none;
-
- .item {
- position: relative;
- z-index: 2;
- background: $dark-gradient !important;
- background-color: $dark-start;
- border: 2px solid #f1c770;
-
- &:hover {
- text-shadow: none;
- background: $bg-hover;
- background-color: $bg-hover;
- }
- }
-
- .item.active {
- background: $tabactive !important;
- box-shadow: none;
- text-shadow: none;
- color: $border;
- }
- }
- }
-
- .accordion {
- cursor: pointer;
- z-index: 10;
- position: relative;
-
- &:after {
- font-family: "Font Awesome 6 Pro";
-
- content: "\f0da";
- }
-
- &.active:after {
- font-family: "Font Awesome 6 Pro";
- content: "\f0d7";
- }
- }
-
- /* Style the accordion panel. Note: hidden by default */
- .accordion-content {
- display: none;
- overflow: hidden;
- padding: 0em 0.25em;
- }
+ @import "utils/reset";
+ @import "utils/editor";
- .accordion-content.active {
- display: block;
- }
+ @import "components/layout";
- input,
- textarea,
- select {
- border: 1px solid $input-border;
- background-color: $input-bg;
+ @import "components/actor/sidebar";
+ @import "components/actor/header";
+ @import "components/actor/navigation";
+ @import "components/actor/content";
+ @import "components/actor/cards";
+ @import "components/actor/leveling";
+ @import "components/actor/inventory";
- &:focus {
- box-shadow: 0 0 0px 1px $input-shadow !important;
- }
- }
- .time-to-roll {
+ font-family: $font-primary;
+
+ *[data-action] {
cursor: pointer;
- flex: 4;
- height: 26px;
- display: flex;
- align-items: center;
- padding-left: 5px;
- margin-right: 5px;
- background: $dark-gradient;
- background-color: $dark-start;
- transition: background-color 100ms linear;
- color: $white;
-
- &:hover {
- background: $bg-hover;
- }
- }
-
- .edit-mode-on {
- color: $green
- }
-
- .edit-mode-off {
- color: $rose
- }
-
- .short-input {
- width: 30%;
- text-align: center;
- }
-
- .side-label {
- height: 100%;
- align-items: center;
- font-weight: bold;
- display: flex;
- justify-content: center;
-
- &.rose {
- background-color: $rose;
- color: $white;
- }
- }
-
- .editor-content {
- margin-right: 3em;
- }
-
- .char-sheet-description {
- .editor {
- height: 230px !important;
- border: none !important;
- }
-
- .editor-content {
- border: none !important;
- }
- }
-
- .img-wrap,
- .profile-img {
- background: $dark-gradient;
- border: 2px solid $border;
- width: 100px;
- }
-
- .editor-wrap .editor-edit {
- display: block !important;
- }
-
- .editor-wrap .editor {
- width: 100%;
- height: 150px;
- }
-
- .card-delete-option {
- color: $rose;
- font-size: 10px;
- text-transform: uppercase;
- font-weight: bold;
- padding: 0.1em;
- transition: 0.4s;
-
- &:hover {
- background-color: $rose;
- color: white;
- }
- }
-
- .item-display {
- color: white;
- background: #222;
- display: flex;
- align-self: center;
- flex-grow: 1;
- width: 100%;
- justify-content: center;
- padding: 4px 0px;
- margin-bottom: 3px;
- }
-
- .ability {
- padding: 0.25rem 0px;
- }
-
- .bio-wrap {
- padding: 0px 1em 0.5em 1em;
- background: $dark-gradient;
- border: 2px solid $border;
- color: white;
- }
-
- .hitpoints {
- display: grid;
- grid: 1fr 1fr / 1fr 1fr 1fr;
- gap: 0.25rem;
- justify-items: center;
- align-items: center;
- margin-bottom: 1em;
- padding: 0em 0.5em;
- padding-bottom: 0.5em;
- color: white;
- background: $dark-gradient;
- }
-
- .hope {
- display: flex;
- align-items: center;
- gap: 0.25rem;
- margin: 0.5rem 0px;
- }
-
- .health-stress {
- display: grid;
- grid: 1fr / 1fr 1fr 1fr;
- gap: 0.25em;
- margin: 0.25em 0;
- }
-
- .health-stress .take-two {
- grid-column: span 2;
- }
-
- .meta {
- display: grid;
- grid: 1fr / 1fr 1fr;
- width: 100%;
- }
-
- .domain {
- background-color: $white;
- padding: 0.25rem;
- margin: 0.25rem 0;
- }
-
- .tier-description {
- text-align: center;
- font-size: 12px;
- font-weight: bold;
- }
-
- .card.panel {
- margin: 0.5em 0.25em;
- }
-
- .card,
- .panel {
- .card-header-wrapper {}
-
- &-header {
- display: flex;
- }
-
- &-name {
- font-size: 16px;
- font-weight: bold;
- padding: 0.25rem;
- padding-left: 8px;
- border-bottom: 1px solid black;
- text-transform: capitalize;
- }
-
- &-type {
- background-color: $rose;
- color: $white;
- padding: 0.25rem;
- text-transform: capitalize;
- display: flex;
- align-items: center;
- }
-
- &-recall {
- background-color: black;
- color: $white;
- padding: 0.25rem;
- text-transform: capitalize;
- display: flex;
- align-items: center;
- }
-
- &-domain {
- background-color: $violet;
- color: $white;
- padding: 0.25rem;
- text-transform: capitalize;
- display: flex;
- align-items: center;
- }
-
- &-body {
- font-size: 12px;
- color: $zinc;
- padding: 0.5em;
- padding-left: 8px;
- }
-
- &-options {
- display: flex;
- justify-content: space-between;
- }
-
- &-delete {
- color: $rose;
-
- cursor: pointer;
- }
-
- &-activate {
- cursor: pointer;
- border: 1px solid $green;
- color: $green;
- transition: 0.2s;
- padding: 0.25rem;
- text-transform: uppercase;
-
- &:hover {
- color: $white;
- background-color: $green;
- }
-
- &.danger {
- &:hover {
- color: $white;
- background-color: $rose;
- }
-
- border:1px solid $rose;
- color: $rose;
- }
- }
- }
-
- .window-content {
- background: none !important;
- padding: 0.25rem !important;
- background-color: #d9d9d9 !important;
- }
-
- .cards-vault h2 {
- display: flex;
- justify-content: space-between;
- }
-
- .section-header {
- display: flex;
- align-items: center;
- background: #222;
- text-align: center;
- color: $white;
- justify-content: space-between;
- padding: 0.5em 0.5em;
-
- h2 {
- flex-grow: 1;
- text-decoration: none;
- border: none;
- margin: 0;
- }
- }
-
- label {
- font-size: 12px;
- font-weight: bold;
- margin: 0.25em 0em;
- display: block;
- }
-
- .combat-stat {
- display: grid;
- grid: 1fr / 1fr 1fr 1fr 1fr;
- column-gap: 1em;
- row-gap: 0.25em;
-
- &-item {
- label {
- flex-basis: 50%;
- }
-
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- }
-
- .generic-card {
- display: grid;
- grid: 1fr / 1fr 2fr;
- margin: 0.5em 0;
- }
-
- .traits-tab {
- .trait {
- background-color: white;
- padding: 1em;
- display: flex;
- flex-direction: column;
- margin: 0.5em;
- }
-
- .trait-feature {
- font-size: 12px;
- flex-grow: 1;
- height: 70px;
- overflow: auto;
- }
-
- .trait-options {
- display: flex;
- justify-content: end;
- margin-top: 0.2em;
- }
-
- .delete-trait {
- color: $rose;
- }
-
- .trait-name {
- border-bottom: 2px solid $slate;
- padding-bottom: 0.25em;
- margin-bottom: 0.25em;
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- &-value {
- font-size: 18px;
- font-weight: bold;
- text-transform: uppercase;
- display: flex;
- gap: 0.5em;
- }
-
- &-label {
- background-color: $yellow;
- color: white;
- padding: 0.25em;
- font-size: 12px;
- text-transform: uppercase;
- font-weight: 100;
- }
- }
- }
-
- .meta-domains-list {
- display: flex;
- gap: 0.25em;
- margin-top: 0.7em;
-
- .meta-domain {
- background-color: $rose;
- padding: 0.4em;
- text-transform: uppercase;
- color: white;
- }
- }
-
- .char-sheet {
- .editor-wrap {
- width: 100%;
- }
- }
-
- .char-sheet.questions-connections {
- display: grid;
- gap: 0.5em;
- }
-
- .char-sheet.looks-description {
- display: grid;
- grid: 1fr / 1fr 2fr;
- gap: 0.5em;
- margin: 0.5em 0;
- }
-
- .money,
- .combat-stat {
- background: #362178;
- display: flex;
- padding: 0.5em;
- margin: 0.5em 0em;
- color: white;
- gap: 1em;
- text-align: center;
- }
-
- .section-title {
- font-weight: bold;
- font-size: 14px;
- margin-bottom: 0.5em;
- display: flex;
- justify-content: space-between;
-
- text-transform: uppercase;
- background: $dark-gradient;
- border: 2px solid $border;
- color: white;
- padding: 0.25em 1em;
- text-align: center;
- align-items: center;
- }
-}
-
-.winner {
- font-weight: bold;
- text-transform: uppercase;
- font-size: 16px;
- text-align: center;
- background: $dark-gradient;
- color: white;
- padding: 0.25em;
- font-family: "Oswald", sans-serif;
-}
-
-.show-result {
- text-transform: uppercase;
- padding: 0.25em;
- text-align: center;
- font-size: 10px;
- font-weight: bold;
- cursor: pointer;
- font-family: "Oswald", sans-serif;
-}
-
-.action-type {
- font-family: "Oswald", sans-serif;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 16px;
- text-align: center;
- background: white;
- padding: 0.25em;
-}
-
-.weapon-roll-type {
- background: none;
-}
-
-.attack-roll-traits {
- text-align: center;
- margin-top: -5px;
- text-transform: uppercase;
-}
-
-.daggerheart-roll-header {
- display: grid;
- width: 100%;
- grid: 1fr / 2fr 1fr;
-
-}
-
-.daggerheart-dice-roll {
- font-family: "Oswald", sans-serif;
- display: grid;
- grid: 1fr/1fr;
- align-items: center;
- justify-items: center;
- margin: 0px auto;
- text-align: center;
-
- .normal-dice-roll {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .hope-roll {
- background-color: #e4e4e7;
- color: #18181b;
- }
-
- .fear-roll {
- color: #e4e4e7;
- background-color: #18181b;
- }
-
- .hope-roll,
- .fear-roll {
- font-size: 2em;
- font-weight: 900;
- }
-
- .total-roll {
- font-size: 3em;
- font-weight: 900;
- }
-}
-
-.hope-result {
- background: white !important;
- color: #18181b !important;
- border-radius: 100% !important;
- background-image: none !important;
-}
-
-.fear-result {
- background: #18181b !important;
- color: white !important;
- border-radius: 100% !important;
- background-image: none !important;
-}
-
-.dialog-input-group {
- display: flex;
- flex-direction: column;
- margin-bottom: 0.5em;
-
- .dialog-input {
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .dialog-input-name {
- flex-grow: 1;
- font-weight: bold;
- }
-
- .dialog-input-mod {
- background: $rose !important;
- padding: 0.25em;
- width: 8%;
- text-align: center;
- color: white;
- font-weight: bold;
- }
}
}
\ No newline at end of file
diff --git a/src/scss/global/_flex.scss b/src/scss/global/_flex.scss
deleted file mode 100644
index a5a5666..0000000
--- a/src/scss/global/_flex.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-// Flexbox.
-.flex-group-center,
-.flex-group-left,
-.flex-group-right {
- justify-content: center;
- align-items: center;
- text-align: center;
-}
-
-.flex-group-left {
- justify-content: flex-start;
- text-align: left;
-}
-
-.flex-group-right {
- justify-content: flex-end;
- text-align: right;
-}
-
-.flexshrink {
- flex: 0;
-}
-
-.flex-between {
- justify-content: space-between;
-}
-
-.flexlarge {
- flex: 2;
-}
-
-// Alignment styles.
-.align-left {
- justify-content: flex-start;
- text-align: left;
-}
-
-.align-right {
- justify-content: flex-end;
- text-align: right;
-}
-
-.align-center {
- justify-content: center;
- text-align: center;
-}
\ No newline at end of file
diff --git a/src/scss/global/_grid.scss b/src/scss/global/_grid.scss
deleted file mode 100644
index 16839df..0000000
--- a/src/scss/global/_grid.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-// Grid.
-.grid,
-.grid-2col {
- display: grid;
- grid-column: span 2 / span 2;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 10px;
- margin: 10px 0;
- padding: 0;
-}
-
-.grid-3col {
- grid-column: span 3 / span 3;
- grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.grid-4col {
- grid-column: span 4 / span 4;
- grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.grid-5col {
- grid-column: span 5 / span 5;
- grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-6col {
- grid-column: span 6 / span 6;
- grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.grid-7col {
- grid-column: span 7 / span 7;
- grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.grid-8col {
- grid-column: span 8 / span 8;
- grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.grid-9col {
- grid-column: span 9 / span 9;
- grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.grid-10col {
- grid-column: span 10 / span 10;
- grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.grid-11col {
- grid-column: span 11 / span 11;
- grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.grid-12col {
- grid-column: span 12 / span 12;
- grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-// Grid offset.
-.grid-start-2 { grid-column-start: 2 }
-.grid-start-3 { grid-column-start: 3 }
-.grid-start-4 { grid-column-start: 4 }
-.grid-start-5 { grid-column-start: 5 }
-.grid-start-6 { grid-column-start: 6 }
-.grid-start-7 { grid-column-start: 7 }
-.grid-start-8 { grid-column-start: 8 }
-.grid-start-9 { grid-column-start: 9 }
-.grid-start-10 { grid-column-start: 10 }
-.grid-start-11 { grid-column-start: 11 }
-.grid-start-12 { grid-column-start: 12 }
-
-.grid-span-2 { grid-column-end: span 2 }
-.grid-span-3 { grid-column-end: span 3 }
-.grid-span-4 { grid-column-end: span 4 }
-.grid-span-5 { grid-column-end: span 5 }
-.grid-span-6 { grid-column-end: span 6 }
-.grid-span-7 { grid-column-end: span 7 }
-.grid-span-8 { grid-column-end: span 8 }
-.grid-span-9 { grid-column-end: span 9 }
-.grid-span-10 { grid-column-end: span 10 }
-.grid-span-11 { grid-column-end: span 11 }
-.grid-span-12 { grid-column-end: span 12 }
diff --git a/src/scss/global/_window.scss b/src/scss/global/_window.scss
deleted file mode 100644
index 97581e5..0000000
--- a/src/scss/global/_window.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.window-app {
- font-family: $font-primary;
-}
-
-.rollable {
- &:hover,
- &:focus {
- color: #000;
- text-shadow: 0 0 10px red;
- cursor: pointer;
- }
-}
\ No newline at end of file
diff --git a/src/scss/utils/_colors.scss b/src/scss/utils/_colors.scss
index 5f31074..22d2901 100644
--- a/src/scss/utils/_colors.scss
+++ b/src/scss/utils/_colors.scss
@@ -1,83 +1,78 @@
-$c-white: #fff;
-$c-black: #000;
+$primary: #38227b;
+$secondary: #2B226D;
+$secondary-alt: #223E6D;
+$border: #f3c267;
+$hyper-white: #fff;
+$white: #F3F3F3;
+$black: #000;
+$darkred: #7f1d1d;
+$gray: #e0dede;
+$danger: #92140C;
+$success: #4CB944;
+$dark: #1B1A1A;
-$c-dark: #191813;
-$c-faint: #c9c7b8;
-$c-beige: #b5b3a4;
-$c-tan: #444;
+$classColor: #9B1D2085;
+$communityColor: #49846785;
+$ancestry: #ffaa3385;
+$subClass: #99463685;
+$cardBG: rgb(217 216 214);
+$cardBorder: rgb(205 205 205);
-$slate: #334155;
-$rose: #f43f5e;
-$violet: #8b5cf6;
-$white: #fff;
-$yellow: #eab308;
-$blue: #1e3a8a;
-$zinc: #18181b;
-$green: #3f6212;
-$indigo-dark: #3730a3;
-$light: #f5f5f5;
-$dark-start: #1B1A1A;
-$dark-end: #2A2B2E;
-
-$dark-gradient: linear-gradient(180deg, rgba(27, 26, 26, 1) 0%, rgba(27, 26, 26, 1) 50%, rgba(42, 43, 46, 1) 100%);
-$dark-gradient-alpha: linear-gradient(180deg, rgba(27, 26, 26, 0.5) 0%, rgba(27, 26, 26, 0.5) 50%, rgba(42, 43, 46, 0.5) 100%);
-$border-color: #FAEC84;
-
-$input-bg: #f3f4f6;
-$input-border: #d1d5db;
-$input-shadow: #6b7280;
-
-$ability-bg: #404040;
-$bg-hover: #383838;
-$border: #F1C770;
-$tabactive: #362178;
+.class {
+ background-color: $classColor;
+ color: white;
+}
+.community {
+ background-color: $communityColor;
+ color: white;
+}
-@mixin gradient($color1, $color2) {
- //background: linear-gradient(90deg, $color1, $color2 25%, $color2 50%, $color2 75%, $color1 100%);
- background-color: $color2 !important;
+.ancestry {
+ background-color: $ancestry;
+ color: white;
}
.arcana {
- @include gradient(#392144, #4E276A);
+ background-color: #4E276A;
color: white;
}
.blade {
- @include gradient(#662521, #96352C);
+ background-color: #96352C;
color: white;
}
.bone {
- @include gradient(#4D4E50, #666769);
+ background-color: #666769;
color: white;
}
.codex {
- @include gradient(#19294A, #1F335F);
+ background-color: #1F335F;
color: white;
}
.grace {
- @include gradient(#612A4C, #7A3662);
+ background-color: #7A3662;
color: white;
}
.midnight {
- @include gradient(#212125, #333439);
+ background-color: #333439;
color: white;
}
.sage {
- @include gradient(#054121, #0C6B41);
+ background-color: #0C6B41;
color: white;
}
.splendor {
- @include gradient(#998042, #AF9F40);
+ background-color: #AF9F40;
color: white;
}
.valor {
- @include gradient(#915E24, #B97A23);
+ background-color: #B97A23;
color: white;
}
\ No newline at end of file
diff --git a/src/scss/utils/_editor.scss b/src/scss/utils/_editor.scss
new file mode 100644
index 0000000..0cbca98
--- /dev/null
+++ b/src/scss/utils/_editor.scss
@@ -0,0 +1,49 @@
+.editor {
+ min-height: 50px;
+ .tox.tox-tinymce {
+ min-height: 200px;
+ background: $cardBG;
+ border: 2px solid $cardBorder;
+ }
+
+ .tox-sidebar-wrap {
+ padding: 0px 5px;
+ }
+
+ .white~.tox.tox-tinymce {
+ border: 1px solid white;
+ background: $white;
+ }
+
+ .h150~.tox.tox-tinymce {
+ min-height: 150px;
+ }
+
+ .h180~.tox.tox-tinymce {
+ min-height: 180px;
+ }
+
+ .simple~.tox.tox-tinymce {
+ .tox-toolbar__primary {
+
+ button[aria-label="Formats"],
+ button[aria-label="Numbered list"],
+ button[aria-label="Insert/edit image"],
+ button[aria-label="Table"],
+ button[aria-label="Horizontal line"],
+ button[aria-label="Insert/edit link"],
+ button[aria-label="Clear formatting"],
+ button[aria-label="Source code"],
+ button[aria-label="Bullet list"] {
+ display: none;
+ }
+
+ button[aria-label="Save"] {
+ height: 24px;
+ width: 24px;
+ padding: 0px;
+ margin: 0px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/utils/_flex.scss b/src/scss/utils/_flex.scss
new file mode 100644
index 0000000..08a2909
--- /dev/null
+++ b/src/scss/utils/_flex.scss
@@ -0,0 +1,51 @@
+.flex {
+ display: flex;
+}
+
+.flex-grow {
+ flex-grow: 1;
+}
+
+.flex-shrink {
+ flex-shrink: 0;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.relative {
+ position: relative;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+.justify-around {
+ justify-content: space-around;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.w {
+ &-100 {
+ width: 100%
+ }
+}
+
+.row {
+ flex-direction: row;
+}
+
+.column {
+ flex-direction: column;
+}
+
+.self-stretch {
+ align-self: stretch;
+ display: flex;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/src/scss/utils/_helpers.scss b/src/scss/utils/_helpers.scss
new file mode 100644
index 0000000..ada2aea
--- /dev/null
+++ b/src/scss/utils/_helpers.scss
@@ -0,0 +1,162 @@
+.text-center {
+ text-align: center;
+}
+
+.gap {
+ &-5 {
+ gap: 5px;
+ }
+
+ &-10 {
+ gap: 10px
+ }
+
+ &-15 {
+ gap: 15px;
+ }
+}
+
+.p {
+ &-5 {
+ padding: 5px;
+ }
+
+ &-10 {
+ padding: 10px
+ }
+
+ &-15 {
+ padding: 15px;
+ }
+}
+
+.mb {
+ &-5 {
+ margin-bottom: 5px;
+ }
+
+ &-10 {
+ margin-bottom: 10px;
+ }
+
+ &-15 {
+ margin-bottom: 15px;
+ }
+}
+
+.mt {
+ &-5 {
+ margin-top: 5px;
+ }
+
+ &-10 {
+ margin-top: 10px;
+ }
+
+ &-15 {
+ margin-top: 15px;
+ }
+}
+
+.accordion {
+ cursor: pointer;
+ z-index: 10;
+ position: relative;
+
+ &:after {
+ font-family: "Font Awesome 6 Pro";
+ font-size: 14px;
+ width: 15px;
+ content: "\f0da";
+ }
+
+ &.active:after {
+ font-family: "Font Awesome 6 Pro";
+ content: "\f0d7";
+ }
+}
+
+/* Style the accordion panel. Note: hidden by default */
+.accordion-content {
+ display: none;
+ overflow: hidden;
+ padding: 0em 0.25em;
+}
+
+.accordion-content.active {
+ display: block;
+}
+
+
+.badge {
+ color: white;
+ background-color: $dark;
+ min-width: 80px;
+ text-align: center;
+
+ &.class {
+ background-color: $classColor;
+ color: $dark;
+ }
+
+ &.community {
+ background-color: $communityColor;
+ color: $dark;
+ }
+
+ &.subclass {
+ background-color: $subClass;
+ color: $dark;
+ }
+
+ &.ancestry {
+ background-color: $ancestry;
+ color: $dark;
+ }
+}
+
+.section {
+ background-color: $secondary;
+ color: white;
+ padding: 5px;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.grid {
+ display: grid;
+}
+
+.row-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.col-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.bg {
+ &-primary {
+ background-color: $primary;
+ color: white
+ }
+ &-card {
+ background: $cardBG;
+ border: 1px solid $cardBorder;
+ }
+ &-secondary {
+ background: $secondary;
+ color: white;
+ }
+ &-white {
+ background: white;
+ border: 1px solid $cardBorder;
+ }
+}
+
+img.header-image {
+ object-fit: cover;
+ object-position: 0% 20%;
+}
\ No newline at end of file
diff --git a/src/scss/utils/_mixins.scss b/src/scss/utils/_mixins.scss
deleted file mode 100644
index 69dd2ad..0000000
--- a/src/scss/utils/_mixins.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@mixin element-invisible {
- position: absolute;
-
- width: 1px;
- height: 1px;
- margin: -1px;
- border: 0;
- padding: 0;
-
- clip: rect(0 0 0 0);
- overflow: hidden;
-}
-
-@mixin hide {
- display: none;
-}
\ No newline at end of file
diff --git a/src/scss/utils/_reset.scss b/src/scss/utils/_reset.scss
new file mode 100644
index 0000000..9a30a1b
--- /dev/null
+++ b/src/scss/utils/_reset.scss
@@ -0,0 +1,14 @@
+.window-content {
+ padding: 0;
+ background: white;
+}
+
+hr {
+ border: 1px solid transparentize($color: $white, $amount: 0.9) ;
+ width: 100%;
+ margin: 3px 0px;
+ padding: 0px;
+ &.black {
+ border-color: $black;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/utils/_typography.scss b/src/scss/utils/_typography.scss
index 0c44234..ad9cbfb 100644
--- a/src/scss/utils/_typography.scss
+++ b/src/scss/utils/_typography.scss
@@ -1,2 +1,14 @@
-$font-primary: 'Roboto', sans-serif;
-$font-secondary: 'Roboto', sans-serif;
\ No newline at end of file
+$font-primary: 'Oswald';
+$font-secondary: "Cabin Condensed", sans-serif;
+
+.text-bold {
+ font-weight: bold;
+}
+
+.label {
+ font-size: 12px;
+ text-transform: uppercase;
+ &.strong {
+ font-weight: bold;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/utils/_variables.scss b/src/scss/utils/_variables.scss
index 6d22f61..f3f34c1 100644
--- a/src/scss/utils/_variables.scss
+++ b/src/scss/utils/_variables.scss
@@ -1,5 +1,3 @@
-$padding-sm: 5px;
-$padding-md: 10px;
-$padding-lg: 20px;
-
-$border-groove: 2px groove #eeede0;
\ No newline at end of file
+$padding-default: 5px;
+$p-5: 5px;
+$p-10: 10px;
\ No newline at end of file
diff --git a/template.json b/template.json
index fa5f147..c49989a 100644
--- a/template.json
+++ b/template.json
@@ -1,8 +1,8 @@
{
"Actor": {
- "types": ["character", "gm", "adversary"]
+ "types": ["character", "gm", "adversary" ]
},
"Item": {
- "types": ["item", "class", "domain", "card", "weapon", "armor"]
+ "types": ["item", "class", "domain","card", "feature", "weapon", "armor"]
}
}
diff --git a/templates/actor/actor-adversary-sheet.hbs b/templates/actor/actor-adversary-sheet.hbs
deleted file mode 100644
index dea76cc..0000000
--- a/templates/actor/actor-adversary-sheet.hbs
+++ /dev/null
@@ -1,193 +0,0 @@
-
\ No newline at end of file
diff --git a/templates/actor/actor-character-sheet.hbs b/templates/actor/actor-character-sheet.hbs
deleted file mode 100644
index f1403ce..0000000
--- a/templates/actor/actor-character-sheet.hbs
+++ /dev/null
@@ -1,173 +0,0 @@
-
-
-
-{{log system}}
\ No newline at end of file
diff --git a/templates/actor/actor-gm-sheet.hbs b/templates/actor/actor-gm-sheet.hbs
deleted file mode 100644
index f0a3818..0000000
--- a/templates/actor/actor-gm-sheet.hbs
+++ /dev/null
@@ -1,21 +0,0 @@
-
\ No newline at end of file
diff --git a/templates/actor/adversary-sheet.hbs b/templates/actor/adversary-sheet.hbs
new file mode 100644
index 0000000..a8a4c15
--- /dev/null
+++ b/templates/actor/adversary-sheet.hbs
@@ -0,0 +1,203 @@
+
\ No newline at end of file
diff --git a/templates/actor/character-sheet.hbs b/templates/actor/character-sheet.hbs
new file mode 100644
index 0000000..c5a75dc
--- /dev/null
+++ b/templates/actor/character-sheet.hbs
@@ -0,0 +1,17 @@
+
\ No newline at end of file
diff --git a/templates/actor/gm-sheet.hbs b/templates/actor/gm-sheet.hbs
new file mode 100644
index 0000000..a191042
--- /dev/null
+++ b/templates/actor/gm-sheet.hbs
@@ -0,0 +1,20 @@
+
\ No newline at end of file
diff --git a/templates/actor/layout/content.hbs b/templates/actor/layout/content.hbs
new file mode 100644
index 0000000..ad7a0ba
--- /dev/null
+++ b/templates/actor/layout/content.hbs
@@ -0,0 +1,14 @@
+
+
+ {{> "systems/daggerheart/templates/actor/parts/character-loadout.hbs"}}
+
+
+ {{> "systems/daggerheart/templates/actor/parts/character-inventory.hbs"}}
+
+
+ {{> "systems/daggerheart/templates/actor/parts/character-leveling.hbs"}}
+
+
+ {{> "systems/daggerheart/templates/actor/parts/character-description.hbs"}}
+
+
\ No newline at end of file
diff --git a/templates/actor/layout/header.hbs b/templates/actor/layout/header.hbs
new file mode 100644
index 0000000..6ea5ec7
--- /dev/null
+++ b/templates/actor/layout/header.hbs
@@ -0,0 +1,36 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/actor/layout/navigation.hbs b/templates/actor/layout/navigation.hbs
new file mode 100644
index 0000000..e01dd76
--- /dev/null
+++ b/templates/actor/layout/navigation.hbs
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/templates/actor/layout/sidebar.hbs b/templates/actor/layout/sidebar.hbs
new file mode 100644
index 0000000..b1baa92
--- /dev/null
+++ b/templates/actor/layout/sidebar.hbs
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/actor/parts/actor-card.hbs b/templates/actor/parts/actor-card.hbs
deleted file mode 100644
index 69143d0..0000000
--- a/templates/actor/parts/actor-card.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- {{{item.system.feature}}}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-description.hbs b/templates/actor/parts/actor-description.hbs
deleted file mode 100644
index f9e9b7a..0000000
--- a/templates/actor/parts/actor-description.hbs
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
Biography
-
- {{editor system.biography target="system.biography" button=true owner=owner editable=editable}}
-
-
-
-
-
-
-
-
-
Background Questions
-
- {{#each system.class.questions as |question key|}}
-
- {{question.question}}
-
- {{/each}}
-
-
-
-
-
Connections
-
- {{#each system.class.connections as |connections key|}}
-
- {{connections.question}}
-
- {{/each}}
-
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-effects.hbs b/templates/actor/parts/actor-effects.hbs
deleted file mode 100644
index 8dd7ad8..0000000
--- a/templates/actor/parts/actor-effects.hbs
+++ /dev/null
@@ -1,38 +0,0 @@
-
- {{#each effects as |section sid|}}
-
-
-
- {{#each section.effects as |effect|}}
-
-
-
-
{{effect.name}}
-
{{effect.sourceName}}
- {{effect.duration.label}}
-
-
- {{/each}}
-
- {{/each}}
-
diff --git a/templates/actor/parts/actor-equipped.hbs b/templates/actor/parts/actor-equipped.hbs
deleted file mode 100644
index f9bd4df..0000000
--- a/templates/actor/parts/actor-equipped.hbs
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{item.name}}
-
-
-
- {{#if (eq item.type "weapon")}}
- {{#if item.system.isSecondary}} Secondary {{else }}Primary {{/if}}
- {{item.system.range}} Weapon - {{#if (eq item.system.burden "1H")}} One-Handed {{else}} Two-Handed {{/if}}
- {{else}}
- Armor Score - {{item.system.score}}
- {{/if}}
-
-
-
-
- {{#if (eq item.type "weapon")}}
-
{{item.abilityScorePrefix}}{{item.abilityScore}}
- {{item.system.trait}}
-
{{item.system.damage}} {{item.system.type}}
- {{/if}}
-
-
-
-
- {{#if (eq item.type "weapon")}}
-
- {{ternary item.system.isEquipped "Unequip" "Equip"}}
-
- {{/if}}
- {{#if (eq item.type "armor")}}
-
- {{ternary item.system.isEquipped "Unequip" "Equip"}}
-
- {{/if}}
-
-
-
- {{#if item.system.feature}}
-
- {{{item.system.feature}}}
-
- {{/if}}
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-exps.hbs b/templates/actor/parts/actor-exps.hbs
deleted file mode 100644
index 2892b15..0000000
--- a/templates/actor/parts/actor-exps.hbs
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-{{#each system.experiences as |exp key|}}
-
-{{/each}}
\ No newline at end of file
diff --git a/templates/actor/parts/actor-features.hbs b/templates/actor/parts/actor-features.hbs
deleted file mode 100644
index e7c862a..0000000
--- a/templates/actor/parts/actor-features.hbs
+++ /dev/null
@@ -1,46 +0,0 @@
-
-
- {{#each features as |item id|}}
-
-
-
-
- {{/each}}
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-items.hbs b/templates/actor/parts/actor-items.hbs
deleted file mode 100644
index 37b1376..0000000
--- a/templates/actor/parts/actor-items.hbs
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
- {{localize 'Name'}}
-
-
-
- {{#each items as |item id|}}
- {{#if (eq item.type "item")}}
-
-
-
-
{{item.name}}
-
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-leveling.hbs b/templates/actor/parts/actor-leveling.hbs
deleted file mode 100644
index 1d3eb3e..0000000
--- a/templates/actor/parts/actor-leveling.hbs
+++ /dev/null
@@ -1,53 +0,0 @@
-
- Level 2-4 At Level 2, take an additional
- Experience.
- {{{tier1.description}}}
-
- {{#each tier1.items as |levelOption key|}}
-
-
-
-
-
-
{{levelOption.option}}
-
-
- {{/each}}
-
-
-
- Level 5-7 At Level 5, take an additional Experience
- and clear all marks on Character Traits.
- {{{tier2.description}}}
-
- {{#each tier2.items as |levelOption key|}}
-
-
-
-
-
-
{{levelOption.option}}
-
-
- {{/each}}
-
-
-
- Level 8-10 At Level 8, take an additional
- Experience and clear all marks on Character Traits.
- {{{tier3.description}}}
-
- {{#each tier3.items as |levelOption key|}}
-
-
-
-
-
-
{{levelOption.option}}
-
-
- {{/each}}
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-loadout.hbs b/templates/actor/parts/actor-loadout.hbs
deleted file mode 100644
index b97f1d4..0000000
--- a/templates/actor/parts/actor-loadout.hbs
+++ /dev/null
@@ -1,104 +0,0 @@
-
- {{#if hasCharacter}}
- {{!--
popout loadout --}}
- {{/if}}
-
-
Ancestry & Community
-
-
-
-
- {{#if system.ancestry.description}} {{{system.ancestry.description}}}
{{/if}}
- {{#if system.ancestry.name}}
{{{system.ancestry.feature}}} {{else}} Select your ancestry {{/if}}
-
-
-
-
-
-
-
- {{#if system.community.description}} {{{system.community.description}}}
{{/if}}
- {{#if system.community.name}}
{{{system.community.feature}}} {{else}} Select your community {{/if}}
-
-
-
-
-
-
-
-
Class / Subclass Cards
-
- {{#each subclasses as |subclass key|}}
-
-
-
- {{{subclass.system.feature}}}
-
-
-
- {{/each}}
-
-
-
-
-
-
Loadout
-
- {{#each active_loadout as |item id|}}
- {{> "systems/daggerheart/templates/actor/parts/actor-card.hbs" item=item}}
- {{/each}}
-
-
-
-
-
-
- {{#each vault as |item id|}}
- {{> "systems/daggerheart/templates/actor/parts/actor-card.hbs" item=item}}
- {{/each}}
-
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-spells.hbs b/templates/actor/parts/actor-spells.hbs
deleted file mode 100644
index dfcde83..0000000
--- a/templates/actor/parts/actor-spells.hbs
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/actor-weapons.hbs b/templates/actor/parts/actor-weapons.hbs
deleted file mode 100644
index 2f437f7..0000000
--- a/templates/actor/parts/actor-weapons.hbs
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
- Equipped Items
-
- Proficiency
-
-
-
- {{#if primary}}
- {{> "systems/daggerheart/templates/actor/parts/actor-equipped.hbs" item=primary}}
- {{/if}}
-
- {{#if secondary}}
- {{> "systems/daggerheart/templates/actor/parts/actor-equipped.hbs" item=secondary}}
- {{/if}}
-
- {{#if armor}}
- {{> "systems/daggerheart/templates/actor/parts/actor-equipped.hbs" item=armor}}
- {{/if}}
-
-
Inventory Armory
-
- {{#each weapons as |weapon key|}}
-
- {{> "systems/daggerheart/templates/actor/parts/actor-equipped.hbs" item=weapon}}
-
-
-
- {{/each}}
- {{#each armors as |armor key|}}
- {{> "systems/daggerheart/templates/actor/parts/actor-equipped.hbs" item=armor}}
- {{/each}}
-
-
\ No newline at end of file
diff --git a/templates/actor/parts/character-card.hbs b/templates/actor/parts/character-card.hbs
new file mode 100644
index 0000000..b503c87
--- /dev/null
+++ b/templates/actor/parts/character-card.hbs
@@ -0,0 +1,47 @@
+
+
+
+ {{{card.system.feature}}}
+
+
+
+{{#each card.system.cardFeatures as |feature id|}}
+
+
+
+ {{{feature.description}}}
+
+
+
+{{/each}}
\ No newline at end of file
diff --git a/templates/actor/parts/character-description.hbs b/templates/actor/parts/character-description.hbs
new file mode 100644
index 0000000..a6dab2c
--- /dev/null
+++ b/templates/actor/parts/character-description.hbs
@@ -0,0 +1,59 @@
+
+ Looks
+
+
+
+
+
+ Questions
+
+
+ {{#each system.class.questions as |question key|}}
+
+ {{question.question}}
+
+ {{/each}}
+
+
+ Connections
+
+
+ {{#each system.class.connections as |connections key|}}
+
+ {{connections.question}}
+
+ {{/each}}
+
+
+ Biography
+
+
+ {{editor system.biography target="system.biography" class="simple" owner=owner}}
+
\ No newline at end of file
diff --git a/templates/actor/parts/character-domain-card.hbs b/templates/actor/parts/character-domain-card.hbs
new file mode 100644
index 0000000..03c0af0
--- /dev/null
+++ b/templates/actor/parts/character-domain-card.hbs
@@ -0,0 +1,38 @@
+
+
+
+
{{card.system.level}}
+
+
{{card.name}}
+
{{card.system.domainType}}
+
+
+
+
+
+ {{card.system.domain}}
+
+
+ {{card.system.recall}}
+
+
+
+
+
+
+
+
+ {{{card.system.feature}}}
+
+
+
\ No newline at end of file
diff --git a/templates/actor/parts/character-equipable.hbs b/templates/actor/parts/character-equipable.hbs
new file mode 100644
index 0000000..2c2bc98
--- /dev/null
+++ b/templates/actor/parts/character-equipable.hbs
@@ -0,0 +1,46 @@
+
+
+
+
+ {{#if (eq item.type "weapon")}}
+
+ {{item.abilityScorePrefix}}{{item.abilityScore}}
+ {{item.system.trait}}
+
{{item.system.damage}}
+ {{item.system.type}}
+ {{/if}}
+
+
+ {{#if (eq item.type "weapon")}}
+
+
+ {{/if}}
+ {{#if (eq item.type "armor")}}
+
+
+ {{/if}}
+
+
+
{{{item.system.feature}}}
+
+
+
\ No newline at end of file
diff --git a/templates/actor/parts/character-inventory.hbs b/templates/actor/parts/character-inventory.hbs
new file mode 100644
index 0000000..6703d42
--- /dev/null
+++ b/templates/actor/parts/character-inventory.hbs
@@ -0,0 +1,36 @@
+{{#if (or equipment.primary equipment.secondary equipment.armor)}}
+
Active Items
+{{/if}}
+
+ {{log equipment}}
+ {{#if equipment.primary}}
+ {{> "systems/daggerheart/templates/actor/parts/character-equipable.hbs" item=equipment.primary}}
+ {{/if}}
+
+ {{#if equipment.secondary}}
+ {{> "systems/daggerheart/templates/actor/parts/character-equipable.hbs" item=equipment.secondary}}
+ {{/if}}
+
+ {{#if equipment.armor}}
+ {{> "systems/daggerheart/templates/actor/parts/character-equipable.hbs" item=equipment.armor}}
+ {{/if}}
+
+
+
+
Items
+
{{{icon "plus"}}}
+
+{{#each gear as |item key|}}
+{{#if (eq item.type "weapon")}}
+{{> "systems/daggerheart/templates/actor/parts/character-equipable.hbs" item=item}}
+{{/if}}
+
+{{#if (eq item.type "armor")}}
+{{> "systems/daggerheart/templates/actor/parts/character-equipable.hbs" item=item}}
+{{/if}}
+
+{{#if (eq item.type "item")}}
+{{> "systems/daggerheart/templates/actor/parts/character-item.hbs" item=item}}
+{{/if}}
+
+{{/each}}
\ No newline at end of file
diff --git a/templates/actor/parts/character-item.hbs b/templates/actor/parts/character-item.hbs
new file mode 100644
index 0000000..676dbba
--- /dev/null
+++ b/templates/actor/parts/character-item.hbs
@@ -0,0 +1,18 @@
+
+
+
+
{{item.name}}
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/actor/parts/character-leveling.hbs b/templates/actor/parts/character-leveling.hbs
new file mode 100644
index 0000000..189783d
--- /dev/null
+++ b/templates/actor/parts/character-leveling.hbs
@@ -0,0 +1,23 @@
+{{#each leveling as |tier key|}}
+
+
+ {{tier.level}}
+ {{tier.bonus}}
+
+
+ {{{tier.description}}}
+
+
+ {{#each tier.items as |levelOption key|}}
+
+
+
+
+
{{levelOption.option}}
+
+ {{/each}}
+
+
+
+{{/each}}
\ No newline at end of file
diff --git a/templates/actor/parts/character-loadout.hbs b/templates/actor/parts/character-loadout.hbs
new file mode 100644
index 0000000..b81c162
--- /dev/null
+++ b/templates/actor/parts/character-loadout.hbs
@@ -0,0 +1,27 @@
+
+
+
+
+
+ {{#each cards as |card key|}}
+ {{> "systems/daggerheart/templates/actor/parts/character-card.hbs" card=card}}
+ {{/each}}
+
+
+
+
+
+ {{#each active_loadout as |card key|}}
+ {{> "systems/daggerheart/templates/actor/parts/character-domain-card.hbs" card=card}}
+ {{/each}}
+
+
+ {{#each vault as |card key|}}
+ {{> "systems/daggerheart/templates/actor/parts/character-domain-card.hbs" card=card}}
+ {{/each}}
+
+
\ No newline at end of file
diff --git a/templates/item/item-armor-sheet.hbs b/templates/item/item-armor-sheet.hbs
index 8567766..0e64f9f 100644
--- a/templates/item/item-armor-sheet.hbs
+++ b/templates/item/item-armor-sheet.hbs
@@ -1,25 +1,21 @@
-