Datamodel + Appv2 migration, WIP

templates/item/feature-sheet.hbs

@@ -0,0 +1,40 @@
+<form class="{{cssClass}}" autocomplete="off">
+    <div class="wrap flexrow">
+        <div class="main flex1">
+            {{> "systems/bol/templates/item/parts/item-header.hbs"}}
+            
+            {{!-- Sheet Tab Navigation --}}
+            <nav class="sheet-tabs tabs" data-group="primary">
+                {{#each tabs}}
+                <a class="item {{#if (eq ../activeTab this.id)}}active{{/if}}" data-tab="{{this.id}}">
+                    {{#if this.icon}}<i class="{{this.icon}}"></i>{{/if}}
+                    {{localize this.label}}
+                </a>
+                {{/each}}
+            </nav>
+            
+            {{!-- Sheet Body --}}
+            <section class="sheet-body">
+                {{!-- Description Tab --}}
+                <div class="tab description {{#if (eq activeTab 'description')}}active{{/if}}" data-group="primary" data-tab="description">
+                    {{#if itemProperties}}
+                        <div class="item-properties">
+                            <ol class="properties-list">
+                                {{#each itemProperties}}
+                                    <li>{{localize this}}</li>
+                                {{/each}}
+                            </ol>
+                        </div>
+                    {{/if}}
+
+                    {{editor enrichedDescription target="system.description" button=true editable=isEditable engine="prosemirror"}}
+                </div>
+
+                {{!-- Properties Tab --}}
+                <div class="tab properties {{#if (eq activeTab 'properties')}}active{{/if}}" data-group="primary" data-tab="properties">
+                    {{> "systems/bol/templates/item/parts/properties/feature-properties.hbs"}}
+                </div>
+            </section>
+        </div>
+    </div>
+</form>

templates/item/item-sheet.hbs

@@ -2,15 +2,21 @@
     <div class="wrap flexrow">
         <div class="main flex1">
             {{> "systems/bol/templates/item/parts/item-header.hbs"}}
+            
             {{!-- Sheet Tab Navigation --}}
             <nav class="sheet-tabs tabs" data-group="primary">
-                <a class="item" data-tab="description">{{localize "BOL.ui.tab.description"}}</a>
-                <a class="item" data-tab="properties">{{localize "BOL.ui.tab.details"}}</a>
+                {{#each tabs}}
+                <a class="item {{#if (eq ../activeTab this.id)}}active{{/if}}" data-tab="{{this.id}}">
+                    {{#if this.icon}}<i class="{{this.icon}}"></i>{{/if}}
+                    {{localize this.label}}
+                </a>
+                {{/each}}
             </nav>
+            
             {{!-- Sheet Body --}}
             <section class="sheet-body">
-
-                <div class="tab description" data-group="primary" data-tab="description">
+                {{!-- Description Tab --}}
+                <div class="tab description {{#if (eq activeTab 'description')}}active{{/if}}" data-group="primary" data-tab="description">
                     {{#if itemProperties}}
                         <div class="item-properties">
                             <ol class="properties-list">
@@ -21,18 +27,14 @@
                         </div>
                     {{/if}}
 
-                    {{editor description target="system.description" button=true owner=owner editable=editable}}
+                    {{editor enrichedDescription target="system.description" button=true editable=isEditable engine="prosemirror"}}
                 </div>
 
-                <div class="tab properties" data-group="primary" data-tab="properties">
-                {{#if (eq item.type "item")}}
+                {{!-- Properties Tab --}}
+                <div class="tab properties {{#if (eq activeTab 'properties')}}active{{/if}}" data-group="primary" data-tab="properties">
                     {{> "systems/bol/templates/item/parts/properties/item-properties.hbs"}}
-                {{/if}}
-                {{#if (eq item.type "feature")}}
-                    {{> "systems/bol/templates/item/parts/properties/feature-properties.hbs"}}
-                {{/if}}
                 </div>
             </section>
         </div>
     </div>
-</form>
+</form>

templates/item/item-sheet.hbs.backup

@@ -0,0 +1,38 @@
+<form class="{{cssClass}}" autocomplete="off">
+    <div class="wrap flexrow">
+        <div class="main flex1">
+            {{> "systems/bol/templates/item/parts/item-header.hbs"}}
+            {{!-- Sheet Tab Navigation --}}
+            <nav class="sheet-tabs tabs" data-group="primary">
+                <a class="item" data-tab="description">{{localize "BOL.ui.tab.description"}}</a>
+                <a class="item" data-tab="properties">{{localize "BOL.ui.tab.details"}}</a>
+            </nav>
+            {{!-- Sheet Body --}}
+            <section class="sheet-body">
+
+                <div class="tab description" data-group="primary" data-tab="description">
+                    {{#if itemProperties}}
+                        <div class="item-properties">
+                            <ol class="properties-list">
+                                {{#each itemProperties}}
+                                    <li>{{localize this}}</li>
+                                {{/each}}
+                            </ol>
+                        </div>
+                    {{/if}}
+
+                    {{editor description target="system.description" button=true owner=owner editable=editable}}
+                </div>
+
+                <div class="tab properties" data-group="primary" data-tab="properties">
+                {{#if (eq item.type "item")}}
+                    {{> "systems/bol/templates/item/parts/properties/item-properties.hbs"}}
+                {{/if}}
+                {{#if (eq item.type "feature")}}
+                    {{> "systems/bol/templates/item/parts/properties/feature-properties.hbs"}}
+                {{/if}}
+                </div>
+            </section>
+        </div>
+    </div>
+</form>

templates/item/parts/item-header.hbs

@@ -1,11 +1,18 @@
-{{!-- Sheet Header --}}
-<header class="sheet-header">
-    <div class="header-field-group flexrow">
-        <img class="sheet-profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" style="border:none; background: lightgray; box-shadow: 5px 5px 5px black;"/>
-        <h1><input class="itemname flex6" name="name" type="text" value="{{item.name}}" placeholder="Name" style="text-shadow: 3px 3px 5px #333;"/></h1>
+{{!-- Item Header --}}
+<header class="sheet-header flexrow">
+    <img class="profile-img" src="{{item.img}}" data-action="editImage" title="{{item.name}}" />
+    <div class="header-field flex1">
+        <div class="header-field-group flexrow">
+            <h1 class="form-header charname">
+                <input class="itemname" name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BOL.ui.name'}}" />
+            </h1>
+        </div>
     </div>
-<!--    <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>-->
-<!--    <div class="header-fields">-->
-<!--        <h1 class="itemname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>-->
-<!--    </div>-->
-</header>
+    <div class="header-buttons flexrow">
+        {{#if isEditable}}
+        <button type="button" class="post-item" data-action="postItem" data-tooltip="BOL.ui.postItem">
+            <i class="fas fa-comment"></i>
+        </button>
+        {{/if}}
+    </div>
+</header>

templates/item/parts/item-header.hbs.backup

@@ -0,0 +1,11 @@
+{{!-- Sheet Header --}}
+<header class="sheet-header">
+    <div class="header-field-group flexrow">
+        <img class="sheet-profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" style="border:none; background: lightgray; box-shadow: 5px 5px 5px black;"/>
+        <h1><input class="itemname flex6" name="name" type="text" value="{{item.name}}" placeholder="Name" style="text-shadow: 3px 3px 5px #333;"/></h1>
+    </div>
+<!--    <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>-->
+<!--    <div class="header-fields">-->
+<!--        <h1 class="itemname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>-->
+<!--    </div>-->
+</header>