ENH: Add elements through sheet

src/lang/en.json

@@ -1,6 +1,7 @@
 {
     "OSE.Edit": "Edit",
     "OSE.Delete": "Delete",
+    "OSE.Add": "Add",
 
     "OSE.Name": "Name",
     "OSE.Class": "Class",

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);
+        }
       }
     }
   }

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|}}

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|}}

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|}}