totem picker done

templates/actor/parts/character-header.hbs

@@ -1,7 +1,7 @@
 <!-- HEADER -->
 <header class="char-header grid grid-2col">
     <section class="char-details">
-        <h1 class="char-name flexrow  flex-group-left">
+        <h1 class="char-name flexrow  flex-group-left w-full">
             <label>{{ localize 'IDENTITY.name' }}</label>
             <input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "VERMINE.CharacterNamePlaceholder"}}" />
         </h1>
@@ -11,21 +11,21 @@
         </div>
         <div class="flexrow  flex-group-center">
             <label for="system.identity.age">{{ localize 'IDENTITY.age' }}</label>
-            <div>
+            <div class="flexrow row">
             <input type="number" name="system.identity.age" value="{{ system.identity.age }}" data-dtype="Number"/>
             <span id="ageType">({{ ageType "name" system.identity.ageType }})</span>
             </div>
         </div>      
     </section>
     <section class="char-level">
-        <div class="char-vermine2047 flexrow flex-group-center">
+        <h1 class="char-vermine2047 flexrow flex-group-left w-full">
             <label for="system.identity.totem">{{ localize 'IDENTITY.totem' }}</label>
             {{#if (eq system.identity.totem "")}}
                 <a name="chooseTotem" class="chooseTotem">Choisissez votre totem</button>
             {{ else }}    
                 <a name="chooseTotem" class="chooseTotem">{{ smarttl "TOTEMS" system.identity.totem }}</button>
             {{/if}}
-        </div>
+        </h1>
         <div class="reputation flexrow  flex-group-center">
             <label>{{ localize 'VERMINE.reputation' }}</label>
             <input name="system.attributes.reputation.value" type="text" value="{{system.attributes.reputation.value }}" data-dtype="Number" />

templates/applications/choose-totem.hbs

@@ -1,8 +1,17 @@
 <div class="totem choose">
-    <div class="flexrow row mdb">
-        <label for="system.identity.totem">{{ localize 'IDENTITY.totem' }}</label>
-        <select name="system.identity.totem" class="w-full">
-            {{selectOptions config.totems selected=system.identity.totem localize=true}}
-        </select>
-    </div>
+    {{#each config.totems as | totem tk|}}
+    {{#if (ne tk "human")}}
+        {{#if (ne tk "adapted")}}
+        <div class="flexrow row mdb">
+            <h4 style="flex:20%;"><a class="totem" data-totem="{{ tk }}" title="{{ smarttlk "TOTEMS" tk "description"}}"><img src="" alt="{{ localize totem }}" /></a></h4>
+            <p style="flex:80%;">
+                <strong>Instincts</strong> : {{ smarttlk "TOTEMS" tk "instincts"}}<br>
+                <strong>Interdits</strong> : {{ smarttlk "TOTEMS" tk "bans"}}<br>
+                <strong>Comportements</strong> : {{ smarttlk "TOTEMS" tk "behaviour"}}<br>
+                <strong>Totem opposé</strong> : {{ smartcfg "totem_opposites" tk }}<br>
+            </p>
+        </div>
+        {{/if}}
+    {{/if}}
+    {{/each}}
 </div>