1b7667f3b5
* Add the ability to roll attributes by clicking on them * Add pointer cursor to rollable text * Add hinting for changing coin count They get similar hints to rollable texts - they transition to another colour over a very short time, with a cursor change. * Lower transition period for hinting Lowered from 0.25 to 0.2 seconds. Just felt better.
57 lines
3.2 KiB
HTML
57 lines
3.2 KiB
HTML
<div id="attributes">
|
|
|
|
{{#each data.attributes as |attribute attribute_name|}}
|
|
|
|
<div id="attributes-{{attribute_name}}" class="attribute">
|
|
<div id="attributes-{{attribute_name}}-title" class="attributes-exp">
|
|
<div class="stripe">
|
|
<label class="attribute-label roll-die-attribute rollable-text" data-roll-attribute="{{attribute_name}}" for="{{attribute_name}}-exp-0">{{localize attribute.label}}</label>
|
|
<a class="roll-die-attribute" data-roll-attribute="{{attribute_name}}" title="Roll"><i class="fas fa-dice"></i></a>
|
|
</div>
|
|
<div class="stripe-tooth-body">
|
|
{{#multiboxes attribute.exp}}
|
|
<input type="radio" id="{{attribute_name}}-exp-0" name="data.attributes.{{attribute_name}}.exp" value="0" checked="checked">
|
|
<input type="radio" id="{{attribute_name}}-exp-1" name="data.attributes.{{attribute_name}}.exp" value="1">
|
|
<label for="{{attribute_name}}-exp-1"></label>
|
|
<input type="radio" id="{{attribute_name}}-exp-2" name="data.attributes.{{attribute_name}}.exp" value="2">
|
|
<label for="{{attribute_name}}-exp-2"></label>
|
|
<input type="radio" id="{{attribute_name}}-exp-3" name="data.attributes.{{attribute_name}}.exp" value="3">
|
|
<label for="{{attribute_name}}-exp-3"></label>
|
|
<input type="radio" id="{{attribute_name}}-exp-4" name="data.attributes.{{attribute_name}}.exp" value="4">
|
|
<label for="{{attribute_name}}-exp-4"></label>
|
|
<input type="radio" id="{{attribute_name}}-exp-5" name="data.attributes.{{attribute_name}}.exp" value="5">
|
|
<label for="{{attribute_name}}-exp-5"></label>
|
|
<input type="radio" id="{{attribute_name}}-exp-6" name="data.attributes.{{attribute_name}}.exp" value="6">
|
|
<label for="{{attribute_name}}-exp-6"></label>
|
|
{{/multiboxes}}
|
|
</div>
|
|
</div>
|
|
|
|
{{!-- Skills --}}
|
|
|
|
{{#each attribute.skills as |skill skill_name|}}
|
|
<div class="flex-horizontal">
|
|
<div class="attributes-container">
|
|
{{#multiboxes skill.value}}
|
|
<input type="radio" id="attributes-{{skill_name}}-0" name="data.attributes.{{attribute_name}}.skills.{{skill_name}}.value" value="0">
|
|
<label for="attributes-{{skill_name}}-0"></label>
|
|
<input type="radio" id="attributes-{{skill_name}}-1" name="data.attributes.{{attribute_name}}.skills.{{skill_name}}.value" value="1">
|
|
<label for="attributes-{{skill_name}}-1"></label>
|
|
<span>|</span>
|
|
<input type="radio" id="attributes-{{skill_name}}-2" name="data.attributes.{{attribute_name}}.skills.{{skill_name}}.value" value="2">
|
|
<label for="attributes-{{skill_name}}-2"></label>
|
|
<input type="radio" id="attributes-{{skill_name}}-3" name="data.attributes.{{attribute_name}}.skills.{{skill_name}}.value" value="3">
|
|
<label for="attributes-{{skill_name}}-3"></label>
|
|
<input type="radio" id="attributes-{{skill_name}}-4" name="data.attributes.{{attribute_name}}.skills.{{skill_name}}.value" value="4">
|
|
<label for="attributes-{{skill_name}}-4"></label>
|
|
<div class="attribute-skill-label roll-die-attribute rollable-text" data-roll-attribute="{{skill_name}}">{{localize skill.label}}</div>
|
|
{{/multiboxes}}
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
|
|
</div>
|
|
{{/each}}
|
|
|
|
|
|
</div>
|