01760a31f5
Bash script, Arguments and Config are all structured text — render them in a monospace font with tab-size: 4 and resize: vertical via a base 'textarea' rule in components.css. Add rows="8" + spellcheck="false" to the blueprint Arguments/Config textareas (both edit and create forms) so they're a sensible size and consistent with each other. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Blueprint {{ blueprint.name }} | left4me{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="panel">
|
|
<div class="page-heading">
|
|
<h1>Blueprint: {{ blueprint.name }}</h1>
|
|
<button type="button" class="danger" data-modal-open="delete-blueprint-modal">Delete</button>
|
|
</div>
|
|
<form method="post" action="/blueprints/{{ blueprint.id }}" class="stack">
|
|
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
|
|
<label>Name <input name="name" value="{{ blueprint.name }}" required></label>
|
|
<p class="muted">Overlay order matters: the first overlay has highest precedence.</p>
|
|
<table class="table">
|
|
<thead><tr><th>Use</th><th>Order</th><th>Overlay</th></tr></thead>
|
|
<tbody>
|
|
{% for overlay in all_overlays %}
|
|
<tr>
|
|
<td><input type="checkbox" name="overlay_ids" value="{{ overlay.id }}" {% if overlay.id in selected_overlay_ids %}checked{% endif %}></td>
|
|
<td><input class="position-input" name="overlay_position_{{ overlay.id }}" value="{{ overlay_positions.get(overlay.id, '') }}" inputmode="numeric"></td>
|
|
<td>{{ overlay.name }}</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr><td colspan="3" class="muted">No overlays available.</td></tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<label>Arguments <textarea name="arguments" rows="8" spellcheck="false">{{ arguments | join('\n') }}</textarea></label>
|
|
<label>Config <textarea name="config" rows="8" spellcheck="false">{{ config_lines | join('\n') }}</textarea></label>
|
|
<button type="submit">Save blueprint</button>
|
|
</form>
|
|
</section>
|
|
|
|
<dialog id="delete-blueprint-modal" class="modal" aria-labelledby="delete-blueprint-title">
|
|
<div class="modal-header">
|
|
<h2 id="delete-blueprint-title">Delete blueprint "{{ blueprint.name }}"?</h2>
|
|
<button type="button" class="modal-close" data-modal-close aria-label="Close">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>This cannot be undone. Blueprints in use by a server cannot be deleted.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="button-secondary" data-modal-close>Cancel</button>
|
|
<form method="post" action="/blueprints/{{ blueprint.id }}/delete" class="inline-form">
|
|
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
|
|
<button class="danger" type="submit">Delete</button>
|
|
</form>
|
|
</div>
|
|
</dialog>
|
|
{% endblock %}
|