5ddd33c41c
Phase 4 (Item Sheets) complete: - Created VagabondItemSheet base class using ApplicationV2 + HandlebarsApplicationMixin - Implemented templates for all 8 item types: weapon, armor, equipment, ancestry, class, spell, perk, feature - Added Details and Effects tabs to all item sheets - Effects tab provides full CRUD for Active Effects (create, edit, toggle, delete) - Added ~150 localization strings for item fields and UI elements - Comprehensive SCSS styling matching parchment theme Key features: - Type-specific templates with appropriate fields for each item type - Array field management for traits, progression tables, features - Wider dropdowns for ancestry Being Type and Size fields - Effect controls remain clickable when effect is disabled 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
45 lines
1.7 KiB
Handlebars
45 lines
1.7 KiB
Handlebars
{{!-- Item Effects Tab --}}
|
|
<section class="tab-content effects-tab{{#unless (eq activeTab "effects")}} hidden{{/unless}}">
|
|
<div class="effects-list">
|
|
<header class="effects-header">
|
|
<h3>{{localize "VAGABOND.ActiveEffects"}}</h3>
|
|
{{#if editable}}
|
|
<button type="button" class="add-effect" data-action="createEffect">
|
|
<i class="fas fa-plus"></i> {{localize "VAGABOND.AddEffect"}}
|
|
</button>
|
|
{{/if}}
|
|
</header>
|
|
|
|
{{#if effects.length}}
|
|
<ul class="effect-items">
|
|
{{#each effects}}
|
|
<li class="effect-item{{#if disabled}} disabled{{/if}}" data-effect-id="{{id}}">
|
|
<img class="effect-icon" src="{{icon}}" alt="{{name}}" />
|
|
<span class="effect-name">{{name}}</span>
|
|
<div class="effect-controls">
|
|
{{#if ../editable}}
|
|
<button type="button" class="effect-control" data-action="toggleEffect" title="{{localize 'VAGABOND.ToggleEffect'}}">
|
|
<i class="fas {{#if disabled}}fa-toggle-off{{else}}fa-toggle-on{{/if}}"></i>
|
|
</button>
|
|
<button type="button" class="effect-control" data-action="editEffect" title="{{localize 'VAGABOND.EditEffect'}}">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
<button type="button" class="effect-control delete" data-action="deleteEffect" title="{{localize 'VAGABOND.DeleteEffect'}}">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
{{/if}}
|
|
</div>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{else}}
|
|
<p class="no-effects">{{localize "VAGABOND.NoEffects"}}</p>
|
|
{{/if}}
|
|
|
|
<p class="effects-hint">
|
|
<i class="fas fa-info-circle"></i>
|
|
{{localize "VAGABOND.EffectsHint"}}
|
|
</p>
|
|
</div>
|
|
</section>
|