foundry-sw5e/templates/actors/newActor/parts/swalt-force-powerbook.html

<section class="panel">
    <section class="resource-items">
        <div class="resource">
            <h1>{{localize "SW5E.ConsumableForce"}}</h1>

            <div class="attribute-value">
                <input name="data.attributes.force.points.value" type="text" value="{{data.attributes.force.points.value}}" data-dtype="Number" placeholder="0" class="value-number" />
                <span class="value-separator">/</span>
                <input name="data.attributes.force.points.max" type="text" value="{{data.attributes.force.points.max}}" data-dtype="Number" placeholder="0" class="value-number" />
            </div>

            <footer class="attribute-footer">
                <input name="data.attributes.force.points.temp" type="text" placeholder="+Temp" value="{{data.attributes.force.points.temp}}" data-dtype="Number" />
                <input name="data.attributes.force.points.tempmax" type="text" placeholder="+Max" value="{{data.attributes.force.points.tempmax}}" data-dtype="Number" />
            </footer>
        </div>

        <div class="resource">
            <h1>{{localize "SW5E.UniversalPowerDC"}}</h1>

            <div class="attribute-value">
                <div></div>
                <span>{{data.attributes.powerForceUnivDC}}</span>
            </div>
        </div>

        <div class="resource">
            <h1>{{localize "SW5E.LightPowerDC"}}</h1>

            <div class="attribute-value">
                <div></div>
                <span>{{data.attributes.powerForceLightDC}}</span>
            </div>
        </div>

        <div class="resource">
            <h1>{{localize "SW5E.DarkPowerDC"}}</h1>

            <div class="attribute-value">
                <div></div>
                <span>{{data.attributes.powerForceDarkDC}}</span>
            </div>
        </div>

        <div class="resource">
        {{#if isNPC}}
            <h1>{{localize "SW5E.PowercasterLevel"}}</h1>

            <div class="attribute-value">
                <input class="powercasting-level" type="text" name="data.details.powerForceLevel" value="{{data.details.powerForceLevel}}" data-dtype="Number" placeholder="0" />
            </div>
        {{else}}
            <h1>{{localize "SW5E.PowersKnown"}}</h1>
            
            <div class="attribute-value multiple">
                <span class="value-number">{{data.attributes.force.known.value}}</span>
                <span class="value-separator">/</span>
                <span class="value-number">{{data.attributes.force.known.max}}</span>
            </div>
        {{/if}}
        </div>
    </section>

    <ul class="filter-list" data-filter="forcePowerbook">
        <li class="filter-title">{{localize "SW5E.Filter"}}</li>
        <li class="filter-item" data-filter="action">{{localize "SW5E.Action"}}</li>
        <li class="filter-item" data-filter="bonus">{{localize "SW5E.BonusAction"}}</li>
        <li class="filter-item" data-filter="reaction">{{localize "SW5E.Reaction"}}</li>
        <li class="filter-item" data-filter="concentration">{{localize "SW5E.AbbreviationConc"}}</li>
    </ul>

    <div class="group-list-header group-grid-powers">
        <div></div>
        <div class="item-detail item-uses"></div>
        <div class="item-detail item-school">{{localize "SW5E.PowerSchool"}}</div>
        <div class="item-detail item-action">{{localize "SW5E.PowerUsage"}}</div>
        <div class="item-detail item-target">{{localize "SW5E.PowerTarget"}}</div>
    </div>

    <ol class="group-list">
        {{#each forcePowerbook as |section|}}
        <li>
            <div class="group-list-title group-grid-powers">
                <div class="item-name">
                    <h3>{{section.label}}</h3>
                    {{#if section.canCreate}}
                    <a class="item-control item-create" title="{{localize 'SW5E.PowerCreate'}}"
                        {{#each section.dataset as |v k|}}data-{{k}}="{{v}}" {{/each}}>
                        <i class="fas fa-plus"></i> {{localize "SW5E.Add"}}
                    </a>
                    {{/if}}
                </div>
            </div>
            <ol class="item-list">
                {{#each section.powers as |item i|}}
                <li class="item group-grid-powers" data-item-id="{{item._id}}">
                    <div class="item-name rollable">
                        <div class="item-image" style="background-image: url({{item.img}})"></div>
                        <h4>{{item.name}}</h4>
                    </div>
                    
                    <div class="item-detail item-uses">
                        {{#if item.data.uses.per }}
                        Uses {{item.data.uses.value}} / {{item.data.uses.max}}
                        {{/if}}
                    </div>

                    <div class="item-detail item-school">{{labels.school}}</div>
                    <div class="item-detail item-action">{{labels.activation}}</div>
                    <div class="item-detail item-target" title="{{localize 'SW5E.Range'}}: {{labels.range}}">
                        {{#if labels.target}}
                        {{labels.target}}
                        {{else}}{{localize 'SW5E.None'}}
                        {{/if}}
                    </div>

                    {{#if ../../owner}}
                    <div class="item-detail item-controls">
                        {{#if section.canPrepare}}
                        <a class="item-control item-toggle {{item.toggleClass}}" title="{{item.toggleTitle}}"><i
                                class="fas fa-check-circle"></i></a>
                        {{/if}}
                        <a class="item-control item-edit" title="{{localize 'SW5E.ItemEdit'}}"><i class="fas fa-edit"></i></a>
                        <a class="item-control item-delete" title="{{localize 'SW5E.ItemDelete'}}"><i class="fas fa-trash"></i></a>
                    </div>
                    {{/if}}
                </li>
                {{/each}}
            </ol>
        </li>
        {{else}}
        {{#if owner}}
        {{#if filters.powerbook.size}}
        <li class="item flexrow">
            <p class="notes">{{localize "SW5E.FilterNoPowers"}}</p>
        </li>
        {{else}}
        <li class="item flexrow inventory-header powerbook-header powerbook-empty">
            <div class="item-controls">
                <a class="item-control item-create" title="{{localize 'SW5E.PowerCreate'}}" data-type="power"
                    data-level="{{lvl}}" data-school="uni"><i class="fas fa-plus"></i> {{localize "SW5E.PowerAdd"}}</a>
            </div>
        </li>
        <li class="item flexrow">
            <p class="notes">{{localize "SW5E.NoPowerLevels"}}</p>
        </li>
        {{/if}}
        {{/if}}
        {{/each}}
    </ol>
</section>