Style for new items bond/title + fix XP table
This commit is contained in:
Mandar
File diff suppressed because one or more lines are too long
@@ -1,6 +1,9 @@
|
||||
// Item List
|
||||
.item-list {
|
||||
flex: 100%;
|
||||
.tab[data-tab] {
|
||||
display: none;
|
||||
}
|
||||
.item {
|
||||
.item-header {
|
||||
display: flex;
|
||||
@@ -426,4 +429,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
article {
|
||||
flex: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,6 +39,15 @@
|
||||
flex: 0 0 100%;
|
||||
align-items: flex-start;
|
||||
}
|
||||
section,
|
||||
article {
|
||||
&.tab[data-tab] {
|
||||
display: none;
|
||||
&.active {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sheet-header {
|
||||
flex: 0 0 100%;
|
||||
align-items: flex-start;
|
||||
@@ -542,11 +551,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
&.tab[data-tab] {
|
||||
&.active {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.narrative-content,
|
||||
.narrative-description {
|
||||
flex: 0 0 calc(50% - 0.25rem);
|
||||
@@ -673,6 +677,7 @@
|
||||
font-size: 0.85rem;
|
||||
color: $black-light;
|
||||
thead {
|
||||
font-family: $font-tertiary;
|
||||
th {
|
||||
&:first-child {
|
||||
flex: 0 0 2rem;
|
||||
@@ -715,6 +720,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.tfoot {
|
||||
background: rgba(186, 187, 177, 0.5);
|
||||
color: #5a6e5a;
|
||||
text-shadow: none;
|
||||
border-top: rgba(186, 187, 177, 0.5);
|
||||
font-family: $font-tertiary;
|
||||
}
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
@@ -728,13 +740,14 @@
|
||||
background: $l5r5e-bold;
|
||||
color: $white;
|
||||
border-bottom: 1px solid;
|
||||
font-family: $font-primary;
|
||||
font-family: $font-tertiary;
|
||||
font-size: 1rem;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
.item-list {
|
||||
display: none;
|
||||
display: block;
|
||||
&.toggle-active {
|
||||
display: block;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -816,6 +829,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
nav {
|
||||
&.sheet-tabs {
|
||||
flex: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Lang Adjust.
|
||||
&.sheet {
|
||||
|
||||
@@ -37,28 +37,28 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="flex">
|
||||
{{#each data.advancementsListByRank as |rankObject|}}
|
||||
{{#each rankObject.list as |advancement advancementId|}}
|
||||
{{> 'systems/l5r5e/templates/actors/character/advancement-school.html' advancement=advancement rank=rankObject.rank editable=../../options.editable}}
|
||||
{{/each}}
|
||||
{{#ifCond rankObject.rank '>' 0}}
|
||||
<tr data-group="advancements" data-tab="advancement_rank_{{rankObject.rank}}" class="flexrow row tab">
|
||||
<th class="">
|
||||
{{#each data.advancementsListByRank as |rankObject|}}
|
||||
{{#each rankObject.list as |advancement advancementId|}}
|
||||
{{> 'systems/l5r5e/templates/actors/character/advancement-school.html' advancement=advancement rank=rankObject.rank editable=../../options.editable}}
|
||||
{{/each}}
|
||||
{{#ifCond rankObject.rank '>' 0}}
|
||||
<tr class="tfoot flexrow row tab">
|
||||
<th>{{localize 'l5r5e.advancements.total_xp_curriculum'}} : {{rankObject.spent.curriculum}}{{#if rankObject.goal}} / {{rankObject.goal}}{{/if}}</th>
|
||||
<th>{{localize 'l5r5e.advancements.total_xp_spent'}} : {{rankObject.spent.total}}</th>
|
||||
</tr>
|
||||
{{#ifCond ../data.data.identity.school_rank '<' 6}}
|
||||
{{#ifCond (ifCond ../data.data.identity.school_rank '==' rankObject.rank) '&&' (ifCond rankObject.spent '>=' rankObject.goal)}}
|
||||
<button type="button" name="validate-curriculum">
|
||||
<i class='fas fa-check-square'></i> {{ localize 'l5r5e.advancements.curriculum_validate'}}
|
||||
</button>
|
||||
{{#ifCond (ifCond ../data.data.identity.school_rank '==' rankObject.rank) '&&' (ifCond rankObject.spent.curriculum '>=' rankObject.goal)}}
|
||||
<tr data-group="advancements" data-tab="advancement_rank_{{rankObject.rank}}" class="flexrow row tab">
|
||||
<th>
|
||||
<button type="button" name="validate-curriculum">
|
||||
<i class='fas fa-check-square'></i> {{ localize 'l5r5e.advancements.curriculum_validate'}}
|
||||
</button>
|
||||
</th>
|
||||
</tr>
|
||||
{{/ifCond}}
|
||||
{{/ifCond}}
|
||||
{{/ifCond}}
|
||||
</th>
|
||||
<th class="">
|
||||
{{localize 'l5r5e.advancements.total_xp_curriculum'}} : {{rankObject.spent.curriculum}}{{#if rankObject.goal}} / {{rankObject.goal}}{{/if}}
|
||||
<br>{{localize 'l5r5e.advancements.total_xp_spent'}} : {{rankObject.spent.total}}
|
||||
</th>
|
||||
</tr>
|
||||
{{/ifCond}}
|
||||
{{/each}}
|
||||
{{/ifCond}}
|
||||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
<li data-item-id="{{bond.id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
|
||||
<li data-item-id="{{bond.id}}" class="item-control item-delete" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
{{#if bond.data.data.bond_type}}
|
||||
<ul class="item-properties">
|
||||
<li>{{bond.data.data.bond_type}} {{bond.data.data.rank}}</li>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<section class="sheet-body">
|
||||
{{!-- Attributes Tab --}}
|
||||
<article class="attributes" data-group="primary" data-tab="attributes">
|
||||
<label class="attribute">
|
||||
<label class="attribute bonds-types">
|
||||
{{ localize 'l5r5e.types' }}
|
||||
<input class="select-on-focus" type="text" name="data.bond_type" value="{{data.data.bond_type}}" data-dtype="String"/>
|
||||
</label>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{{!-- infos --}}
|
||||
<article class="infos" data-group="primary" data-tab="description">
|
||||
<article class="tab infos" data-group="primary" data-tab="infos">
|
||||
<fieldset>
|
||||
<legend class="text-block-header">{{localize 'l5r5e.description'}}</legend>
|
||||
{{editor content=data.data.description target="data.description" button=true owner=owner editable=editable}}
|
||||
|
||||
@@ -5,28 +5,33 @@
|
||||
<img class="profile-img" src="{{data.img}}" data-edit="img" title="{{data.name}}"/>
|
||||
<h1 class="charname"><input name="name" type="text" value="{{data.name}}" placeholder="Name"/></h1>
|
||||
</header>
|
||||
{{!-- Sheet Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
<a class="item active" data-tab="attributes">{{ localize "l5r5e.description" }}</a>
|
||||
<a class="item" data-tab="experience">{{ localize "l5r5e.advancements.title" }}</a>
|
||||
</nav>
|
||||
{{!-- Sheet Body --}}
|
||||
<section class="sheet-body">
|
||||
{{!-- Sheet Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
<a class="item" data-tab="infos">{{ localize "l5r5e.description" }}</a>
|
||||
<a class="item" data-tab="experience">{{ localize "l5r5e.advancements.title" }}</a>
|
||||
</nav>
|
||||
{{!-- Attributes Tab --}}
|
||||
<article class="tab attributes" data-group="primary" data-tab="attributes">
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.advancements.cost'}}
|
||||
<input class="select-on-focus" type="number" name="data.xp_cost" value="{{data.data.xp_cost}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.rank'}}
|
||||
<input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.bought_at_rank'}}
|
||||
<input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.advancements.cost'}}
|
||||
<input class="select-on-focus" type="number" name="data.xp_cost" value="{{data.data.xp_cost}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.rank'}}
|
||||
<input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
<label class="attribute">
|
||||
{{localize 'l5r5e.bought_at_rank'}}
|
||||
<input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/>
|
||||
</label>
|
||||
</article>
|
||||
|
||||
{{!-- Descr + Page ref --}}
|
||||
{{> 'systems/l5r5e/templates/items/item/item-infos.html'}}
|
||||
|
||||
|
||||
{{!-- Embbed advancements --}}
|
||||
<article class="tab experience" data-group="primary" data-tab="experience">
|
||||
@@ -61,8 +66,5 @@
|
||||
</table>
|
||||
</fieldset>
|
||||
</article>
|
||||
|
||||
{{!-- Descr + Page ref --}}
|
||||
{{> 'systems/l5r5e/templates/items/item/item-infos.html'}}
|
||||
</section>
|
||||
</form>
|
||||
Reference in New Issue
Block a user