From 6b2ab08cafa97d4512dde2b13ed26e5f0e62e506 Mon Sep 17 00:00:00 2001
From: U~man <ewolfwood@yandex.com>
Date: Sun, 28 Jun 2020 19:44:03 +0200
Subject: [PATCH] ENH: Add elements through sheet

---
 src/lang/en.json                               |  1 +
 src/scss/actor-base.scss                       | 14 +++++++++++---
 .../partials/character-attributes-tab.html     |  9 ++++++++-
 .../actors/partials/character-spells-tab.html  |  5 +++++
 .../partials/monster-attributes-tab.html       | 18 ++++++++++++++++--
 5 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/src/lang/en.json b/src/lang/en.json
index 31cb0b7..7089dbe 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -1,6 +1,7 @@
 {
     "OSE.Edit": "Edit",
     "OSE.Delete": "Delete",
+    "OSE.Add": "Add",
 
     "OSE.Name": "Name",
     "OSE.Class": "Class",
diff --git a/src/scss/actor-base.scss b/src/scss/actor-base.scss
index 1556662..c37d75a 100644
--- a/src/scss/actor-base.scss
+++ b/src/scss/actor-base.scss
@@ -18,6 +18,14 @@
       text-align: center;
       margin: 0;
       padding: 4px;
+      display: flex;
+      h4 {
+        flex: 1;
+      }
+      .item-controls {
+        font-size: 12px;
+        flex: 0 0 18px;
+      }
     }
     .panel-content {
       margin: 0;
@@ -157,14 +165,14 @@
               }
             }
           }
-          &:nth-child(odd) {
-            background: rgba(0, 0, 0, 0.1);
-          }
         }
         .item-summary {
           font-size: 12px;
           padding: 4px;
         }
+        &:nth-child(odd) {
+          background: rgba(0, 0, 0, 0.1);
+        }
       }
     }
   }
diff --git a/src/templates/actors/partials/character-attributes-tab.html b/src/templates/actors/partials/character-attributes-tab.html
index f9fbc49..335da04 100644
--- a/src/templates/actors/partials/character-attributes-tab.html
+++ b/src/templates/actors/partials/character-attributes-tab.html
@@ -77,7 +77,14 @@
     </div>
     {{!-- Skills and abilities --}}
     <div class="flex3 panel abilities">
-        <h4 class="panel-title">{{localize 'OSE.panel.abilities'}}</h4>
+        <div class="panel-title">
+            <h4>{{localize 'OSE.panel.abilities'}}</h4>
+            <div class="item-controls">
+                {{#if owner}}
+                <a class="item-control item-create" title='{{localize "OSE.Add"}}' data-type="ability"><i class="fas fa-plus"></i></a>
+                {{/if}}
+            </div>
+        </div>
         <ul class="panel-content inventory">
             <div class="">
                 {{#each abilities as |item|}}
diff --git a/src/templates/actors/partials/character-spells-tab.html b/src/templates/actors/partials/character-spells-tab.html
index d3ad474..a87ae53 100644
--- a/src/templates/actors/partials/character-spells-tab.html
+++ b/src/templates/actors/partials/character-spells-tab.html
@@ -57,6 +57,11 @@
 <section class="panel inventory">
   <div class="panel-title">
     <h4>{{localize 'OSE.category.spells'}}</h4>
+      <div class="item-controls">
+          {{#if owner}}
+          <a class="item-control item-create" title='{{localize "OSE.Add"}}' data-type="spell"><i class="fas fa-plus"></i></a>
+          {{/if}}
+      </div>
   </div>
   <div class="panel-content">
     {{#each spells as |item|}}
diff --git a/src/templates/actors/partials/monster-attributes-tab.html b/src/templates/actors/partials/monster-attributes-tab.html
index facb9c5..afaef42 100644
--- a/src/templates/actors/partials/monster-attributes-tab.html
+++ b/src/templates/actors/partials/monster-attributes-tab.html
@@ -41,7 +41,14 @@
 <section class="flexrow attribute-row">
     {{!-- Skills and abilities --}}
     <div class="flex3 panel abilities">
-        <h4 class="panel-title">{{localize 'OSE.panel.abilities'}}</h4>
+        <div class="panel-title">
+            <h4>{{localize 'OSE.panel.abilities'}}</h4>
+            <div class="item-controls">
+                {{#if owner}}
+                <a class="item-control item-create" title='{{localize "OSE.Add"}}' data-type="ability"><i class="fas fa-plus"></i></a>
+                {{/if}}
+            </div>
+        </div>
         <ul class="panel-content inventory">
             <div class="">
                 {{#each abilities as |item|}}
@@ -69,7 +76,14 @@
     </div>
     {{!-- Equipment --}}
     <div class="flex3 panel abilities">
-        <h4 class="panel-title">{{localize 'OSE.panel.equipment'}}</h4>
+        <div class="panel-title">
+            <h4>{{localize 'OSE.panel.equipment'}}</h4>
+            <div class="item-controls">
+                {{#if owner}}
+                <a class="item-control item-create" title='{{localize "OSE.Add"}}' data-type="item"><i class="fas fa-plus"></i></a>
+                {{/if}}
+            </div>
+        </div>
         <ul class="panel-content inventory">
             <div class="">
                 {{#each inventory as |item|}}