Files
fvtt-chroniques-de-l-etrange/templates/actor/cde-npc-sheet.html
LeRatierBretonnier 068fca00e5 Neo-Tokyo Neon Noir design pour fiches items
- 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>
2026-03-26 00:18:04 +01:00

255 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>&nbsp;{{ 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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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">&nbsp;</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>&nbsp;{{ 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">&nbsp;</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">&nbsp;</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'&Eacute;trange ● R.dHuissier & C.Lameire ● Antre Monde &Eacute;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>