working on dice picker v2

This commit is contained in:
Vlyan
2020-12-12 19:58:17 +01:00
parent 91151817cc
commit a41f074cb8
7 changed files with 233 additions and 51 deletions

View File

@@ -1,14 +1,37 @@
<div class="l5r5e dice-roll">
{{#if isPublicRoll }}
<div class="l5r5e dice-formula">{{formula}}</div>
{{#if l5r5e.stance}}
<div class="l5r5e dice-stance">
<i class="i_{{l5r5e.stance}}"></i> {{l5r5e.skillName}}
<div class="l5r5e profil">
<header class="part-header flexrow chat-profil">
<span class="chat-profil-element">
<img class="profile-img"
src="{{#if l5r5e.actor.img}}{{l5r5e.actor.img}}{{/if}}{{^if l5r5e.actor.img}}icons/svg/mystery-man.svg{{/if}}"
data-edit="img"
height="40"
width="40"
alt="{{#if l5r5e.actor.name}}{{l5r5e.actor.name}}{{/if}}{{^if l5r5e.actor.name}}mystery-man{{/if}}"
>
</span>
<span class="chat-profil-element">
<i class="chat-profil-stance i_{{l5r5e.stance}}" title="{{localizeRing l5r5e.stance}}"></i>
</span>
<span class="chat-profil-element-skill">
{{#if l5r5e.skillId}}{{localizeSkillId l5r5e.skillId}}{{/if}}
</span>
<span class="chat-profil-element">
{{#if l5r5e.summary.difficultyHidden}}ND cachée{{/if}}
{{^if l5r5e.summary.difficultyHidden}}ND {{l5r5e.summary.difficulty}}{{/if}}
</span>
</header>
</div>
{{/if}}
<div class="l5r5e dice-formula">{{formula}}</div>
<div class="l5r5e dice-result">
{{#if l5r5e.dicesTypes.l5r}}

View File

@@ -1,5 +1,6 @@
<form class="l5r5e dice-picker-dialog" autocomplete="off">
<table>
<!-- First line-->
<tr>
<td class="profil center">
<img class="profile-img"
@@ -58,11 +59,43 @@
{{/if}}
</td>
</tr>
<!-- Second line-->
<tr>
<td>
<!-- TODO -->
ND : {{difficulty}}
{{localize "l5r5e.chatdices.difficulty"}}
</td>
<td>
{{localize "l5r5e.rings.title"}}
</td>
<td>
{{localize "l5r5e.skills.title"}}
</td>
</tr>
<!-- Third line-->
<tr>
<td>
<div id="difficulty_picker">
<div class="third">
<i id="diff_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/3d/blank.png" alt="1">
<div class="dice-value">
<input id="diff_value" class="input-dice" type="text" name="diff" value="{{difficulty.difficulty}}" readonly="readonly">
</div>
</div>
</div>
<div class="third">
<i id="diff_add" class="quantity pointer-choice fa fa-plus-square"></i>
</div>
</div>
</td>
<td>
<div class="third">
<i id="ring_sub" class="quantity pointer-choice fa fa-minus-square"></i>
@@ -72,7 +105,7 @@
<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">
<input id="ring_value" class="input-dice input-dice-ring" type="text" name="ring" value="0" readonly="readonly">
</div>
</div>
</div>
@@ -81,6 +114,7 @@
<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>
@@ -90,7 +124,7 @@
<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">
<input id="skill_value" class="input-dice input-dice-skill" type="text" name="skill" value="{{skillData.value}}" readonly="readonly">
</div>
</div>
</div>
@@ -100,8 +134,30 @@
</div>
</td>
</tr>
</table>
<!-- Fourth line -->
<tr>
<td>
<input type="checkbox" id="diff_hidden" name="diff_hidden" value="1">
<label for="diff_hidden">
<!-- TODO lang-->
Cachée
</label>
</td>
<td>
{{#if canUseVoidPoint}}
<input type="checkbox" id="use_void_point" name="diff_hidden" value="1">
<label for="use_void_point">
<!-- TODO lang-->
Dépenser un point de Vide
</label>
{{/if}}
</td>
<td>
</td>
</tr>
</table>
<div class="form-group">
<button name="roll">Roll <i class='fas fa-arrow-circle-right'></i></button>