69 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			69 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			HTML
		
	
	
<div class="border grid-container" style="height: 100%; border-top: none; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;">
 | 
						|
    <div class="combat border">
 | 
						|
        <ul class="items">
 | 
						|
            <ul class="items-list">
 | 
						|
                <li class="item flexrow">
 | 
						|
                    <div class="item-name" style="flex-grow: 8;">{{localize "MOD.INIT"}}</div>
 | 
						|
                    <div class="item-value" style="flex: none;"><input name="data.combat.init" class="skill-value" type="number" value="{{data.combat.init}}" data-dtype="Number" /></div>
 | 
						|
                </li>
 | 
						|
 | 
						|
                <li class="item flexrow">
 | 
						|
                    <div class="item-name roll-defence rollable" data-defence="{{data.combat.defence}}" style="flex-grow: 8;">{{localize "ADVERSARY.DEFENCE"}}</div>
 | 
						|
                    <div class="item-value" style="flex: none;"><input name="data.combat.defence" class="skill-value" type="text" value="{{data.combat.defence}}" /></div>
 | 
						|
                </li>
 | 
						|
 | 
						|
                <li class="item flexrow">
 | 
						|
                    <div class="item-name roll-adversary-armor rollable" data-armor="{{data.combat.armor}}" style="flex-grow: 8;">{{localize "ITEM.DEFENCE"}}</div>
 | 
						|
                    <div class="item-value" style="flex: none;"><input name="data.combat.armor" class="skill-value" type="text" value="{{data.combat.armor}}" /></div>
 | 
						|
                </li>
 | 
						|
            </ul>
 | 
						|
        </ul>
 | 
						|
    </div>
 | 
						|
 | 
						|
    <div class="talents border" style="grid-row: 1/3; grid-column-start: 2;">
 | 
						|
        <h1 style="margin-bottom: 0; grid-column: 1/4;">{{localize "TAB.SKILLS"}}</h1>
 | 
						|
        <ul class="items">
 | 
						|
            <ul class="items-list">
 | 
						|
                {{#each actor.skills as |skill key|}}
 | 
						|
                <li class="item flexrow" data-item-id="{{skill._id}}">
 | 
						|
                    <div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
 | 
						|
                    <div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
 | 
						|
                </li>
 | 
						|
                {{/each}}
 | 
						|
            </ul>
 | 
						|
        </ul>
 | 
						|
    </div>
 | 
						|
    <div class="attacks border">
 | 
						|
        <ul class="items">
 | 
						|
            <li class="items-header flexrow">
 | 
						|
                <div class="header-name">{{localize "ITEM.ATTACK"}}</div>
 | 
						|
                <div class="">{{localize "ITEM.SKILL"}}</div>
 | 
						|
                <div>{{localize "ITEM.DAMAGE"}}</div>
 | 
						|
                <div></div>
 | 
						|
            </li>
 | 
						|
 | 
						|
            <ul class="items-list">
 | 
						|
                {{#each actor.attacks as |item key|}}
 | 
						|
                <li class="item flexrow" data-item-id="{{item._id}}" data-ability="{{item.data.skill.value}}">
 | 
						|
                    <div class="item-name">{{item.name}}</div>
 | 
						|
                    <div class="skill-roll">
 | 
						|
                        <div class="roll-button">
 | 
						|
                            <div class="roll-adversary-attack rollable">{{item.data.skill.value}}</div>
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                    <div class="skill-roll">
 | 
						|
                        <div class="roll-button">
 | 
						|
                            <div class="roll-damage rollable">{{item.data.damage.value}}</div>
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                    <div class="item-controls">
 | 
						|
                        <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
 | 
						|
                        <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
 | 
						|
                    </div>
 | 
						|
                </li>
 | 
						|
                {{/each}}
 | 
						|
            </ul>
 | 
						|
        </ul>
 | 
						|
    </div>
 | 
						|
</div>
 |