- Nouvelle palette : #080c14 fond, accents néon par type (#00d4d4 item, #ff3d5a kungfu, #4a9eff spell, #cc44ff supernatural) - Nouveaux composants LESS : .cde-neon-header (clip-path angulaire + accent line), .cde-avatar (clip-path), .cde-stat-grid/.cde-stat-cell (style terminal), .cde-badge (parallélogramme), .cde-neon-tabs (underline néon animé), .cde-check-cell - Fix layout : .cde-sheet width: 100% + height: 100% + overflow: hidden, .cde-tab-body flex: 1 + min-height: 0, .cde-notes-editor flex stretch - Fix positions : DEFAULT_OPTIONS height explicite pour tous les types (item 620x580, spell 660x680, kungfu 720x680, supernatural 560x520) - 4 templates items reécrits avec nouvelles classes et structure épurée Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
255 lines
12 KiB
HTML
255 lines
12 KiB
HTML
<form class="flexcol cde-sheet cde-actor {{cssClass}}" autocomplete="off">
|
||
{{log 'npc-sheet' this}}
|
||
|
||
<header class="cde-header cde-actor-header">
|
||
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
|
||
<div class="header-fields">
|
||
<div class="cde-header-top">
|
||
<h1 class="charname">
|
||
<input name="name" type="text" value="{{actor.name}}" placeholder="{{ localize 'CDE.NPCName' }}" />
|
||
</h1>
|
||
</div>
|
||
<div class="cde-grid two">
|
||
<div class="cde-field">
|
||
<label>{{ localize "CDE.TypeOfCreature" }}</label>
|
||
<input name="system.type" type="text" value="{{systemData.type}}" placeholder="{{ localize 'CDE.TypeOfCreature' }}" />
|
||
</div>
|
||
<div class="cde-field">
|
||
<label>{{ localize "CDE.Nuisance" }}</label>
|
||
<select name="system.nuisance">
|
||
{{#select systemData.nuisance }}
|
||
<option value="0">{{ localize "CDE.Figurant" }}</option>
|
||
<option value="1">{{ localize "CDE.Minion" }}</option>
|
||
<option value="2">{{ localize "CDE.Adversary" }}</option>
|
||
<option value="3">{{ localize "CDE.Ally" }}</option>
|
||
<option value="4">{{ localize "CDE.Boss" }}</option>
|
||
<option value="5">{{ localize "CDE.Dininity" }}</option>
|
||
{{/select}}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="cde-grid two">
|
||
<div class="cde-field">
|
||
<label>{{ localize "CDE.Threat" }}</label>
|
||
<select name="system.threat">
|
||
{{#select systemData.threat }}
|
||
<option value="0">{{ localize "CDE.Profane" }}</option>
|
||
<option value="1">{{ localize "CDE.Apprentice" }}</option>
|
||
<option value="2">{{ localize "CDE.Initiate" }}</option>
|
||
<option value="3">{{ localize "CDE.Accomplished" }}</option>
|
||
<option value="4">{{ localize "CDE.Reknowned" }}</option>
|
||
{{/select}}
|
||
</select>
|
||
</div>
|
||
<div class="cde-initiative-card">
|
||
<label>{{ localize "CDE.Initiative" }}</label>
|
||
<div class="cde-initiative-controls">
|
||
<img
|
||
class="click-initiative-npc"
|
||
data-libel-id="minus"
|
||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2-moins.png"
|
||
title="{{ localize 'CDE.MinusInitiative' }}"
|
||
alt="Init -"
|
||
/>
|
||
<span class="cde-initiative-value">{{systemData.initiative}}</span>
|
||
<img
|
||
class="click-initiative-npc"
|
||
data-libel-id="create"
|
||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2.png"
|
||
title="{{ localize 'CDE.DeterminateNPCInitiative' }}"
|
||
alt="Init set"
|
||
/>
|
||
<img
|
||
class="click-initiative-npc"
|
||
data-libel-id="plus"
|
||
src="systems/fvtt-chroniques-de-l-etrange/images/kung-fu/kung-fu-2-plus.png"
|
||
title="{{ localize 'CDE.PlusInitiative' }}"
|
||
alt="Init +"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cde-tag">
|
||
<span class="cde-pill npc">{{ localize "CDE.NPCName" }}</span>
|
||
<span>Chroniques de l'Étrange</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="sheet-tabs tabs cde-tabs" data-group="primary">
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="description">{{ localize "CDE.Description" }}</a>
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="aptitudes">{{ localize "CDE.Aptitudes" }}</a>
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="supernaturals">{{ localize "CDE.SuperNatural" }}</a>
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="spells">{{ localize "CDE.Spells" }}</a>
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="kungfus">{{ localize "CDE.MartialArts" }}</a>
|
||
<a class="item" data-action="tab" data-group="primary" data-tab="items">{{ localize "CDE.Items" }}</a>
|
||
</nav>
|
||
|
||
<section class="sheet-body cde-tab-body">
|
||
<div class="tab" data-group="primary" data-tab="description">
|
||
<div class="cde-card cde-notes-editor">
|
||
{{editor descriptionHTML target="system.description" button=true editable=editable engine="prosemirror"}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab" data-group="primary" data-tab="aptitudes">
|
||
<div class="cde-card cde-data-table cde-aptitudes">
|
||
<div class="tab-sous-titre">{{ localize "CDE.Aptitudes" }}</div>
|
||
<table>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Physical" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input phys-apt" type="number" placeholder="0" name="system.aptitudes.physical.value" value="{{systemData.aptitudes.physical.value}}" />
|
||
</td>
|
||
<td class="specialities">
|
||
<input
|
||
class="input"
|
||
type="text"
|
||
placeholder="{{ localize 'CDE.Specialities' }}"
|
||
name="system.aptitudes.physical.speciality"
|
||
value="{{systemData.aptitudes.physical.speciality}}"
|
||
/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Martial" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input" type="number" placeholder="0" name="system.aptitudes.martial.value" value="{{systemData.aptitudes.martial.value}}" />
|
||
</td>
|
||
<td class="specialities">
|
||
<input
|
||
class="input"
|
||
type="text"
|
||
placeholder="{{ localize 'CDE.Specialities' }}"
|
||
name="system.aptitudes.martial.speciality"
|
||
value="{{systemData.aptitudes.martial.speciality}}"
|
||
/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Mental" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input" type="number" placeholder="0" name="system.aptitudes.mental.value" value="{{systemData.aptitudes.mental.value}}" />
|
||
</td>
|
||
<td class="specialities">
|
||
<input
|
||
class="input"
|
||
type="text"
|
||
placeholder="{{ localize 'CDE.Specialities' }}"
|
||
name="system.aptitudes.mental.speciality"
|
||
value="{{systemData.aptitudes.mental.speciality}}"
|
||
/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Social" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input" type="number" placeholder="0" name="system.aptitudes.social.value" value="{{systemData.aptitudes.social.value}}" />
|
||
</td>
|
||
<td class="specialities">
|
||
<input
|
||
class="input"
|
||
type="text"
|
||
placeholder="{{ localize 'CDE.Specialities' }}"
|
||
name="system.aptitudes.social.speciality"
|
||
value="{{systemData.aptitudes.social.speciality}}"
|
||
/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Spiritual" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input spir-apt" type="number" placeholder="0" name="system.aptitudes.spiritual.value" value="{{systemData.aptitudes.spiritual.value}}" />
|
||
</td>
|
||
<td class="specialities">
|
||
<input
|
||
class="input"
|
||
type="text"
|
||
placeholder="{{ localize 'CDE.Specialities' }}"
|
||
name="system.aptitudes.spiritual.speciality"
|
||
value="{{systemData.aptitudes.spiritual.speciality}}"
|
||
/>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Vitality" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input" type="number" placeholder="0" name="system.vitality.value" value="{{systemData.vitality.value}}" />
|
||
</td>
|
||
<td class="image2">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<div>-{{systemData.vitality.calcul}}-</div>
|
||
</td>
|
||
<td class="specialities">
|
||
<input class="input" type="text" placeholder="{{ localize 'CDE.Notes' }}" name="system.vitality.note" value="{{systemData.vitality.note}}" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><b> {{ localize "CDE.Hei" }}</b></td>
|
||
<td class="image">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<input class="input" type="number" placeholder="0" name="system.hei.value" value="{{systemData.hei.value}}" />
|
||
</td>
|
||
<td class="image2">
|
||
<img src="systems/fvtt-chroniques-de-l-etrange/images/cercle.png" title="Cercle" alt="Cercle" />
|
||
<div class="stick"> </div>
|
||
<div>-{{systemData.hei.calcul}}-</div>
|
||
</td>
|
||
<td class="specialities">
|
||
<input class="input" type="text" placeholder="{{ localize 'CDE.Notes' }}" name="system.hei.note" value="{{systemData.hei.note}}" />
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div class="dragon">
|
||
<img
|
||
class="logo"
|
||
src="systems/fvtt-chroniques-de-l-etrange/images/logo_dore.png"
|
||
title="奇闻异事 ● Hong Kong – Les Chroniques de l'Étrange ● R.d′Huissier & C.Lameire ● Antre Monde Éditions"
|
||
alt="Logo"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab" data-group="primary" data-tab="supernaturals">
|
||
<div class="cde-card cde-data-table">
|
||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-npc-supernaturals.html"}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab" data-group="primary" data-tab="spells">
|
||
<div class="cde-card cde-data-table">
|
||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-npc-spells.html"}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab" data-group="primary" data-tab="kungfus">
|
||
<div class="cde-card cde-data-table">
|
||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-npc-kungfus.html"}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab" data-group="primary" data-tab="items">
|
||
<div class="cde-card cde-data-table">
|
||
{{> "systems/fvtt-chroniques-de-l-etrange/templates/actor/parts/cde-npc-items.html"}}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</form>
|