Appv2 + DataModel migration completed

templates/chat-degats-result.html

@@ -1,29 +1,57 @@
-<div class="chat-message-header">
-  {{#if actorImg}}
-  <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
-  {{/if}}
-  <h4 class=chat-actor-name>{{alias}}</h4>
-</div>
-
-<hr>
-
-{{#if actionImg}}
-<div>
-  <img class="chat-icon" src="{{actionImg}}" alt="{{name}}" />
-</div>
-{{/if}}
-
-<div class="flexcol">
-</div>
-
-<div>
-  <ul>
-    <li>Arme : {{arme.name}} (+{{arme.system.totalDegats}})</li>
-    <li>Formule : {{formula}}</li>
-    <li>Dégats : {{finalResult}}</li>    
-    {{#if targetVigueur}}
-      <li>Vigueur de la cible : {{targetVigueur}}</li>    
-      <li>Etats de Combativité supplémentaires perdus (auto): {{nbEtatPerdus}} </li>
+<div class="hawkmoon-chat-result">
+  {{!-- Header avec acteur --}}
+  <div class="chat-result-header">
+    {{#if actorImg}}
+    <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
     {{/if}}
-  </ul>
+    <div class="header-info">
+      <h4 class="actor-name">{{alias}}</h4>
+      <div class="action-title">
+        <i class="fas fa-burst"></i>
+        Dégâts{{#if arme}} - {{arme.name}}{{/if}}
+      </div>
+    </div>
+  </div>
+
+  {{!-- Résultat principal --}}
+  <div class="result-main">
+    <div class="result-display">
+      <div class="total-result">
+        <i class="fas fa-heart-broken"></i>
+        <span class="total-label">Dégâts</span>
+        <span class="total-value">{{finalResult}}</span>
+      </div>
+      {{#if targetVigueur}}
+      <div class="difficulty">
+        <i class="fas fa-shield"></i>
+        <span class="difficulty-label">Vigueur</span>
+        <span class="difficulty-value">{{targetVigueur}}</span>
+      </div>
+      {{/if}}
+    </div>
+  </div>
+
+  {{!-- Détails du jet --}}
+  <div class="result-details">
+    <div class="details-section">
+      {{#if arme}}
+      <div class="detail-row">
+        <span class="detail-label">Arme:</span>
+        <span class="detail-value">{{arme.name}} (+{{arme.system.totalDegats}})</span>
+      </div>
+      {{/if}}
+
+      <div class="detail-row">
+        <span class="detail-label">Formule:</span>
+        <span class="detail-value">{{formula}}</span>
+      </div>
+
+      {{#if targetVigueur}}
+      <div class="detail-row bonus">
+        <span class="detail-label">États perdus:</span>
+        <span class="detail-value">{{nbEtatPerdus}}</span>
+      </div>
+      {{/if}}
+    </div>
+  </div>
 </div>