66 lines
3.6 KiB
Handlebars
66 lines
3.6 KiB
Handlebars
<div class="dh-attribution-sources-container">
|
|
<p class="description">
|
|
Manage custom attribution sources. These groups and values will populate the autocomplete suggestions when editing an item's attribution.
|
|
</p>
|
|
|
|
<div class="sources-list">
|
|
{{#each sources as |source sourceIndex|}}
|
|
<div class="source-group-card" data-source-index="{{sourceIndex}}">
|
|
<div class="group-header">
|
|
<div class="group-title-row">
|
|
<div class="form-group flexrow">
|
|
<label class="compact-label">ID (slug)</label>
|
|
<input type="text" name="sources.{{sourceIndex}}.id" value="{{source.id}}" placeholder="e.g., campaign-srd" required />
|
|
</div>
|
|
<div class="form-group flexrow">
|
|
<label class="compact-label">Label (name)</label>
|
|
<input type="text" name="sources.{{sourceIndex}}.label" value="{{source.label}}" placeholder="e.g., Campaign SRD" required />
|
|
</div>
|
|
</div>
|
|
<button type="button" class="remove-group-btn" data-action="removeSource" data-source-index="{{sourceIndex}}" data-tooltip="Remove Source Group">
|
|
<i class="fas fa-trash-can"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="values-section">
|
|
<header class="section-header flexrow">
|
|
<h6>Attribution Values</h6>
|
|
</header>
|
|
|
|
<div class="values-list">
|
|
{{#each source.values as |val valIndex|}}
|
|
<div class="value-row flexrow">
|
|
<div class="form-group val-input flexrow">
|
|
<input type="text" name="sources.{{sourceIndex}}.values.{{valIndex}}.label" value="{{val.label}}" placeholder="Label (e.g., Campaign - Forevermore)" required />
|
|
</div>
|
|
<div class="form-group val-input flexrow">
|
|
<input type="text" name="sources.{{sourceIndex}}.values.{{valIndex}}.hint" value="{{val.hint}}" placeholder="Hint / Tooltip (optional)" />
|
|
</div>
|
|
<button type="button" class="remove-value-btn" data-action="removeValue" data-source-index="{{sourceIndex}}" data-value-index="{{valIndex}}" data-tooltip="Remove Value">
|
|
<i class="fas fa-xmark"></i>
|
|
</button>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
<div class="section-actions flexrow">
|
|
<button type="button" class="add-value-btn" data-action="addValue" data-source-index="{{sourceIndex}}">
|
|
<i class="fas fa-plus"></i> Add Value
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="no-sources-message">
|
|
<p><i class="fa-solid fa-signature fa-2x"></i></p>
|
|
<p>No custom attribution sources configured. Click below to add your first one!</p>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
<div class="form-actions-bar">
|
|
<button type="button" class="add-group-btn" data-action="addSource">
|
|
<i class="fas fa-plus-circle"></i> Add Custom Source Group
|
|
</button>
|
|
</div>
|
|
</div>
|