From 4ba2c384d7a68b1816787a4c99bbbc0d1547a8f0 Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandemeulebrouck@itiviti.com>
Date: Tue, 20 Dec 2022 00:50:36 +0100
Subject: [PATCH] =?UTF-8?q?Alignement=20de=20prix/quantit=C3=A9/enc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- alignement à droite
- affichage des prix avec 2 décimales
---
 styles/simple.css                      | 32 +++++++++++++++++++++++++-
 templates/dialog-item-achat.html       |  2 +-
 templates/dialog-item-consommer.html   |  2 +-
 templates/dialog-item-split.html       |  2 +-
 templates/dialog-item-vente.html       |  4 ++--
 templates/item/partial-inventaire.html | 10 ++++----
 6 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/styles/simple.css b/styles/simple.css
index 65e9d41b..234f1d7e 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -771,11 +771,41 @@ div.placeholder-resolution span.table-proba-reussite{
     input[type="date"],
     input[type="time"]) {
   color: rgba(255, 255, 255, 0.75);
-  background: rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.1);
   border: 0 none;
   margin-bottom: 0.2rem;
 }
 
+input[type="number"] {
+  text-align: right;
+  padding-right: 0.5rem;
+  max-width: 7rem;
+}
+
+select:is(.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+  padding-right: 0.2rem;
+  text-align: center;
+}
+input:is(.number,.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+  padding-right: 0.2rem;
+  text-align: right;
+}
+:is(input,select).number-x {
+  max-width: 1.4rem;
+}
+:is(input,select).number-x2 {
+  max-width: 2.4rem;
+}
+:is(input,select).number-x3 {
+  max-width: 3.4rem;
+}
+:is(input,select).number-x4 {
+  max-width: 4.4rem;
+}
+:is(input,select).number-x5 {
+  max-width: 4.4rem;
+}
+
 form.rdddialogchrono input[type=datetime-local] {
   min-width: 20px;
   padding: 0;
diff --git a/templates/dialog-item-achat.html b/templates/dialog-item-achat.html
index ade170ef..df8581a7 100644
--- a/templates/dialog-item-achat.html
+++ b/templates/dialog-item-achat.html
@@ -40,7 +40,7 @@
       {{else}}Quantité{{/if}}
     </label>
     <div class="flexrow">
-      <input name="nombreLots" class="nombreLots flex-shrink" type="number" min="1" max="{{quantiteNbLots}}"
+      <input name="nombreLots" class="nombreLots flex-shrink number-x2" type="number" min="1" max="{{quantiteNbLots}}"
         value="{{choix.nombreLots}}" data-dtype="Number" />
     </div>
   </div>
diff --git a/templates/dialog-item-consommer.html b/templates/dialog-item-consommer.html
index 0bbd47fc..48cd286f 100644
--- a/templates/dialog-item-consommer.html
+++ b/templates/dialog-item-consommer.html
@@ -3,7 +3,7 @@
   <h4>{{item.name}}</h4>
   <div class="flexrow">
     <label class="flex-grow">Quantité à {{#if item.system.boisson}}boire{{else}}manger{{/if}}</label>
-    <input class="attribute-value consommer-doses flex-shrink" type="number" name="doses" value="{{choix.doses}}"
+    <input class="attribute-value consommer-doses flex-shrink number-x2" type="number" name="doses" value="{{choix.doses}}"
       min="0" max="{{item.system.quantite}}" data-dtype="Number" />
   </div>
   {{#if item.system.sust}}
diff --git a/templates/dialog-item-split.html b/templates/dialog-item-split.html
index 0f61fc55..a15f642a 100644
--- a/templates/dialog-item-split.html
+++ b/templates/dialog-item-split.html
@@ -4,7 +4,7 @@
   <label>Quantité totale : {{item.system.quantite}}</label>
   <div class="flexrow">
     <label class="flex-grow">Quantité à séparer</label>
-    <input class="attribute-value choix-quantite flex-shrink" type="number" name="choix.quantite" value="{{choix.quantite}}"
+    <input class="attribute-value choix-quantite flex-shrink number-x2" type="number" name="choix.quantite" value="{{choix.quantite}}"
       min="1" max="{{choix.max}}" data-dtype="Number" />
   </div>
 </form>
diff --git a/templates/dialog-item-vente.html b/templates/dialog-item-vente.html
index 2ba62e3b..4a0f1051 100644
--- a/templates/dialog-item-vente.html
+++ b/templates/dialog-item-vente.html
@@ -16,13 +16,13 @@
           quantiteIllimite}}checked{{/if}} />
         <label class="label-quantiteIllimite flex-shrink">Illimités</label>
         {{/unless}}
-        <input name="quantiteNbLots" class="quantiteNbLots flex-shrink" type="number" min="1"
+        <input name="quantiteNbLots" class="quantiteNbLots flex-shrink number-x2" type="number" min="1"
           max="{{quantiteMaxLots}}" value="{{quantiteNbLots}}" data-dtype="Number" />
       </div>
     </div>
     <div class="flexrow flex-group-left">
       <label for="tailleLot">Taille d'un lot</label>
-      <input name="tailleLot" class="tailleLot flex-shrink" type="number" min="1"
+      <input name="tailleLot" class="tailleLot flex-shrink number-x2" type="number" min="1"
         max="{{quantiteMax}}" value="{{tailleLot}}" data-dtype="Number" />
     </div>
     <div class="flexrow flex-group-left">
diff --git a/templates/item/partial-inventaire.html b/templates/item/partial-inventaire.html
index a8c8a5d6..12abbdb6 100644
--- a/templates/item/partial-inventaire.html
+++ b/templates/item/partial-inventaire.html
@@ -1,25 +1,25 @@
 <div class="form-group">
   <label for="system.qualite">Qualité</label>
-  <input class="attribute-value" type="text" name="system.qualite" value="{{system.qualite}}" data-dtype="Number"
+  <input class="attribute-value number-x3" type="number" name="system.qualite" value="{{system.qualite}}" data-dtype="Number"
     {{#unless (isFieldInventaireModifiable type 'qualite')}}disabled{{/unless}}/>
 </div>
 <div class="form-group">
   <label for="system.encombrement">Encombrement</label>
-  <input class="attribute-value" type="text" name="system.encombrement" value="{{system.encombrement}}" data-dtype="Number"
+  <input class="attribute-value number-x3" type="number" name="system.encombrement" value="{{system.encombrement}}" data-dtype="Number"
     {{#unless (isFieldInventaireModifiable type 'encombrement')}}disabled{{/unless}}/>
 </div>
 <div class="form-group">
   <label for="system.quantite">Quantité {{uniteQuantite id actorId}}</label>
-  <input class="attribute-value" type="text" name="system.quantite" value="{{system.quantite}}" data-dtype="Number"
+  <input class="attribute-value number-x3" type="number" name="system.quantite" value="{{system.quantite}}" data-dtype="Number"
   {{#unless (isFieldInventaireModifiable type 'quantite')}}disabled{{/unless}}/>
 </div>
 <div class="form-group item-cout">
   <label for="system.cout">Prix (sols)</label>
   {{#if (or (ne type 'monnaie') (gt system.cout 0))}}
-  <input class="attribute-value" type="text" name="system.cout" value="{{system.cout}}" data-dtype="Number"
+  <input class="input-prix attribute-value number-x3" type="number" name="system.cout" value="{{numberFormat system.cout decimals=2 sign=false}}" data-dtype="Number"
     {{#unless (isFieldInventaireModifiable type 'cout')}}disabled{{/unless}}/>
   {{else}}
-    <input class="attribute-value field-error" type="text" name="system.cout" value="{{system.cout}}" data-dtype="Number"
+    <input class="input-prix attribute-value field-error number-x3" type="number" name="system.cout" value="{{numberFormat system.cout decimals=2 sign=false}}" data-dtype="Number"
     {{#unless (isFieldInventaireModifiable type 'cout')}}disabled{{/unless}}/>
   {{/if}}
 </div>