Feat/ancestry sheets #12

src/index.ts

@@ -53,6 +53,7 @@ Hooks.once('init', async () => {
 
     Items.unregisterSheet('core', ItemSheet);
     registerItemSheet(ItemType.Culture, applications.item.CultureItemSheet);
+    registerItemSheet(ItemType.Ancestry, applications.item.AncestrySheet);
     registerItemSheet(ItemType.Path, applications.item.PathItemSheet);
     registerItemSheet(
         ItemType.Connection,

src/lang/en.json

@@ -275,23 +275,28 @@
                 },
                 "Loot": {
                     "label": "Loot",
-                    "label_plural": "Loot"
+                    "label_plural": "Loot",
+                    "desc_placeholder": "Edit this to describe the item."
                 },
                 "Ancestry": {
                     "label": "Ancestry",
-                    "label_plural": "Ancestries"
+                    "label_plural": "Ancestries",
+                    "desc_placeholder": "Edit this to define a potential heritage for a character. Also include any special rules text for players to read."
                 },
                 "Culture": {
                     "label": "Culture",
-                    "label_plural": "Cultures"
+                    "label_plural": "Cultures",
+                    "desc_placeholder": "Edit this to define one of the many cultures in the setting. Also include any special rules text for players to read."
                 },
                 "Path": {
                     "label": "Path",
-                    "label_plural": "Paths"
+                    "label_plural": "Paths",
+                    "desc_placeholder": "Edit this to describe this the sorts of characters this progression path represents."
                 },
                 "Specialty": {
                     "label": "Specialty",
-                    "label_plural": "Specialties"
+                    "label_plural": "Specialties",
+                    "desc_placeholder": "Edit this to describe the unique subset of characters this specialty represents."
                 },
                 "Talent": {
                     "label": "Talent",
@@ -307,11 +312,13 @@
                 },
                 "Injury": {
                     "label": "Injury",
-                    "label_plural": "Injuries"
+                    "label_plural": "Injuries",
+                    "desc_placeholder": "Edit this to describe how this injury affects a character."
                 },
                 "Connection": {
                     "label": "Connection",
-                    "label_plural": "Connections"
+                    "label_plural": "Connections",
+                    "desc_placeholder": "Edit this to create a description of the NPC and how they are connected to the character."
                 }
             },
             "Weapon": {
@@ -652,6 +659,7 @@
         },
         "Item": {
             "culture": "Culture",
+            "ancestry": "Ancestry",
             "path": "Path",
             "connection": "Connection",
             "injury": "Injury",

src/style.scss

@@ -23,6 +23,8 @@
     --plotweaver-color-invest-front: #3e6abb;
     --plotweaver-color-invest-back: #182845;
 
+    --font-primary: 'Laski Sans';
+
     /* ----------------------------------------- */
     /*  Default Generic Theme                    */
     /* ----------------------------------------- */
@@ -65,36 +67,40 @@
     font-family: 'Penumbra Web Pro';
     font-style: normal;
     font-weight: 400;
-    src: url('../../fonts/penumbra-web-pro/PenumbraWebPro-Serif.woff2')
-        format('woff2');
+    src: url('assets/fonts/penumbra-web-pro/PenumbraWebPro-Serif.woff')
+        format('woff');
 }
 
 @font-face {
     font-family: 'Laski Sans';
     font-style: normal;
     font-weight: 400;
-    src: url('../../fonts/laski-sans/Laski-Sans-Regular.woff2') format('woff2');
+    src: url('assets/fonts/laski-sans/Laski-Sans-Regular.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Laski Sans';
     font-style: normal;
     font-weight: 600;
-    src: url('../../fonts/laski-sans/Laski-Sans-SemiBold.woff2') format('woff2');
+    src: url('assets/fonts/laski-sans/Laski-Sans-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Laski Sans';
     font-style: normal;
     font-weight: 700;
-    src: url('../../fonts/laski-sans/Laski-Sans-Bold.woff2') format('woff2');
+    src: url('assets/fonts/laski-sans/Laski-Sans-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'cosmere-dingbats';
     src: url('https://dl.dropboxusercontent.com/scl/fi/9909gen4fd0oveyzfposx/CosmereDingbats-Regular.otf?rlkey=ig6odq9hxyo1st8kt3ujp1czz&st=72qrads3&raw=1');
 }
 
+.application h1, span.document-name {
+    font-family: 'Penumbra Web Pro';
+}
+
 i.cosmere-icon {
     font-family: 'cosmere-dingbats';
     font-style: normal;

src/style/sheets/item/module.scss

@@ -1,11 +1,43 @@
 .sheet.item {
+    overflow: visible;
+
+    .window-content {
+        overflow: visible;
+    }
+
     .sheet-content {
         display: flex;
         flex-direction: column;
     }
 
+    nav {
+        border: none;
+        flex-direction: column;
+        position: absolute;
+        left: 100%;
+        top: 15%;
+
+        > a {
+            background: rgba(11, 10, 19, 0.9);
+            width: 2.88867rem;
+            height: 2.5rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #302831;
+            border-top-right-radius: 0.3rem;
+            border-bottom-right-radius: 0.3rem;
+
+            &.active {
+                background-color: rgb(45 41 77 / 90%);
+            }
+        }
+    }
+
     .sheet-header {
         position: relative;
+        border-bottom: 1px solid var(--plotweaver-color-grey-5);
+        padding-bottom: 0.5rem;
 
         .document-name {
             font-weight: bold;
@@ -32,6 +64,7 @@
     .tab-body {
         flex: 1;
         display: flex;
+        margin-top: 0.5rem;
 
         .tab {
             height: 100%;

src/style/sheets/module.scss

@@ -3,7 +3,3 @@
 
 @import './actor/module.scss';
 @import './item/module.scss';
-
-.prosemirror menu .pm-dropdown {
-    color: black;
-}

src/system/applications/actor/character-sheet.ts

@@ -85,8 +85,9 @@ export class CharacterSheet extends BaseActorSheet {
                 paths: pathItems.filter((i) => i.system.type === type),
             })),
 
-            // TODO: Default localization
-            ancestryLabel: ancestryItem?.name ?? 'DEFAULT_ANCESTRY_LABEL',
+            ancestryLabel:
+                ancestryItem?.name ??
+                game.i18n?.localize('COSMERE.Item.Type.Ancestry.label'),
         };
     }
 }

src/system/applications/item/ancestry-sheet.ts

@@ -0,0 +1,59 @@
+import { AncestryItem } from '@system/documents/item';
+import { DeepPartial } from '@system/types/utils';
+
+import { BaseItemSheet } from './base';
+
+export class AncestrySheet extends BaseItemSheet {
+    static DEFAULT_OPTIONS = foundry.utils.mergeObject(
+        foundry.utils.deepClone(super.DEFAULT_OPTIONS),
+        {
+            classes: ['cosmere-rpg', 'sheet', 'item', 'ancestry'],
+            position: {
+                width: 600,
+                height: 550,
+            },
+            window: {
+                resizable: true,
+                positioned: true,
+                title: '<i class="fas fa-timeline"></i> ' + this.name,
+            },
+        },
+    );
+
+    static PARTS = foundry.utils.mergeObject(
+        foundry.utils.deepClone(super.PARTS),
+        {
+            'sheet-content': {
+                template:
+                    'systems/cosmere-rpg/templates/item/ancestry/parts/sheet-content.hbs',
+            },
+        },
+    );
+
+    get item(): AncestryItem {
+        return super.document;
+    }
+
+    /* --- Context --- */
+
+    public async _prepareContext(
+        options: DeepPartial<foundry.applications.api.ApplicationV2.RenderOptions>,
+    ) {
+        if (
+            this.item.system.description!.value ===
+            CONFIG.COSMERE.items.types.ancestry.desc_placeholder
+        ) {
+            this.item.system.description!.value = game.i18n!.localize(
+                this.item.system.description!.value!,
+            );
+        }
+        const enrichedDescValue = await TextEditor.enrichHTML(
+            this.item.system.description!.value!,
+        );
+
+        return {
+            ...(await super._prepareContext(options)),
+            descHtml: enrichedDescValue,
+        };
+    }
+}

src/system/applications/item/base.ts

@@ -35,9 +35,11 @@ export class BaseItemSheet extends TabsApplicationMixin(
         {
             description: {
                 label: 'COSMERE.Item.Sheet.Tabs.Description',
+                icon: '<i class="fa-solid fa-feather-pointed"></i>',
             },
             effects: {
                 label: 'COSMERE.Item.Sheet.Tabs.Effects',
+                icon: '<i class="fa-solid fa-bolt"></i>',
             },
         },
     );
@@ -54,6 +56,17 @@ export class BaseItemSheet extends TabsApplicationMixin(
         form: HTMLFormElement,
         formData: FormDataExtended,
     ) {
+        if (
+            !(event.target instanceof HTMLInputElement) &&
+            !(event.target instanceof HTMLTextAreaElement) &&
+            !(
+                event.target instanceof
+                foundry.applications.elements.HTMLProseMirrorElement
+            )
+        )
+            return;
+        if (!event.target.name) return;
+
         if (this.item.isPhysical() && 'system.price.unit' in formData.object) {
             // Get currency id
             const [currencyId, denominationId] = (

src/system/applications/item/connection-sheet.ts

@@ -39,8 +39,22 @@ export class ConnectionItemSheet extends BaseItemSheet {
     public async _prepareContext(
         options: DeepPartial<foundry.applications.api.ApplicationV2.RenderOptions>,
     ) {
+        if (
+            this.item.system.description!.value ===
+            CONFIG.COSMERE.items.types.connection.desc_placeholder
+        ) {
+            this.item.system.description!.value = game.i18n!.localize(
+                this.item.system.description!.value!,
+            );
+        }
+
+        const enrichedDescValue = await TextEditor.enrichHTML(
+            this.item.system.description!.value!,
+        );
+
         return {
             ...(await super._prepareContext(options)),
+            descHtml: enrichedDescValue,
         };
     }
 }

src/system/applications/item/culture-sheet.ts

@@ -39,8 +39,22 @@ export class CultureItemSheet extends BaseItemSheet {
     public async _prepareContext(
         options: DeepPartial<foundry.applications.api.ApplicationV2.RenderOptions>,
     ) {
+        if (
+            this.item.system.description!.value ===
+            CONFIG.COSMERE.items.types.culture.desc_placeholder
+        ) {
+            this.item.system.description!.value = game.i18n!.localize(
+                this.item.system.description!.value!,
+            );
+        }
+
+        const enrichedDescValue = await TextEditor.enrichHTML(
+            this.item.system.description!.value!,
+        );
+
         return {
             ...(await super._prepareContext(options)),
+            descHtml: enrichedDescValue,
         };
     }
 }

src/system/applications/item/index.ts

@@ -1,6 +1,7 @@
 import './components';
 
 export * from './culture-sheet';
+export * from './ancestry-sheet';
 export * from './path-sheet';
 export * from './connection-sheet';
 export * from './injury-sheet';

src/system/applications/item/injury-sheet.ts

@@ -26,6 +26,7 @@ export class InjuryItemSheet extends BaseItemSheet {
         {
             details: {
                 label: 'COSMERE.Item.Sheet.Tabs.Details',
+                icon: '<i class="fa-solid fa-circle-info"></i>',
                 sortIndex: 15,
             },
         },
@@ -50,11 +51,25 @@ export class InjuryItemSheet extends BaseItemSheet {
     public async _prepareContext(
         options: DeepPartial<foundry.applications.api.ApplicationV2.RenderOptions>,
     ) {
+        if (
+            this.item.system.description!.value ===
+            CONFIG.COSMERE.items.types.injury.desc_placeholder
+        ) {
+            this.item.system.description!.value = game.i18n!.localize(
+                this.item.system.description!.value!,
+            );
+        }
+
+        const enrichedDescValue = await TextEditor.enrichHTML(
+            this.item.system.description!.value!,
+        );
+
         return {
             ...(await super._prepareContext(options)),
             isPermanent:
                 this.item.system.type === InjuryType.PermanentInjury ||
                 this.item.system.type === InjuryType.Death,
+            descHtml: enrichedDescValue,
         };
     }
 }