#68 clicking on a Spellname will open the Spell Dialog with a reduced but fixed display of inputs. Hides Complex inputs for now. This applies to Skillnames with Skill Dialogs as well.

src/module/sheets/characterSheet.mjs

@@ -24,7 +24,6 @@ import {StandaloneLiturgies} from "./character-standalone/liturgies.mjs";
 import {StandaloneHealth} from "./character-standalone/health.mjs";
 import {SpellDialog} from "../dialog/spellDialog.mjs";
 import {displayRoll} from "../globals/displayRoll.js";
-import {evaluateRoll} from "../globals/DSARoll.mjs";
 
 const {HandlebarsApplicationMixin, DocumentSheetV2} = foundry.applications.api
 const {ActorSheetV2} = foundry.applications.sheets
@@ -57,6 +56,7 @@ class CharacterSheet extends HandlebarsApplicationMixin(ActorSheetV2) {
             openCombatAction: CharacterSheet.#openCombatAction,
             openLiturgyDialog: CharacterSheet.openLiturgyDialog,
             openSpellDialog: CharacterSheet.openSpellDialog,
+            openSkillDialog: CharacterSheet.openSkillDialog,
             castSpell: CharacterSheet.castSpell,
             progressCooldown: CharacterSheet.#progressCooldown,
             cancelCooldown: CharacterSheet.#cancelCooldown,
@@ -262,6 +262,11 @@ class CharacterSheet extends HandlebarsApplicationMixin(ActorSheetV2) {
         this.document.itemTypes["Spell"]?.find(p => p.id === itemId)?.sheet.render(true)
     }
 
+    static openSkillDialog(event, target) {
+        const {itemId} = target.dataset
+        this.document.itemTypes["Skill"]?.find(p => p.id === itemId)?.sheet.render(true)
+    }
+
     static castSpell(event, target) {
         const {itemId} = target.dataset
         new SpellDialog(this.document, itemId).render(true)

src/module/sheets/spellSheet.mjs

@@ -72,6 +72,7 @@ export class SpellSheet extends HandlebarsApplicationMixin(DocumentSheetV2) {
 
         context.system = spellData.system;
         context.flags = spellData.flags;
+        context.name = spellData.name;
 
         return context;
     }

src/style/organisms/_spell-sheet.scss

@@ -0,0 +1,54 @@
+.dsa41.sheet.item.spell {
+
+  .meta-details {
+
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 52px 52px 1fr;
+
+    .name {
+      grid-row: 1;
+      grid-column: 1/span 3;
+    }
+
+    .zfw {
+      grid-row: 2;
+      grid-column: 2;
+    }
+
+    .probenmod {
+      grid-row: 2;
+      grid-column: 3;
+    }
+
+    .statistics {
+      grid-row: 2;
+      grid-column: 1;
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      grid-template-rows: auto 1fr;
+
+      & > label {
+        grid-column: 1/4;
+        text-align: center;
+      }
+    }
+
+    .effect {
+      grid-row: 3;
+      grid-column: 1/span 3;
+      display: flex;
+      flex-flow: column;
+
+      label {
+        display: block;
+      }
+
+      textarea {
+        display: block;
+        height: 100%;
+        resize: none;
+      }
+    }
+  }
+}

src/style/styles.scss

@@ -22,6 +22,7 @@
 @use "organisms/equipment-sheet";
 @use "organisms/creature-sheet";
 @use "organisms/modify-liturgy";
+@use "organisms/spell-sheet";
 @use "organisms/skill-sheet";
 @use "organisms/active-effect-sheet";
 @use "organisms/advantage-sheet";

src/templates/item/skill/tab-meta.hbs

@@ -12,7 +12,7 @@
             </label>
         </div>
         <div class="taw">
-            <label>TAW:
+            <label>TaW:
                 <input type="text" name="system.taw"
                        value="{{system.taw}}"/>
             </label>

src/templates/item/spell/tab-meta.hbs

@@ -1,24 +1,40 @@
 <section class="tab {{tabs.meta.id}} {{tabs.meta.cssClass}}"
          data-tab="{{tabs.meta.id}}"
          data-group="{{tabs.meta.group}}">
-    <div>
+    <div class="meta-details">
-    <div>
+    <div class="name">
         <label>Name
             <input type="text" name="name"
                    value="{{name}}"/>
         </label>
     </div>
-    <div>
+    <div class="zfw">
-        <label>Probe
+        <label>ZfW:
-            <input type="text" name="system.probe.0"
+            <input type="text" name="system.zfw"
-                   value="{{system.probe.[0]}}"/>
+                   value="{{system.zfw}}"/>
-            <input type="text" name="system.probe.1"
-                   value="{{system.probe.[1]}}"/>
-            <input type="text" name="system.probe.2"
-                   value="{{system.probe.[2]}}"/>
         </label>
     </div>
-    <div><label>Proben Modifikation
+    <div class="statistics">
+        <label class="throw">Probe</label>
+            <div><label><input type="text" name="system.probe.0"
+                   value="{{system.probe.[0]}}"/></label></div>
+            <div><label><input type="text" name="system.probe.1"
+                   value="{{system.probe.[1]}}"/></label></div>
+            <div><label><input type="text" name="system.probe.2"
+                   value="{{system.probe.[2]}}"/></label></div>
+    </div>
+    <div class="probenmod">
+        <label>Proben-Mod
+            <input type="text" name="system.probeMod"
+                   value="{{system.probeMod}}"/>
+        </label>
+    </div>
+    <div class="effect">
+        <label for="wirkung">Wirkung</label>
+            <textarea id="wirkung" name="system.wirkung">{{system.wirkung}}</textarea>
+    </div>
+    <!--
+        <div><label>Proben Modifikation
         <input type="text" name="system.probeMod"
                value="{{system.probeMod}}"/>
     </label></div>
@@ -33,16 +49,11 @@
             <input type="text" name="system.kosten" value="{{system.kosten}}"/>
         </label>
     </div>
-    <div>
-        <label>Wirkung
-            <input type="text" name="system.wirkung" value="{{system.wirkung}}"/>
-        </label>
-    </div>
     <div>
         <label>Wirkungsdauer
             <input type="text" name="system.wirkungsdauer" value="{{system.wirkungsdauer}}"/>
         </label>
     </div>
-
+-->
     </div>
 </section>

src/templates/ui/partial-rollable-button.hbs

@@ -13,7 +13,7 @@
         </span>
     </div>
     <div class="container">
-        <span class="name" data-id="{{this.id}}">{{this.name}}</span>
+        <span class="name" data-item-id="{{this.id}}" data-action="openSkillDialog">{{this.name}}</span>
         <div class="werte">
             {{#each this.werte}}
                 <div class="eigenschaft"><span class="name">{{this.name}}</span><span

src/templates/ui/partial-rollable-language-button.hbs

@@ -13,7 +13,7 @@
         </span>
     </div>
     <div class="container">
-        <span class="name" data-id="{{this.id}}">{{this.name}}</span>
+        <span class="name" data-item-id="{{this.id}}" data-action="openSkillDialog">{{this.name}}</span>
         <div class="werte">
             <div class="eigenschaft"><span class="name">Komp</span><span
                     class="value">{{this.komplexität}}</span></div>

src/templates/ui/partial-rollable-weaponskill-button.hbs

@@ -1,8 +1,7 @@
-<div class="block rollable {{this.type}} {{this.gruppe}}" data-id="{{this.id}}"
+<div class="block rollable {{this.type}} {{this.gruppe}}" data-id="{{this.id}}">
-     data-action="rollCombatSkill" data-tooltip="{{this.name}}<br/>{{#if this.at}}AT: {{this.at}} {{/if}}{{#if
-        this.pa}}PA: {{this.pa}}{{/if}}<hr/><i class='fa-solid fa-computer-mouse'></i>: Attacke<br/><kbd>Shift</kbd>+<i class='fa-solid fa-computer-mouse'></i>: Parrieren">
 
-    <div class="die">
+    <div class="die" data-action="rollCombatSkill" data-tooltip="{{this.name}}<br/>{{#if this.at}}AT: {{this.at}} {{/if}}{{#if
+            this.pa}}PA: {{this.pa}}{{/if}}<hr/><i class='fa-solid fa-computer-mouse'></i>: Attacke<br/><kbd>Shift</kbd>+<i class='fa-solid fa-computer-mouse'></i>: Parrieren">
         {{> 'systems/DSA_4-1/templates/ui/partial-die.hbs' }}
         <span class="value"
               data-id="{{this.id}}">{{#if this.taw}}
@@ -15,7 +14,7 @@
         </span>
     </div>
     <div class="container">
-        <span class="name" data-id="{{this.id}}">{{this.name}}</span>
+        <span class="name" data-item-id="{{this.id}}" data-action="openSkillDialog">{{this.name}}</span>
         <div class="werte">
 
             <div class="eigenschaft"><span class="name">AT</span><span class="value">{{this.at}}</span></div>