From 7557d33c73a1b72f14bb6dcc1d8599ff3d3fc80b Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandemeulebrouck@itiviti.com>
Date: Mon, 28 Nov 2022 21:01:28 +0100
Subject: [PATCH] =?UTF-8?q?Feuille=20de=20v=C3=A9hicule=20avec=20compteurs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 module/actor-vehicule-sheet.js      | 17 +++++++++++
 module/actor.js                     | 12 ++++++++
 templates/actor-vehicule-sheet.html | 46 +++++++++++++++++------------
 3 files changed, 56 insertions(+), 19 deletions(-)

diff --git a/module/actor-vehicule-sheet.js b/module/actor-vehicule-sheet.js
index 2729f2af..5803f3f7 100644
--- a/module/actor-vehicule-sheet.js
+++ b/module/actor-vehicule-sheet.js
@@ -18,5 +18,22 @@ export class RdDActorVehiculeSheet extends RdDActorSheet {
     });
   }
 
+  activateListeners(html) {
+    super.activateListeners(html);
+    if (!this.options.editable) return;
+
+    html.find('.resistance-moins').click(async event => {
+      this.actor.vehicleIncDec("resistance", -1);
+    });
+    html.find('.resistance-plus').click(async event => {
+      this.actor.vehicleIncDec("resistance", 1);
+    });
+    html.find('.structure-moins').click(async event => {
+      this.actor.vehicleIncDec("structure", -1);
+    });
+    html.find('.structure-plus').click(async event => {
+      this.actor.vehicleIncDec("structure", 1);
+    });
+  }
 
 }
diff --git a/module/actor.js b/module/actor.js
index a49c3a25..d9af9b98 100644
--- a/module/actor.js
+++ b/module/actor.js
@@ -1779,6 +1779,18 @@ export class RdDActor extends Actor {
     }
     return result;
   }
+  
+  async vehicleIncDec(name, inc) {
+    if (!this.isVehicule() || !['resistance', 'structure'].includes(name)) {
+      return
+    }
+    const value = this.system.etat[name].value;
+    const max = this.system.etat[name].max;
+    const newValue = value + inc;
+    if (0 <= newValue && newValue <=max) {
+      await this.update({ [`system.etat.${name}.value`]: newValue })
+    }
+  }
 
   isDead() {
     return !this.isEntite() && this.system.sante.vie.value < -this.getSConst()
diff --git a/templates/actor-vehicule-sheet.html b/templates/actor-vehicule-sheet.html
index 3c3f60db..e21924c5 100644
--- a/templates/actor-vehicule-sheet.html
+++ b/templates/actor-vehicule-sheet.html
@@ -2,13 +2,37 @@
 
   {{!-- Sheet Header --}}
   <header class="sheet-header">
-    <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
     <div class="header-fields">
       <div class="flexrow">
-        <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+        <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
+        <div class="flexcol">
+          <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
+          <div class="flexrow">
+            <div class="flex-group-left header-compteurs">
+              <ul>
+                <li data-attribute="resistance" class="flexrow">
+                  <span class="carac-label">Résistance</span>
+                  <a class="resistance-moins"><i class="fas fa-minus-square"></i></a>
+                  <input type="text" name="system.etat.resistance.value" value="{{system.etat.resistance.value}}" data-dtype="Number" />
+                  /
+                  <input type="text" name="system.etat.resistance.max" value="{{system.etat.resistance.max}}" data-dtype="Number" {{#unless @root.options.vueDetaillee}}disabled{{/unless}} />
+                  <a class="resistance-plus"><i class="fas fa-plus-square"></i></a>
+                </li>
+                <li data-attribute="structure" class="flexrow">
+                  <span class="carac-label">Structure</span>
+                  <a class="structure-moins"><i class="fas fa-minus-square"></i></a>
+                  <input type="text" name="system.etat.structure.value" value="{{system.etat.structure.value}}" data-dtype="Number" />
+                  /
+                  <input type="text" name="system.etat.structure.max" value="{{system.etat.structure.max}}" data-dtype="Number" {{#unless @root.options.vueDetaillee}}disabled{{/unless}} />
+                  <a class="structure-plus"><i class="fas fa-plus-square"></i></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
-</header>
+  </header>
 
   {{!-- Sheet Tab Navigation --}}
   <nav class="sheet-tabs tabs" data-group="primary">
@@ -25,22 +49,6 @@
         {{>"systems/foundryvtt-reve-de-dragon/templates/actor/vue-detaillee.html"}}
       </div>
       <div class="grid grid-2col">
-        <div class="flex-group-left flexcol">
-          <ol class="carac-list alterne-list">
-            <li class="caracteristique flexrow list-item">
-              <span class="carac-label">Résistance</span>
-              <input class="competence-value" type="text" name="system.etat.resistance.value" value="{{system.etat.resistance.value}}" data-dtype="Number" />
-              /
-              <input class="competence-value" type="text" name="system.etat.resistance.max" value="{{system.etat.resistance.max}}" data-dtype="Number" {{#unless @root.options.vueDetaillee}}disabled{{/unless}} />
-            </li>
-            <li class="caracteristique flexrow list-item">
-              <span class="carac-label">Structure</span>
-              <input class="competence-value" type="text" name="system.etat.structure.value" value="{{system.etat.structure.value}}" data-dtype="Number" />
-              /
-              <input class="competence-value" type="text" name="system.etat.structure.max" value="{{system.etat.structure.max}}" data-dtype="Number" {{#unless @root.options.vueDetaillee}}disabled{{/unless}} />
-            </li>
-          </ol>
-        </div>
         <div class="flex-group-left flexcol">
           <ol>
             <li class="caracteristique flexrow list-item">