Image du token pour les Commerces non liés

module/actor/commerce-sheet.js

@@ -22,7 +22,28 @@ export class RdDCommerceSheet extends RdDBaseActorSheet {
       dragDrop: [{ dragSelector: ".item-list .item", dropSelector: undefined }]
     });
   }
+  get title() {
+    if (this.actor.token && this.actor.token != this.actor.prototypeToken) {
+      return this.actor.token.name;
+    }
+    return super.title
+  }
 
+  async getData() {
+    const formData = await super.getData();
+    if (this.actor.token && this.actor.token != this.actor.prototypeToken) {
+      mergeObject(formData,
+        {
+          title: this.actor.token.name,
+          token: {
+            img: this.actor.token.texture.src
+          }
+        },
+        { overwrite: true });
+
+    }
+    return formData;
+  }
   /* -------------------------------------------- */
   /** @override */
   activateListeners(html) {
@@ -32,7 +53,7 @@ export class RdDCommerceSheet extends RdDBaseActorSheet {
 
     if (!this.options.editable) return;
 
-    this.html.find('a.item-quantite-moins').click(async event => await this.getItem(event)?.quantiteIncDec(-1, { supprimerSiZero: false}));
+    this.html.find('a.item-quantite-moins').click(async event => await this.getItem(event)?.quantiteIncDec(-1, { supprimerSiZero: false }));
     this.html.find('a.item-quantite-plus').click(async event => await this.getItem(event)?.quantiteIncDec(1));
     this.html.find('input.item-quantite').change(async event => {
       const newQuantite = Math.max(0, Number.parseInt(this.html.find(event.currentTarget).val()));

styles/simple.css

@@ -174,11 +174,11 @@ i:is(.fas, .far) {
   margin-bottom: -8px;
 }
 
-.system-foundryvtt-reve-de-dragon .sheet-header :is(.header-compteurs,.header-etats,.profile-img){
+.system-foundryvtt-reve-de-dragon .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
   padding: 0 3%;
 }
 
-.system-foundryvtt-reve-de-dragon .sheet-header .profile-img {
+.system-foundryvtt-reve-de-dragon .sheet-header :is(.profile-img, .profile-img-token)  {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 110px;
   flex: 0 0 110px;
@@ -492,7 +492,7 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
   max-height: 1.5em;
   border-width: 0;
 }
-div.dimmed .img-signe-heure {
+.dimmed {
   opacity: 50%;
 }
 .button-effect-img {
@@ -844,7 +844,7 @@ form.rdddialogchrono input[type=datetime-local] {
 
 section.sheet-body{padding: 0.25rem 0.5rem;}
 
-.sheet header.sheet-header .profile-img {
+.sheet header.sheet-header :is(.profile-img, .profile-img-token) {
   object-fit: scale-down;
   object-position: 50% 0;
   margin: 0.5rem 0 0.5rem  0.5rem;

templates/actor/commerce-actor-sheet.html

@@ -4,7 +4,14 @@
   <header class="sheet-header">
     <div class="header-fields">
       <div class="flexrow">
+        {{#if token}}
+          {{#if options.isOwner}}
+          <img class="profile-img dimmed" src="{{img}}" data-edit="img" title="{{name}}" />
+          {{/if}}
+          <img class="profile-img-token" src="{{token.img}}" title="{{name}}" />
+        {{else}}
         <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
+        {{/if}}
         <div class="flexcol">
           <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
           {{#if @root.options.isObserver}}