unified class specifier in HTML elements

- now all class=... is always first
- flex attributes are first in class specifier
- marked armor type image as item-image class
This commit is contained in:
Gesina Schwalbe 2021-01-03 21:24:32 +01:00
parent fb780ae4c2
commit 4e60687b2b

View file

@ -12,7 +12,7 @@
--}} --}}
{{#*inline "addItemButton"}} {{#*inline "addItemButton"}}
<div class="item-controls"> <div class="item-controls">
<a class="item-control item-create" title="Create item" data-type="{{dataType}}" {{!-- SPECIFIC --}}> <a class="item-control item-create" title="Create item" data-type="{{dataType}}">
<i class="fas fa-plus"></i> <i class="fas fa-plus"></i>
{{localize 'DS4.UserInteractionAddItem'}}</a> {{localize 'DS4.UserInteractionAddItem'}}</a>
</div> </div>
@ -44,14 +44,14 @@
<li class="item flexrow item-header"> <li class="item flexrow item-header">
{{!-- equipped --}} {{!-- equipped --}}
{{#if (ne dataType 'equipment')}} {{#if (ne dataType 'equipment')}}
<div title="{{localize 'DS4.ItemEquipped'}}" class="flex05">E</div> <div class="flex05" title="{{localize 'DS4.ItemEquipped'}}">E</div>
{{/if}} {{/if}}
{{!-- image --}} {{!-- image --}}
<div class="item-image" class="flex05"></div> <div class="flex05 item-image"></div>
{{!-- amount --}} {{!-- amount --}}
<div class="item-num-val" title="{{localize 'DS4.Quantity'}}" class="flex05">#</div> <div class="flex05 item-num-val" title="{{localize 'DS4.Quantity'}}">#</div>
{{!-- name --}} {{!-- name --}}
<div class="item-name flex3">{{localize 'DS4.ItemName'}}</div> <div class="flex3 item-name">{{localize 'DS4.ItemName'}}</div>
{{!-- item type specifics --}} {{!-- item type specifics --}}
{{> @partial-block }} {{> @partial-block }}
{{!-- description --}} {{!-- description --}}
@ -108,22 +108,22 @@
<h4 class="items-list-title">{{localize 'DS4.ItemTypeWeapon'}}</h4> <h4 class="items-list-title">{{localize 'DS4.ItemTypeWeapon'}}</h4>
<ol class="items-list"> <ol class="items-list">
{{#> itemListHeader dataType='weapon'}} {{#> itemListHeader dataType='weapon'}}
<div title="{{localize 'DS4.AttackType'}}" class="flex05">{{localize 'DS4.AttackTypeAbbr'}}</div> <div class="flex05 item-image" title="{{localize 'DS4.AttackType'}}">{{localize 'DS4.AttackTypeAbbr'}}</div>
<div class="item-num-val flex05" title="{{localize 'DS4.WeaponBonus'}}"> <div class="flex05 item-num-val" title="{{localize 'DS4.WeaponBonus'}}">
{{localize 'DS4.WeaponBonusAbbr'}} {{localize 'DS4.WeaponBonusAbbr'}}
</div> </div>
<div class="item-num-val flex05" title="{{localize 'DS4.OpponentDefense'}}"> <div class="flex05 item-num-val" title="{{localize 'DS4.OpponentDefense'}}">
{{localize 'DS4.OpponentDefenseAbbr'}} {{localize 'DS4.OpponentDefenseAbbr'}}
</div> </div>
{{/itemListHeader}} {{/itemListHeader}}
{{#each itemsByType.weapon as |item id|}} {{#each itemsByType.weapon as |item id|}}
{{#> itemListEntry item=item}} {{#> itemListEntry item=item}}
<div class="flex05"> <div class="flex05 item-image">
<img src="{{lookup ../../config.attackTypesIcons item.data.data.attackType}}" <img src="{{lookup ../../config.attackTypesIcons item.data.data.attackType}}"
title="{{lookup ../../config.attackTypes item.data.data.attackType}}" width="24" height="24" /> title="{{lookup ../../config.attackTypes item.data.data.attackType}}" width="24" height="24" />
</div> </div>
<div class="item-num-val flex05">{{ item.data.data.weaponBonus}}</div> <div class="flex05 item-num-val">{{ item.data.data.weaponBonus}}</div>
<div class="item-num-val flex05">{{ item.data.data.opponentDefense}}</div> <div class="flex05 item-num-val">{{ item.data.data.opponentDefense}}</div>
{{/itemListEntry}} {{/itemListEntry}}
{{/each}} {{/each}}
</ol> </ol>
@ -175,7 +175,7 @@
{{/itemListHeader}} {{/itemListHeader}}
{{#each itemsByType.trinket as |item id|}} {{#each itemsByType.trinket as |item id|}}
{{#> itemListEntry item=item }} {{#> itemListEntry item=item }}
<input type="text" class="flex2 item-change" value="{{item.data.data.storageLocation}}" data-dtype="String" <input class="flex2 item-change" type="text" value="{{item.data.data.storageLocation}}" data-dtype="String"
data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}"> data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
{{/itemListEntry}} {{/itemListEntry}}
{{/each}} {{/each}}
@ -189,7 +189,7 @@
{{/itemListHeader}} {{/itemListHeader}}
{{#each itemsByType.equipment as |item id|}} {{#each itemsByType.equipment as |item id|}}
{{#> itemListEntry item=item }} {{#> itemListEntry item=item }}
<input type="text" class="flex2 item-change" value="{{item.data.data.storageLocation}}" data-dtype="String" <input class="flex2 item-change" type="text" value="{{item.data.data.storageLocation}}" data-dtype="String"
data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}"> data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
{{/itemListEntry}} {{/itemListEntry}}
{{/each}} {{/each}}