dialog picker v2
This commit is contained in:
Vlyan
@@ -1,82 +1,109 @@
|
||||
<div class="l5r5e dice-picker-dialog">
|
||||
|
||||
<form class="noflex l5r5e dices" autocomplete="off">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="profil center">
|
||||
<img class="profile-img"
|
||||
src="{{#if actor.img}}{{actor.img}}{{/if}}{{^if actor.img}}icons/svg/mystery-man.svg{{/if}}"
|
||||
data-edit="img"
|
||||
height="200"
|
||||
width="200"
|
||||
alt="{{#if actor.name}}{{actor.name}}{{/if}}{{^if actor.name}}mystery-man{{/if}}"
|
||||
>
|
||||
</td>
|
||||
<td class="rings center">
|
||||
<ul class="rings">
|
||||
{{#each elementsList}}
|
||||
<li id="{{this.id}}">
|
||||
<label class="attribute-label {{this.id}} centered-input ring-selection">
|
||||
<i class="i_{{this.id}}"></i>
|
||||
<strong>{{this.label}}</strong>
|
||||
<input class="centered-input approach_{{this.id}}"
|
||||
type="text"
|
||||
name="approach"
|
||||
data-ringid="{{this.id}}"
|
||||
value="{{this.value}}"
|
||||
readonly="readonly"
|
||||
/>
|
||||
</label>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</td>
|
||||
<td class="skill center">
|
||||
{{#if skillData.name}}
|
||||
<label>{{skillData.name}} </label>
|
||||
|
||||
{{skillData.value}}
|
||||
|
||||
{{/if}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="center">
|
||||
<!-- TODO-->
|
||||
ND : {{difficulty}}
|
||||
</td>
|
||||
<td class="center">
|
||||
<div class="third">
|
||||
<i id="ring_sub" class="quantity fa fa-minus-square"></i>
|
||||
<form class="l5r5e dice-picker-dialog" autocomplete="off">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="profil center">
|
||||
<img class="profile-img"
|
||||
src="{{#if actor.img}}{{actor.img}}{{/if}}{{^if actor.img}}icons/svg/mystery-man.svg{{/if}}"
|
||||
data-edit="img"
|
||||
height="200"
|
||||
width="200"
|
||||
alt="{{#if actor.name}}{{actor.name}}{{/if}}{{^if actor.name}}mystery-man{{/if}}"
|
||||
>
|
||||
</td>
|
||||
<td class="rings center">
|
||||
<ul class="rings">
|
||||
{{#each elementsList}}
|
||||
<li id="{{this.id}}">
|
||||
<label class="attribute-label {{this.id}} centered-input ring-selection pointer-choice">
|
||||
<i class="i_{{this.id}}"></i>
|
||||
<strong>{{this.label}}</strong>
|
||||
<input class="centered-input approach_{{this.id}}"
|
||||
type="text"
|
||||
name="approach"
|
||||
data-ringid="{{this.id}}"
|
||||
value="{{this.value}}"
|
||||
readonly="readonly"
|
||||
/>
|
||||
</label>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</td>
|
||||
<td class="skill">
|
||||
{{#if skillData.name}}
|
||||
<div>
|
||||
<label>{{localizeSkill skillData.cat 'title'}}</label>
|
||||
</div>
|
||||
<div>
|
||||
<label>{{skillData.name}}</label>
|
||||
</div>
|
||||
<div>
|
||||
<label id="stance_label">unknown</label>
|
||||
</div>
|
||||
<div id="skill_default_value" class="dice-container pointer-choice">
|
||||
<img src="systems/l5r5e/assets/dices/default/skill_blank.png" alt="1">
|
||||
<div class="dice-value">
|
||||
<span class="dice-skill" type="text" name="skill_{{skillData.name}}">{{skillData.value}}</span>
|
||||
</div>
|
||||
<div class="third">
|
||||
<input id="ring_value" class="centered-input" type="text" name="ring" value="0"
|
||||
readonly="readonly">
|
||||
</div>
|
||||
{{/if}}
|
||||
{{^if skillData.name}}
|
||||
<img class="profile-img"
|
||||
src="systems/l5r5e/assets/imgs/noskill.png"
|
||||
data-edit="img"
|
||||
height="200"
|
||||
width="200"
|
||||
alt="no skill selected"
|
||||
>
|
||||
{{/if}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<!-- TODO -->
|
||||
ND : {{difficulty}}
|
||||
</td>
|
||||
<td>
|
||||
<div class="third">
|
||||
<i id="ring_sub" class="quantity pointer-choice fa fa-minus-square"></i>
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<div class="dice-container">
|
||||
<img src="systems/l5r5e/assets/dices/default/ring_blank.png" alt="1">
|
||||
<div class="dice-value">
|
||||
<input id="ring_value" class="dice-ring" type="text" name="ring" value="0" readonly="readonly">
|
||||
</div>
|
||||
</div>
|
||||
<div class="third">
|
||||
<i id="ring_add" class="quantity fa fa-plus-square"></i>
|
||||
</div>
|
||||
</td>
|
||||
<td class="center">
|
||||
<div class="third">
|
||||
<i id="skill_sub" class="quantity fa fa-minus-square"></i>
|
||||
</div>
|
||||
<div class="third">
|
||||
<input id="skill_value" class="centered-input" type="text" name="skill"
|
||||
value="{{skillData.value}}" readonly="readonly">
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<i id="ring_add" class="quantity pointer-choice fa fa-plus-square"></i>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="third">
|
||||
<i id="skill_sub" class="quantity pointer-choice fa fa-minus-square"></i>
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<div class="dice-container">
|
||||
<img src="systems/l5r5e/assets/dices/default/skill_blank.png" alt="1">
|
||||
<div class="dice-value">
|
||||
<input id="skill_value" class="dice-skill" type="text" name="skill" value="{{skillData.value}}" readonly="readonly">
|
||||
</div>
|
||||
</div>
|
||||
<div class="third">
|
||||
<i id="skill_add" class="quantity fa fa-plus-square"></i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<i id="skill_add" class="quantity pointer-choice fa fa-plus-square"></i>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<button name="roll">Roll <i class='fas fa-arrow-circle-right'></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button name="roll">Roll <i class='fas fa-arrow-circle-right'></i></button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user