Attached CharacterCreate and Levelup functionality to the sheet

2026-01-12 03:31:07 +01:00 · 2025-06-25 15:45:18 +02:00 · 2025-06-25 15:45:18 +02:00 · 4f6c87a524
commit 4f6c87a524
parent 7f898bb983
10 changed files with 208 additions and 57 deletions
--- a/lang/en.json
+++ b/lang/en.json
@ -1078,6 +1078,7 @@
                "faith": "Faith",
                "ShortRest": "Take a Short Rest",
                "LongRest": "Take a Long Rest",
+                "CharacterSetup": "Setup",
                "Level": "Level",
                "LevelUp": "Level Up!",
                "Tabs": {
@ -1177,7 +1178,9 @@
                "NewScar": "New Scar",
                "DeleteConfirmation": "Are you sure you want to delete the item - {item}?",
                "Errors": {
-                    "missingClassOrSubclass": "The character doesn't have a class and subclass"
+                    "missingClassOrSubclass": "The character doesn't have a class and subclass",
+                    "tooHighLevel": "You cannot raise the character level past the maximum",
+                    "tooLowLevel": "You cannot lower the character level below starting level"
                }
            },
            "Adversary": {
--- a/module/applications/sheets/character.mjs
+++ b/module/applications/sheets/character.mjs
@ -5,7 +5,7 @@ import AncestrySelectionDialog from '../ancestrySelectionDialog.mjs';
 import DaggerheartSheet from './daggerheart-sheet.mjs';
 import { abilities } from '../../config/actorConfig.mjs';
 import DhlevelUp from '../levelup.mjs';
-import DHDualityRoll from '../../data/chat-message/dualityRoll.mjs';
+import DhCharacterCreation from '../characterCreation.mjs';

 const { ActorSheetV2 } = foundry.applications.sheets;
 const { TextEditor } = foundry.applications.ux;
@ -47,6 +47,7 @@ export default class CharacterSheet extends DaggerheartSheet(ActorSheetV2) {
            useAdvancementCard: this.useAdvancementCard,
            useAdvancementAbility: this.useAdvancementAbility,
            toggleEquipItem: this.toggleEquipItem,
+            characterSetup: this.characterSetup,
            levelup: this.openLevelUp,
            editImage: this._onEditImage
        },
@ -217,7 +218,7 @@ export default class CharacterSheet extends DaggerheartSheet(ActorSheetV2) {
    _attachPartListeners(partId, htmlElement, options) {
        super._attachPartListeners(partId, htmlElement, options);

-        // htmlElement.querySelector('.level-value').addEventListener('change', this.onLevelChange.bind(this));
+        htmlElement.querySelector('.level-value')?.addEventListener('change', this.onLevelChange.bind(this));
        // To Remove when ContextMenu Handler is made
        htmlElement
            .querySelectorAll('[data-item-id]')
@ -457,6 +458,10 @@ export default class CharacterSheet extends DaggerheartSheet(ActorSheetV2) {
        }
    }

+    static characterSetup() {
+        new DhCharacterCreation(this.document).render(true);
+    }
+
    static openLevelUp() {
        if (!this.document.system.class.value || !this.document.system.class.subclass) {
            ui.notifications.error(game.i18n.localize('DAGGERHEART.Sheets.PC.Errors.missingClassOrSubclass'));
--- a/module/data/actor/character.mjs
+++ b/module/data/actor/character.mjs
@ -110,6 +110,10 @@ export default class DhCharacter extends BaseDataActor {
        return this.parent.items.find(x => x.type === 'community') ?? null;
    }

+    get needsCharacterSetup() {
+        return !this.class.value || !this.class.subclass;
+    }
+
    get domains() {
        const classDomains = this.class.value ? this.class.value.system.domains : [];
        const multiclassDomains = this.multiclass.value ? this.multiclass.value.system.domains : [];
--- a/module/documents/actor.mjs
+++ b/module/documents/actor.mjs
@ -32,10 +32,22 @@ export default class DhpActor extends Actor {
        if (this.type !== 'character' || newLevel === this.system.levelData.level.changed) return;

        if (newLevel > this.system.levelData.level.current) {
-            await this.update({ 'system.levelData.level.changed': newLevel });
+            const maxLevel = Object.values(
+                game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.LevelTiers).tiers
+            ).reduce((acc, tier) => Math.max(acc, tier.levels.end), 0);
+            if (newLevel > maxLevel) {
+                ui.notifications.warn(game.i18n.localize('DAGGERHEART.Sheets.PC.Errors.tooHighLevel'));
+            }
+
+            await this.update({ 'system.levelData.level.changed': Math.min(newLevel, maxLevel) });
        } else {
+            const usedLevel = Math.max(newLevel, 1);
+            if (newLevel < 1) {
+                ui.notifications.warn(game.i18n.localize('DAGGERHEART.Sheets.PC.Errors.tooLowLevel'));
+            }
+
            const updatedLevelups = Object.keys(this.system.levelData.levelups).reduce((acc, level) => {
-                if (Number(level) > newLevel) acc[`-=${level}`] = null;
+                if (Number(level) > usedLevel) acc[`-=${level}`] = null;

                return acc;
            }, {});
@ -45,7 +57,7 @@ export default class DhpActor extends Actor {
            const subclassFeatureState = { class: null, multiclass: null };
            let multiclass = null;
            Object.keys(this.system.levelData.levelups)
-                .filter(x => x > newLevel)
+                .filter(x => x > usedLevel)
                .forEach(levelKey => {
                    const level = this.system.levelData.levelups[levelKey];
                    const achievementCards = level.achievements.domainCards.map(x => x.itemUuid);
@ -106,8 +118,8 @@ export default class DhpActor extends Actor {
                system: {
                    levelData: {
                        level: {
-                            current: newLevel,
-                            changed: newLevel
+                            current: usedLevel,
+                            changed: usedLevel
                        },
                        levelups: updatedLevelups
                    }
--- a/module/helpers/utils.mjs
+++ b/module/helpers/utils.mjs
@ -189,20 +189,20 @@ export const tagifyElement = (element, options, onChange, tagifyOptions = {}) =>
        }
    });

-    const onSelect = async event => {
-        const inputElement = event.detail.tagify.DOM.originalInput;
-        const selectedOptions = event.detail?.value ? JSON.parse(event.detail.value) : [];
-
-        const unusedDropDownItems = event.detail.tagify.suggestedListItems;
-        const missingOptions = Object.keys(options).filter(x => !unusedDropDownItems.find(item => item.value === x));
-        const removedItem = missingOptions.find(x => !selectedOptions.find(item => item.value === x));
-        const addedItem = removedItem ? null : selectedOptions.find(x => missingOptions.find(item => item === x.value));
-
-        const changedItem = { option: removedItem ?? addedItem.value, removed: Boolean(removedItem) };
-
-        onChange(selectedOptions, changedItem, inputElement);
-    };
-    tagifyElement.on('change', onSelect);
+    tagifyElement.on('add', event => {
+        const input = event.detail.tagify.DOM.originalInput;
+        const currentList = input.value ? JSON.parse(input.value) : [];
+        onChange([...currentList, event.detail.data], { option: event.detail.data.value, removed: false }, input);
+    });
+    tagifyElement.on('remove', event => {
+        const input = event.detail.tagify.DOM.originalInput;
+        const currentList = input.value ? JSON.parse(input.value) : [];
+        onChange(
+            currentList.filter(x => x.value !== event.detail.data.value),
+            { option: event.detail.data.value, removed: true },
+            event.detail.tagify.DOM.originalInput
+        );
+    });
 };

 export const getDeleteKeys = (property, innerProperty, innerPropertyDefaultValue) => {
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@ -3452,16 +3452,16 @@ div.daggerheart.views.multiclass {
 }
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row {
  display: flex;
-  gap: 20px;
+  gap: 5px;
  align-items: baseline;
  justify-content: space-between;
  padding: 0;
  padding-top: 5px;
+  flex: 1;
 }
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] {
  font-size: 32px;
  height: 42px;
-  width: 380px;
  text-align: start;
  border: 1px solid transparent;
  outline: 2px solid transparent;
@ -3472,6 +3472,36 @@ div.daggerheart.views.multiclass {
 }
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div {
  white-space: nowrap;
+  display: flex;
+  justify-content: end;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input {
+  width: 40px;
+  padding: 0;
+  text-align: center;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button {
+  color: light-dark(#222, #efe6d8);
+  font-size: 28px;
+  line-height: 1;
+  min-height: unset;
+  height: min-content;
+  padding: 4px;
+  font-family: 'Cinzel', serif;
+  margin: 0;
+  font-weight: normal;
+  border-color: light-dark(#18162e, #f3c267);
+  background-color: light-dark(transparent, #0e0d15);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover {
+  background-image: none;
+  background-color: var(--color-warm-2);
+  filter: drop-shadow(0 0 3px lightgray);
 }
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details {
  display: flex;
@ -4071,6 +4101,22 @@ div.daggerheart.views.multiclass {
  justify-content: center;
  gap: 10px;
 }
+@keyframes glow {
+  0% {
+    box-shadow: 0 0 1px 1px #f3c267;
+  }
+  100% {
+    box-shadow: 0 0 3px 3px #f3c267;
+  }
+}
+@keyframes glow-dark {
+  0% {
+    box-shadow: 0 0 1px 1px #18162e;
+  }
+  100% {
+    box-shadow: 0 0 3px 3px #18162e;
+  }
+}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
@ -4254,6 +4300,9 @@ div.daggerheart.views.multiclass {
  background: light-dark(rgba(0, 0, 0, 0.3), #18162e);
  color: light-dark(#18162e, #f3c267);
 }
+.application.sheet.dh-style button.glow {
+  animation: glow 0.75s infinite alternate;
+}
 .application.sheet.dh-style select {
  background: light-dark(transparent, transparent);
  color: light-dark(#222, #efe6d8);
@ -4477,6 +4526,9 @@ div.daggerheart.views.multiclass {
 .system-daggerheart.theme-light .tagify__dropdown .tagify__dropdown__item--active {
  color: #efe6d8;
 }
+.theme-light .application.sheet.dh-style button.glow {
+  animation: glow-dark 0.75s infinite alternate;
+}
 .theme-light .application .component.dh-style.card-preview-container {
  background-image: url('../assets/parchments/dh-parchment-light.png');
 }
--- a/styles/less/actors/character/header.less
+++ b/styles/less/actors/character/header.less
@ -9,16 +9,16 @@

        .name-row {
            display: flex;
-            gap: 20px;
+            gap: 5px;
            align-items: baseline;
            justify-content: space-between;
            padding: 0;
            padding-top: 5px;
+            flex: 1;

            input[type='text'] {
                font-size: 32px;
                height: 42px;
-                width: 380px;
                text-align: start;
                border: 1px solid transparent;
                outline: 2px solid transparent;
@ -31,6 +31,40 @@

            .level-div {
                white-space: nowrap;
+                display: flex;
+                justify-content: end;
+
+                .label {
+                    display: flex;
+                    align-items: center;
+                    gap: 4px;
+                }
+
+                input {
+                    width: 40px;
+                    padding: 0;
+                    text-align: center;
+                }
+
+                .level-button {
+                    color: light-dark(@dark, @beige);
+                    font-size: 28px;
+                    line-height: 1;
+                    min-height: unset;
+                    height: min-content;
+                    padding: 4px;
+                    font-family: 'Cinzel', serif;
+                    margin: 0;
+                    font-weight: normal;
+                    border-color: light-dark(@dark-blue, @golden);
+                    background-color: light-dark(transparent, @deep-black);
+
+                    &:hover {
+                        background-image: none;
+                        background-color: var(--color-warm-2);
+                        filter: drop-shadow(0 0 3px lightgray);
+                    }
+                }
            }
        }

--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@ -48,6 +48,10 @@
            background: light-dark(@light-black, @dark-blue);
            color: light-dark(@dark-blue, @golden);
        }
+
+        &.glow {
+            animation: glow 0.75s infinite alternate;
+        }
    }

    select {
@ -336,16 +340,24 @@
    }
 }

-.theme-light .application .component.dh-style.card-preview-container {
-    background-image: url('../assets/parchments/dh-parchment-light.png');
-
-    .preview-text-container {
-        background-image: url(../assets/parchments/dh-parchment-dark.png);
+.theme-light .application {
+    &.sheet.dh-style {
+        button.glow {
+            animation: glow-dark 0.75s infinite alternate;
+        }
    }

-    .preview-selected-icon-container {
-        background-image: url(../assets/parchments/dh-parchment-dark.png);
-        color: var(--color-light-5);
+    .component.dh-style.card-preview-container {
+        background-image: url('../assets/parchments/dh-parchment-light.png');
+
+        .preview-text-container {
+            background-image: url(../assets/parchments/dh-parchment-dark.png);
+        }
+
+        .preview-selected-icon-container {
+            background-image: url(../assets/parchments/dh-parchment-dark.png);
+            color: var(--color-light-5);
+        }
    }
 }

--- a/styles/less/utils/colors.less
+++ b/styles/less/utils/colors.less
@ -1,21 +1,41 @@
-@primary-blue: #1488cc;
-@secondary-blue: #2b32b2;
-@golden: #f3c267;
-@golden-40: #f3c26740;
-@dark-blue-40: #18162e40;
-@golden-10: #f3c26710;
-@dark-blue-10: #18162e10;
-@dark-blue-50: #18162e50;
-@dark-blue: #18162e;
-@deep-black: #0e0d15;
-@beige: #efe6d8;
-@beige-15: #efe6d815;
-@beige-50: #efe6d850;
-@dark-blue: rgb(24, 22, 46);
-@semi-transparent-dark-blue: rgba(24, 22, 46, 0.33);
-@dark: #222;
-@dark-15: #22222215;
-@light-black: rgba(0, 0, 0, 0.3);
-@soft-shadow: rgba(0, 0, 0, 0.05);
-@gradient-hp: linear-gradient(15deg, rgb(70, 20, 10) 0%, rgb(190, 0, 0) 42%, rgb(252, 176, 69) 100%);
-@gradient-stress: linear-gradient(15deg, rgb(130, 59, 1) 0%, rgb(252, 142, 69) 65%, rgb(190, 0, 0) 100%);
+@primary-blue: #1488cc;
+@secondary-blue: #2b32b2;
+@golden: #f3c267;
+@golden-40: #f3c26740;
+@dark-blue-40: #18162e40;
+@golden-10: #f3c26710;
+@dark-blue-10: #18162e10;
+@dark-blue-50: #18162e50;
+@dark-blue: #18162e;
+@deep-black: #0e0d15;
+@beige: #efe6d8;
+@beige-15: #efe6d815;
+@beige-50: #efe6d850;
+@dark-blue: rgb(24, 22, 46);
+@semi-transparent-dark-blue: rgba(24, 22, 46, 0.33);
+@dark: #222;
+@dark-15: #22222215;
+@light-black: rgba(0, 0, 0, 0.3);
+@soft-shadow: rgba(0, 0, 0, 0.05);
+@gradient-hp: linear-gradient(15deg, rgb(70, 20, 10) 0%, rgb(190, 0, 0) 42%, rgb(252, 176, 69) 100%);
+@gradient-stress: linear-gradient(15deg, rgb(130, 59, 1) 0%, rgb(252, 142, 69) 65%, rgb(190, 0, 0) 100%);
+
+@keyframes glow {
+    0% {
+        box-shadow: 0 0 1px 1px @golden;
+    }
+
+    100% {
+        box-shadow: 0 0 3px 3px @golden;
+    }
+}
+
+@keyframes glow-dark {
+    0% {
+        box-shadow: 0 0 1px 1px @dark-blue;
+    }
+
+    100% {
+        box-shadow: 0 0 3px 3px @dark-blue;
+    }
+}
--- a/templates/sheets/actors/character/header.hbs
+++ b/templates/sheets/actors/character/header.hbs
@ -12,8 +12,17 @@

        <div class='level-div'>
            <h3 class='label'>
-                {{localize 'DAGGERHEART.Sheets.PC.Level'}}
-                {{document.system.levelData.level.current}}
+                {{#if document.system.needsCharacterSetup}}
+                    <button class="level-button glow" data-action="characterSetup">{{localize 'DAGGERHEART.Sheets.PC.CharacterSetup'}}</button>
+                {{else}}
+                    {{#if document.system.levelData.canLevelUp}}
+                        <button class="level-button glow" data-action="levelup">{{localize 'DAGGERHEART.Sheets.PC.LevelUp'}}</button>
+                        {{!-- <div class="levelup">{{localize 'DAGGERHEART.Sheets.PC.LevelUp'}}</div> --}}
+                    {{else}}
+                        {{localize 'DAGGERHEART.Sheets.PC.Level'}}
+                    {{/if}}
+                    <input type="text" data-dtype="Number" class="level-value" value={{document.system.levelData.level.changed}} />
+                {{/if}}
            </h3>
        </div>
    </div>