Finalize aappv2 data models migration

templates/chat/chat-confrontation-result.hbs

@@ -1,37 +1,55 @@
-<div class="chat-message-header">
-  {{#if actorImg}}
-  <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
-  {{/if}}
-  <h4 class="chat-actor-name">{{alias}}</h4>
+<div class="malefices-chat-card">
+
+  <header class="chat-card-header">
+    {{#if actorImg}}
+      <img class="chat-actor-img" src="{{actorImg}}" alt="{{alias}}" />
+    {{/if}}
+    <div class="chat-actor-name">{{alias}}</div>
+    {{#if img}}
+      <div class="chat-header-roll">
+        <img class="chat-roll-icon" src="{{img}}" alt="Confrontation" />
+        <span class="chat-roll-name">Confrontation</span>
+      </div>
+    {{/if}}
+  </header>
+
+  <div class="chat-card-separator"></div>
+
+  <dl class="chat-roll-details">
+    <div class="chat-detail-row">
+      <dt>{{attr.label}}</dt>
+      <dd>{{attr.value}}</dd>
+    </div>
+    {{#if confrontationDegre}}
+      <div class="chat-detail-row">
+        <dt>Degré de confrontation</dt>
+        <dd>{{confrontationDegre}}</dd>
+      </div>
+    {{/if}}
+    {{#if confrontationModif}}
+      <div class="chat-detail-row">
+        <dt>Ajustement</dt>
+        <dd>{{confrontationModif}}</dd>
+      </div>
+    {{/if}}
+    <div class="chat-detail-row chat-detail-target">
+      <dt>Seuil final</dt>
+      <dd>{{target}}</dd>
+    </div>
+    <div class="chat-detail-row chat-detail-roll">
+      <dt>Valeur de la carte</dt>
+      <dd>{{total}}</dd>
+    </div>
+  </dl>
+
+  <div class="chat-card-result {{#if isSuccess}}result-success{{else}}result-failure{{/if}}">
+    {{#if isSuccess}}
+      <i class="fa-solid fa-check"></i> Réussite !
+      <div class="chat-result-damage">{{attr.label}} augmente de {{gainAttr}} points</div>
+    {{else}}
+      <i class="fa-solid fa-xmark"></i> Échec !
+      <div class="chat-result-damage">{{attr.label}} diminue de {{gainAttr}} points</div>
+    {{/if}}
+  </div>
+
 </div>
-
-  <hr>
-  
-  {{#if img}}
-  <div >
-    <img class="chat-icon" src="{{img}}" alt="{{name}}" />
-  </div>
-  {{/if}}
-
-  <div class="flexcol">
-    </div>
-
-    <div>
-      <ul>
-        <li>Confrontation de {{attr.label}} : {{attr.value}} 
-        </li>
-        <li>Degré de la confrontation: {{confrontationDegre}} </li>
-        <li>Ajustement spécial : {{confrontationModif}} </li>
-        <li>Seuil final : {{target}} </li>
-        <li>Valeur de la carte : {{total}} </li>
-
-        {{#if isSuccess}}
-          <li><label class="chat-result-text chat-result-success ">Réussite !</label> Votre {{attr.label}} augmente de {{gainAttr}} points.</li>
-        {{else}}
-          <li><label class="chat-result-text chat-result-failure ">Echec !</label> Votre {{attr.label}} diminue de {{gainAttr}} points.</li>
-        {{/if}}
-
-      </ul>  
-    </div>
-
-  </div>