40 lines
2.9 KiB
Handlebars
40 lines
2.9 KiB
Handlebars
|
|
<div class="ikonis-config-container" style="background: #0d0d16; color: white; padding: 1.5rem; display: flex; flex-direction: column; max-height: 600px; box-sizing: border-box;">
|
|
|
|
<h3 style="flex: 0 0 auto; margin: 0 0 0.5rem 0; color: #ff2e63; font-size: 1.1rem;">Augment Blueprints</h3>
|
|
|
|
<div class="augment-manager-scroll" style="flex: 1; overflow-y: auto; border: 1px solid #2d3436; border-radius: 8px; background: rgba(0,0,0,0.2); margin-bottom: 0.5rem; min-height: 150px;">
|
|
<table class="config-table" style="width: 100%; border-collapse: separate; border-spacing: 0;">
|
|
<thead style="position: sticky; top: 0; background: #16213e; z-index: 10;">
|
|
<tr style="text-align: left;">
|
|
<th style="padding: 0.75rem 0.5rem; color: #ff2e63; border-bottom: 2px solid #ff2e63;">Name</th>
|
|
<th style="padding: 0.75rem 0.5rem; color: #ff2e63; border-bottom: 2px solid #ff2e63;">Effect</th>
|
|
<th style="padding: 0.75rem 0.5rem; color: #ff2e63; border-bottom: 2px solid #ff2e63;">Cost</th>
|
|
<th style="padding: 0.75rem 0.5rem; width: 50px; color: #ff2e63; border-bottom: 2px solid #ff2e63;">T</th>
|
|
<th style="padding: 0.75rem 0.5rem; width: 30px; border-bottom: 2px solid #ff2e63;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each augments as |aug|}}
|
|
<tr style="border-bottom: 1px solid #2d3436;" data-id="{{aug.id}}">
|
|
<td style="padding: 0.4rem;">
|
|
<input type="text" name="augments.{{aug.id}}.name" value="{{aug.name}}" style="width: 100%; background: #1a1a2e; color: white; border: 1px solid #333; padding: 2px 4px;">
|
|
</td>
|
|
<td style="padding: 0.4rem;">
|
|
<input type="text" name="augments.{{aug.id}}.effect" value="{{aug.effect}}" style="width: 100%; background: #1a1a2e; color: white; border: 1px solid #333; padding: 2px 4px;">
|
|
</td>
|
|
<td style="padding: 0.4rem;">
|
|
<input type="text" name="augments.{{aug.id}}.cost" value="{{aug.cost}}" style="width: 100%; background: #1a1a2e; color: white; border: 1px solid #333; padding: 2px 4px;">
|
|
</td>
|
|
<td style="padding: 0.4rem;">
|
|
<input type="number" name="augments.{{aug.id}}.precompile" value="{{aug.precompile}}" min="1" max="4" style="width: 100%; background: #1a1a2e; color: white; border: 1px solid #333; padding: 2px 4px;">
|
|
</td>
|
|
<td style="padding: 0.4rem; text-align: center;">
|
|
<a data-action="delete" data-id="{{aug.id}}" style="color: #ff2e63;"><i class="fa-solid fa-trash"></i></a>
|
|
</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|