From 39c647842219ffd168fdb4bad16a68fffd8c5614 Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandemeulebrouck@itiviti.com>
Date: Mon, 28 Nov 2022 10:07:04 +0100
Subject: [PATCH] Affichage des images de tarot

---
 styles/simple.css               | 10 ++++++++
 templates/item-tarot-sheet.html | 41 ++++++++++++++++++---------------
 2 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/styles/simple.css b/styles/simple.css
index 850a5317..4d1f7445 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -332,6 +332,16 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
   object-fit: cover;
   object-position: 50% 0;
 }
+.foundryvtt-reve-de-dragon .rdd-item-sheet-tarot img.profile-img {
+  max-height: 600px;
+  max-width: 200px;
+  width: max-content;
+  margin-right: 0px;
+  object-fit: scale-down;
+  border: none;
+  margin-right: 5px;
+  object-position: 50% 0;
+}
 .rdd-dialog-select-target img.select-token-img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48px;
diff --git a/templates/item-tarot-sheet.html b/templates/item-tarot-sheet.html
index 5d45dc73..fbf4b953 100644
--- a/templates/item-tarot-sheet.html
+++ b/templates/item-tarot-sheet.html
@@ -1,22 +1,27 @@
-<form class="{{cssClass}}" autocomplete="off">
-  {{>"systems/foundryvtt-reve-de-dragon/templates/header-item.html"}}
-  {{!-- Sheet Body --}}
+<form class="rdd-item-sheet-tarot" autocomplete="off">
+  <header class="sheet-header">
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
+    </div>
+  </header>
   <section class="sheet-body">
-    <div class="flexcol">
-      <div class="form-group">
-        <label>Aspect</label>
-        <input class="attribute-value" type="text" name="system.concept" value="{{system.concept}}" data-dtype="String" />
+    <div class="flexrow">
+      <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>
+      <div class="flexcol">
+        <div class="form-group">
+          <label>Aspect</label>
+          <input class="attribute-value" type="text" name="system.concept" value="{{system.concept}}" data-dtype="String" />
+        </div>
+        <div class="form-group">
+          <label>Sens</label>
+          <select name="system.aspect" id="aspect" data-dtype="String">
+            {{#select system.aspect}}
+            {{>"systems/foundryvtt-reve-de-dragon/templates/enum-aspect-tarot.html"}}
+            {{/select}}
+          </select>
+        </div>
+        {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-frequence.html"}}
+        {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-description.html"}}
       </div>
-      <div class="form-group">
-        <label>Sens</label>
-        <select name="system.aspect" id="aspect" data-dtype="String">
-          {{#select system.aspect}}
-          {{>"systems/foundryvtt-reve-de-dragon/templates/enum-aspect-tarot.html"}}
-          {{/select}}
-        </select>
-      </div>
-
-      {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-frequence.html"}}
-      {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-description.html"}}
     </section>
 </form>