Rework des fiches

This commit is contained in:
sladecraven 2022-11-14 15:27:19 +01:00
parent 50e42d4ecf
commit 1d5e4f89b2
21 changed files with 220 additions and 232 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 745 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 132 KiB

View File

@ -40,6 +40,7 @@ export class HawkmoonActorSheet extends ActorSheet {
limited: this.object.limited,
skills: this.actor.getSkills(),
armes: duplicate(this.actor.getWeapons()),
monnaies: duplicate(this.actor.getMonnaies()),
protections: duplicate(this.actor.getArmors()),
historique: duplicate(this.actor.getHistorique() || {}),
talents: duplicate(this.actor.getTalents() || {}),

View File

@ -81,6 +81,10 @@ export class HawkmoonActor extends Actor {
}
return armes
}
/* -------------------------------------------- */
getMonnaies() {
return this.items.filter( it => it.type == "monnaie")
}
/* ----------------------- --------------------- */
addMember( actorId) {

View File

@ -147,6 +147,7 @@ export class HawkmoonUtility {
const templatePaths = [
'systems/fvtt-hawkmoon-cyd/templates/editor-notes-gm.html',
'systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html',
'systems/fvtt-hawkmoon-cyd/templates/partial-item-description.html',
'systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html',
'systems/fvtt-hawkmoon-cyd/templates/partial-list-niveau.html',

View File

@ -48,21 +48,33 @@
text-align: justify;
font-size: 12px;
letter-spacing: 1px;
background-image: url("../assets/ui/pc_sheet_bg.webp");
background-repeat: repeat;
}
/* Fonts */
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
.window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
font-family: "Charlemagne";
font-size: 0.8rem;
} /* For title, sidebar character and scene */
.sheet header.sheet-header h1 input {
font-family: "Charlemagne";
font-size: 0.8rem;
color: lightgray;
}
.sheet nav.sheet-tabs {
font-family: "Charlemagne";
font-size: 0.8rem;
color: #151c1f;
} /* For nav and title */
.window-app input, .fvtt-hawkmoon-cyd .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
font-size: 0.8rem;
}
.fvtt-hawkmoon-cyd .sheet-header select option {
background-color: rgb(68, 25, 25);
}
.fvtt-hawkmoon-cyd .sheet-header input, .fvtt-hawkmoon-cyd .sheet-header select {
color: lightgray;
}
.window-header{
background: rgba(0,0,0,0.75);
}
@ -70,6 +82,8 @@
.window-app.sheet .window-content {
margin: 0;
padding: 0;
background-image: url("../assets/ui/pc_sheet_bg.webp");
background-repeat: repeat;
}
.strong-text{
font-weight: bold;
@ -222,6 +236,13 @@ table {border: 1px solid #7a7971;}
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 10px;
background-image: url("../assets/ui/hawkmoon_background_01.png");
}
.background-sheet-header {
background-image: url("../assets/ui/hawkmoon_background_01.png");
background-blend-mode: soft-light;
color: lightgray;
}
.fvtt-hawkmoon-cyd .sheet-header .profile-img {
@ -278,6 +299,7 @@ table {border: 1px solid #7a7971;}
font-weight: bold;
font-size: 2rem;
font-family: "Charlemagne";
color: lightgray;
}
.fvtt-hawkmoon-cyd .sheet-header h1.charname input {
@ -287,6 +309,7 @@ table {border: 1px solid #7a7971;}
font-weight: bold;
font-family: "Charlemagne";
font-size: 2rem;
color: lightgray;
}
.fvtt-hawkmoon-cyd .sheet-tabs {
@ -300,6 +323,11 @@ table {border: 1px solid #7a7971;}
.fvtt-hawkmoon-cyd .sheet-body .tab .editor {
height: 100%;
font-size: 0.8rem;
color:rgba(0,0,0,0.9)
}
.fvtt-hawkmoon-cyd .sheet-body input, .fvtt-hawkmoon-cyd .sheet-body select {
color:rgba(0,0,0,0.9)
}
.editor {
@ -341,7 +369,7 @@ table {border: 1px solid #7a7971;}
}
.fvtt-hawkmoon-cyd .tabs .item {
line-height: 40px;
/*line-height: 40px;*/
font-weight: bold;
}
@ -395,26 +423,28 @@ table {border: 1px solid #7a7971;}
/* Sheet */
.window-app.sheet .window-content .sheet-header{
/*background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
background: url("../assets/ui/pc_sheet_bg.webp") repeat left top;
/*color: rgba(168, 139, 139, 0.5);*/
background: url("../assets/ui/pc_sheet_bg.webp");
background-repeat: repeat;
}
.window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] {
color: rgba(36, 37, 37, 0.75);
/*color: rgba(36, 37, 37, 0.75);*/
/*background: rgba(255, 255, 255, 0.05);*/
border: 2px saddlebrown;
border-width: 2px;
/*border: 2px saddlebrown;*/
/*color: lightgray;*/
border-width: 1px;
margin-bottom: 0.25rem;
}
.window-app .window-content, .window-app.sheet .window-content .sheet-body{
font-size: 0.8rem;
background: url("../assets/ui/pc_sheet_bg.webp") repeat left top;
background: url("../assets/ui/pc_sheet_bg.webp");
background-repeat: repeat-y;
color: black;
}
/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
section.sheet-body{padding: 0.25rem 0.5rem;}
/*section.sheet-body{
padding: 0.25rem 0.5rem;}*/
.sheet header.sheet-header .profile-img {
object-fit: cover;
@ -427,7 +457,7 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
.sheet nav.sheet-tabs {
font-size: 0.70rem;
font-weight: bold;
height: 3rem;
height: 2.5rem;
flex: 0 0 3rem;
margin: 0;
padding: 0 0 0 0.25rem;
@ -436,12 +466,12 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
line-height: 1.5rem;
border-top: 0 none;
border-bottom: 0 none;
background-color:#2e5561;
color:beige;
/*background-color:#2e5561;*/
color: #151c1f;
/*background-image: url("../assets/ui/hawkmoon_background_02.png");*/
}
/* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/
nav.sheet-tabs .item {
position: relative;
padding: 0 0.25rem;
@ -454,7 +484,7 @@ nav.sheet-tabs .item:after {
right: 0;
height: 2rem;
width: 1px;
border-right: 1px dashed rgba(52, 52, 52, 0.25);
/*border-right: 1px dashed rgba(52, 52, 52, 0.25);*/
}
.sheet .tab[data-tab] {
@ -1386,3 +1416,6 @@ ul, li {
font-weight: bold;
color: darkred;
}
.adversite-modify {
margin-top: 12px;
}

View File

@ -2,7 +2,7 @@
{{!-- Sheet Header --}}
<header class="sheet-header">
<div class="header-fields">
<div class="header-fields background-sheet-header">
<div class="flexrow">
<img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="flexcol">
@ -29,11 +29,22 @@
<h4 class="item-name-label competence-name item-field-label-medium">Eclat</h4>
<input type="text" class="padd-right status-small-label color-class-common item-field-label-short"
name="system.eclat.value" value="{{system.eclat.value}}" data-dtype="Number" />
</li>
<li class="item flexrow">
<h4 class="item-name-label competence-name item-field-label-medium">Vigueur</h4>
<label class="status-small-label color-class-common item-field-label-short">{{system.sante.vigueur}}</label>
<h4 class="item-name-label competence-name item-field-label-medium">Etat</h4>
<select class="status-small-label color-class-common item-field-label-medium" type="text" name="system.sante.etat"
value="{{system.sante.etat}}" data-dtype="Number">
{{#select system.sante.etat}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-sante-etat.html}}
{{/select}}
</select>
</li>
</ul>
</div>
</div>
</div>
</header>
@ -42,7 +53,7 @@
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="principal">Attributs</a>
<a class="item" data-tab="competences">Compétences</a>
<a class="item" data-tab="talents">Talents</a>
<a class="item" data-tab="combat">Combat</a>
<a class="item" data-tab="equipement">Equipement</a>
<a class="item" data-tab="biodata">Bio&Notes</a>
</nav>
@ -53,6 +64,8 @@
{{!-- Main Tab --}}
<div class="tab principal" data-group="primary" data-tab="principal">
<div class="flexcol">
<div class="grid grid-2col">
<div class="sheet-box color-bg-archetype">
@ -70,34 +83,19 @@
</select>
</li>
{{/each}}
</ul>
<h4 class="item-name-label competence-name">Santé</h4>
<ul class="item-list alternate-list">
<li class="item flexrow">
<label class="label-name item-field-label-short">Vigueur</label>
<label class="label-name item-field-label-short">{{system.sante.vigueur}}</label>
</li>
<li class="item flexrow">
<label class="label-name item-field-label-short">Etat</label>
<select class="label-name item-field-label-medium" type="text" name="system.sante.etat" value="{{system.sante.etat}}" data-dtype="Number">
{{#select system.sante.etat}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-sante-etat.html}}
{{/select}}
</select>
</li>
</ul>
<h4 class="item-name-label competence-name">Combat</h4>
<ul class="item-list alternate-list">
<li class="item flexrow">
<button class="chat-card-button roll-initiative">Initiative</button>
<li class="item flexrow" data-adversite="{{key}}">
<span class="item-name-label competence-name item-field-label-medium">Vitesse</span>
<input type="text" class="padd-right numeric-input item-field-label-short" name="system.vitesse.value"
value="{{system.vitesse.value}}" data-dtype="Number" />
</li>
</ul>
</ul>
</div>
<div class="sheet-box color-bg-archetype">
<h4 class="item-name-label competence-name">Adversité</h4>
<h4 class="item-name-label competence-name">Adversités</h4>
<ul class="item-list alternate-list">
{{#each system.adversite as |adv key|}}
<li class="item flexrow" data-adversite="{{key}}">
@ -113,18 +111,63 @@
</li>
{{/each}}
</ul>
<h4 class="item-name-label competence-name">Vitesse</h4>
<ul class="item-list alternate-list">
<li class="item flexrow" data-adversite="{{key}}">
<input type="text" class="padd-right numeric-input item-field-label-short" name="system.vitesse.value"
value="{{system.vitesse.value}}" data-dtype="Number" />
</li>
</ul>
</div>
</div>
<div class="sheet-box color-bg-archetype">
<ul class="item-list alternate-list">
<li class="item flexrow">
<span class="item-name-label-header">
<h3><label class="items-title-text">Talents</label></h3>
</span>
<span class="item-field-label-short">
<label class="short-label">Résumé</label>
</span>
<div class="item-filler">&nbsp;</div>
</li>
{{#each talents as |talent key|}}
<li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
<img class="item-name-img" src="{{talent.img}}" />
<span class="item-name-label competence-name">{{talent.name}}</span>
<span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
<div class="item-filler">&nbsp;</div>
<div class="item-controls item-controls-fixed">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
</li>
{{/each}}
</ul>
</div>
<div class="flexrow">
<div class="sheet-box color-bg-archetype">
<ul class="item-list alternate-list">
<li class="item flexrow">
<span class="item-name-label-header">
<h3><label class="items-title-text">Talents de Cellule</label></h3>
</span>
<span class="item-field-label-short">
<label class="short-label">Résumé</label>
</span>
<div class="item-filler">&nbsp;</div>
</li>
{{#each talentsCell as |talent key|}}
<li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
<img class="item-name-img" src="{{talent.img}}" />
<span class="item-name-label competence-name">{{talent.name}}</span>
<span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
<div class="item-filler">&nbsp;</div>
<div class="item-controls item-controls-fixed">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
</div>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
@ -184,71 +227,14 @@
</div>
{{!-- Talents Tab --}}
<div class="tab talents" data-group="primary" data-tab="talents">
<div class="flexrow">
<div class="sheet-box color-bg-archetype">
<ul class="item-list alternate-list">
<li class="item flexrow">
<span class="item-name-label-header">
<h3><label class="items-title-text">Talents</label></h3>
</span>
<span class="item-field-label-short">
<label class="short-label">Résumé</label>
</span>
<div class="item-filler">&nbsp;</div>
</li>
{{#each talents as |talent key|}}
<li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
<img class="item-name-img" src="{{talent.img}}" />
<span class="item-name-label competence-name">{{talent.name}}</span>
<span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
<div class="item-filler">&nbsp;</div>
<div class="item-controls item-controls-fixed">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
</div>
</li>
{{/each}}
</ul>
</div>
</div>
<div class="flexrow">
<div class="sheet-box color-bg-archetype">
<ul class="item-list alternate-list">
<li class="item flexrow">
<span class="item-name-label-header">
<h3><label class="items-title-text">Talents de Cellule</label></h3>
</span>
<span class="item-field-label-short">
<label class="short-label">Résumé</label>
</span>
<div class="item-filler">&nbsp;</div>
</li>
{{#each talentsCell as |talent key|}}
<li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
<img class="item-name-img" src="{{talent.img}}" />
<span class="item-name-label competence-name">{{talent.name}}</span>
<span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
<div class="item-filler">&nbsp;</div>
<div class="item-controls item-controls-fixed">
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
</div>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
{{!-- Equipement Tab --}}
<div class="tab equipement" data-group="primary" data-tab="equipement">
<div class="tab combat" data-group="primary" data-tab="combat">
<ul class="item-list alternate-list">
<li class="item flexrow">
<button class="chat-card-button roll-initiative">Initiative</button>
</li>
</ul>
<div class="flexcol">
@ -290,7 +276,8 @@
<span class="item-field-label-short arme-defensif item-field-label-short"><label
class="arme-defensif item-field-label-short">{{arme.system.totalDefensif}}</label></span>
{{else}}
<span class="item-field-label-short arme-defensif"><label class="item-field-label-short arme-defensif">-</label></span>
<span class="item-field-label-short arme-defensif"><label
class="item-field-label-short arme-defensif">-</label></span>
{{/if}}
<span class="item-field-label-short">
@ -344,6 +331,14 @@
{{/each}}
</ul>
</div>
</div>
</div>
{{!-- Equipement Tab --}}
<div class="tab equipement" data-group="primary" data-tab="equipement">
<div class="flexcol">
<div class="sheet-box color-bg-archetype">
<ul class="item-list alternate-list">

View File

@ -44,17 +44,18 @@
{{#if difficulte}}
{{#if isSuccess}}
<li class="chat-success">Succés!!!</li>
<li class="chat-success">Succés...
</li>
{{else}}
<li class="chat-failure">Echec ...</li>
<li class="chat-failure">Echec...</li>
{{/if}}
{{/if}}
{{#if isHeroique}}
<li class="chat-success">Succés Héroïque!!!</li>
<li class="chat-success">Héroïque !!!</li>
{{/if}}
{{#if isDramatique}}
<li class="chat-failure">Echec Dramatique!!!</li>
<li class="chat-failure">Dramatique !!!</li>
{{/if}}
{{#if isInit}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}"/>
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -1,10 +1,5 @@
<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</header>
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
{{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}

View File

@ -0,0 +1,8 @@
<header class="sheet-header">
<div class="flexrow background-sheet-header">
<img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}" />
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
</div>
</div>
</header>