Fix Layout

This commit is contained in:
ChatGPT
2026-06-04 22:52:08 +02:00
parent db75a89401
commit 4a03a992d0
5 changed files with 228 additions and 76 deletions
+30 -20
View File
@@ -78,9 +78,6 @@
<label>{{localize "CONFIGURABLE_REACTIONS.Reactions.Enabled"}}</label>
<input type="checkbox" name="reactionEnabled" {{#if selectedReaction.enabled}}checked{{/if}}>
</div>
<button type="button" data-action="saveReactionBasics">
<i class="fa-solid fa-floppy-disk"></i> {{localize "CONFIGURABLE_REACTIONS.Common.Apply"}}
</button>
</section>
<section class="cr-builder-grid">
@@ -99,6 +96,32 @@
<small class="cr-inline-drop">{{localize "CONFIGURABLE_REACTIONS.Builder.DropSpellOnTrigger"}}</small>
{{/if}}
{{/if}}
{{#if activeTriggerIsDamage}}
<div class="cr-damage-builder">
<small class="cr-chip-label">{{localize "CONFIGURABLE_REACTIONS.Conditions.Damage.SelectedTypes"}}</small>
<div class="cr-chip-list cr-damage-chip-list">
{{#if selectedDamageTypes.length}}
{{#each selectedDamageTypes}}
<span class="cr-chip cr-damage-chip" title="{{this.label}}">
<span>{{this.label}}</span>
<button type="button" data-action="removeDamageType" data-damage-type="{{this.id}}" title="{{localize 'CONFIGURABLE_REACTIONS.Conditions.Damage.RemoveType' type=this.label}}">
<i class="fa-solid fa-xmark"></i>
</button>
</span>
{{/each}}
{{else}}
<small class="cr-inline-drop">{{localize "CONFIGURABLE_REACTIONS.Conditions.Damage.NoTypes"}}</small>
{{/if}}
</div>
<select data-cr-damage-type-select>
<option value="">{{localize "CONFIGURABLE_REACTIONS.Conditions.Damage.SelectPlaceholder"}}</option>
{{#each availableDamageTypes}}
<option value="{{this.id}}">{{this.label}}</option>
{{/each}}
</select>
</div>
{{/if}}
</div>
{{#if triggerSpellName}}
<button type="button" data-action="clearTriggerSpell" title="{{localize 'CONFIGURABLE_REACTIONS.Common.Remove'}}">
@@ -132,11 +155,11 @@
{{/if}}
{{#if this.isStatusAction}}
<div class="cr-status-builder">
<small class="cr-status-label">{{localize "CONFIGURABLE_REACTIONS.Actions.ApplyStatus.SelectedStatuses"}}</small>
<div class="cr-status-chip-list">
<small class="cr-chip-label">{{localize "CONFIGURABLE_REACTIONS.Actions.ApplyStatus.SelectedStatuses"}}</small>
<div class="cr-chip-list cr-status-chip-list">
{{#if this.selectedStatuses.length}}
{{#each this.selectedStatuses}}
<span class="cr-status-chip" title="{{this.label}}">
<span class="cr-chip cr-status-chip" title="{{this.label}}">
<img src="{{this.icon}}" alt="">
<span>{{this.label}}</span>
<button type="button" data-action="removeActionStatus" data-action-index="{{../index}}" data-status-id="{{this.id}}" title="{{localize 'CONFIGURABLE_REACTIONS.Actions.ApplyStatus.RemoveStatus' status=this.label}}">
@@ -176,23 +199,10 @@
</div>
</section>
<div class="cr-reaction-summary">
<h3>{{localize "CONFIGURABLE_REACTIONS.Reactions.JsonPreview"}}</h3>
<p><strong>ID:</strong> <code>{{selectedReaction.id}}</code></p>
<p><strong>{{localize "CONFIGURABLE_REACTIONS.Trigger.Label"}}:</strong> {{selectedReaction.trigger.type}}</p>
<p><strong>{{localize "CONFIGURABLE_REACTIONS.Actions.Title"}}:</strong> {{selectedReaction.actions.length}}</p>
</div>
<div class="form-group stacked">
<div class="form-group stacked cr-json-editor">
<label>{{localize "CONFIGURABLE_REACTIONS.Reactions.JsonEditor"}}</label>
<textarea name="reactionJson" spellcheck="false">{{selectedReactionJson}}</textarea>
</div>
<footer class="cr-footer">
<button type="button" data-action="saveReactionJson">
<i class="fa-solid fa-floppy-disk"></i> {{localize "CONFIGURABLE_REACTIONS.Common.Save"}}
</button>
</footer>
{{else}}
<p>{{localize "CONFIGURABLE_REACTIONS.Reactions.None"}}</p>
{{/if}}