début item sheet

This commit is contained in:
rwanoux
2024-04-28 23:30:50 +02:00
parent 067771d8b9
commit 82182f227d
4 changed files with 170 additions and 72 deletions
+1 -5
View File
@@ -58,12 +58,8 @@
/> />
</div> </div>
</div> </div>
<main <h2>description</h2>
class="editor-wrapper"
style="flex:10"
>
{{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}} {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
</main>
</div> </div>
</section> </section>
</form> </form>
+51 -23
View File
@@ -1,43 +1,71 @@
<form class="{{cssClass}}" autocomplete="off"> <form
class="{{cssClass}}"
autocomplete="off"
>
<header class="sheet-header"> <header class="sheet-header">
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/> <img
class="profile-img"
src="{{item.img}}"
data-edit="img"
title="{{item.name}}"
/>
<div class="header-fields"> <div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1> <h1 class="charname"><input
<div class="grid grid-2col"> name="name"
<div class="resource"> type="text"
<label class="resource-label">Quantity</label> value="{{item.name}}"
<input type="text" name="system.quantity" value="{{system.quantity}}" data-dtype="Number"/> placeholder="Name"
</div> /></h1>
<div class="resource">
<label class="resource-label">Weight</label>
<input type="text" name="system.weight" value="{{system.weight}}" data-dtype="Number"/>
</div>
</div>
</div> </div>
</header> </header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item active" data-tab="description">Description</a>
</nav>
{{!-- Sheet Body --}} {{!-- Sheet Body --}}
<section class="sheet-body"> <section class="sheet-body ">
<div class="flexrow">
{{!-- Description Tab --}} {{!-- Description Tab --}}
<div class="tab" data-group="primary" data-tab="description">
{{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
<div class="resource"> <div class="resource">
<label class="resource-label">Rarity</label> <label class="resource-label">Rarity</label>
<input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/> <input
type="number"
name="system.rarity"
value="{{system.rarity}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">Reliability</label> <label class="resource-label">Reliability</label>
<input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/> <input
type="number"
name="system.reliability"
value="{{system.reliability}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource">
<label class="resource-label">Quantity</label>
<input
type="text"
name="system.quantity"
value="{{system.quantity}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource">
<label class="resource-label">Weight</label>
<input
type="text"
name="system.weight"
value="{{system.weight}}"
data-dtype="Number"
/>
</div>
</div>
<h2>Description</h2>
{{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
</section> </section>
</form> </form>
+43 -14
View File
@@ -1,32 +1,61 @@
<form class="{{cssClass}}" autocomplete="off"> <form
class="{{cssClass}}"
autocomplete="off"
>
<header class="sheet-header"> <header class="sheet-header">
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/> <img
class="profile-img"
src="{{item.img}}"
data-edit="img"
title="{{item.name}}"
/>
<div class="header-fields"> <div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1> <h1 class="charname"><input
name="name"
type="text"
value="{{item.name}}"
placeholder="Name"
/></h1>
</div> </div>
</header> </header>
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item active" data-tab="description">{{ localize "VERMINE.stats" }}</a>
</nav>
<section class="sheet-body"> <section class="sheet-body">
<div class="tab flexrow" data-group="primary" data-tab="description"> <div
<aside style="flex:1"> class=" flexcol"
data-group="primary"
data-tab="description"
>
<div class="flexrow">
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.mobility"}}</label> <label class="resource-label">{{ localize "VERMINE.mobility"}}</label>
<input type="number" name="system.mobility" value="{{system.mobility}}" data-dtype="Number"/> <input
type="number"
name="system.mobility"
value="{{system.mobility}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.rarity"}}</label> <label class="resource-label">{{ localize "VERMINE.rarity"}}</label>
<input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/> <input
type="number"
name="system.rarity"
value="{{system.rarity}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.reliability"}}</label> <label class="resource-label">{{ localize "VERMINE.reliability"}}</label>
<input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/> <input
type="number"
name="system.reliability"
value="{{system.reliability}}"
data-dtype="Number"
/>
</div> </div>
</aside> </div>
<main class="editor-wrapper" style="flex:10"> <h2>Description</h2>
{{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}} {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
</main>
</div> </div>
</section> </section>
</form> </form>
+60 -15
View File
@@ -1,41 +1,86 @@
<form class="{{cssClass}}" autocomplete="off"> <form
class="{{cssClass}}"
autocomplete="off"
>
<header class="sheet-header"> <header class="sheet-header">
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/> <img
class="profile-img"
src="{{item.img}}"
data-edit="img"
title="{{item.name}}"
/>
<div class="header-fields"> <div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1> <h1 class="charname"><input
name="name"
type="text"
value="{{item.name}}"
placeholder="Name"
/></h1>
</div> </div>
</header> </header>
<section class="sheet-body"> <section class="sheet-body">
<div class="flexrow" data-group="primary" data-tab="description"> <div
{{ log system }} class="flexcol"
<aside style="flex:1"> data-group="primary"
data-tab="description"
>
<div class="flexrow">
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.ranges"}}</label> <label class="resource-label">{{ localize "VERMINE.ranges"}}</label>
<div class="flexrow"> <div class="flexrow">
<input type="number" name="system.min_range" value="{{system.min_range}}" data-dtype="Number"/> / <input
<input type="number" name="system.max_range" value="{{system.max_range}}" data-dtype="Number"/> type="number"
name="system.min_range"
value="{{system.min_range}}"
data-dtype="Number"
/> /
<input
type="number"
name="system.max_range"
value="{{system.max_range}}"
data-dtype="Number"
/>
</div> </div>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.damages"}}</label> <label class="resource-label">{{ localize "VERMINE.damages"}}</label>
<input type="number" name="system.damage" value="{{system.damage}}" data-dtype="Number"/> <input
type="number"
name="system.damage"
value="{{system.damage}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.ammo"}}</label> <label class="resource-label">{{ localize "VERMINE.ammo"}}</label>
<input type="number" name="system.ammo" value="{{system.ammo}}" data-dtype="Number"/> <input
type="number"
name="system.ammo"
value="{{system.ammo}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.rarity"}}</label> <label class="resource-label">{{ localize "VERMINE.rarity"}}</label>
<input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/> <input
type="number"
name="system.rarity"
value="{{system.rarity}}"
data-dtype="Number"
/>
</div> </div>
<div class="resource"> <div class="resource">
<label class="resource-label">{{ localize "VERMINE.reliability"}}</label> <label class="resource-label">{{ localize "VERMINE.reliability"}}</label>
<input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/> <input
type="number"
name="system.reliability"
value="{{system.reliability}}"
data-dtype="Number"
/>
</div> </div>
</aside> </div>
<main class="editor-wrapper" style="flex:5"> <h2>description</h2>
{{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}} {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
</main>
</div> </div>
</section> </section>
</form> </form>