76 lines
4.2 KiB
HTML
76 lines
4.2 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1>Edit Style: {{ style.name }}</h1>
|
|
<a href="{{ url_for('style_detail', slug=style.slug) }}" class="btn btn-outline-secondary">Cancel</a>
|
|
</div>
|
|
|
|
<form action="{{ url_for('edit_style', slug=style.slug) }}" method="post" id="main-form">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<!-- Basic Info -->
|
|
<div class="card mb-4">
|
|
<div class="card-header bg-dark text-white">Basic Information</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="style_name" class="form-label">Display Name</label>
|
|
<input type="text" class="form-control" id="style_name" name="style_name" value="{{ style.name }}" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LoRA -->
|
|
<div class="card mb-4">
|
|
<div class="card-header bg-info text-white">LoRA Settings</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<label for="lora_lora_name" class="form-label">LoRA Name</label>
|
|
<select class="form-select" id="lora_lora_name" name="lora_lora_name">
|
|
<option value="">None</option>
|
|
{% for lora in loras %}
|
|
<option value="{{ lora }}" {% if style.data.lora and style.data.lora.lora_name == lora %}selected{% endif %}>{{ lora }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label for="lora_lora_weight" class="form-label">Weight</label>
|
|
<input type="number" step="0.01" class="form-control" id="lora_lora_weight" name="lora_lora_weight" value="{{ style.data.lora.lora_weight if style.data.lora else 1.0 }}">
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<label for="lora_lora_triggers" class="form-label">Triggers</label>
|
|
<input type="text" class="form-control" id="lora_lora_triggers" name="lora_lora_triggers" value="{{ style.data.lora.lora_triggers if style.data.lora else '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Style Definition Section -->
|
|
{% set sdata = style.data.get('style', {}) %}
|
|
<div class="card mb-4">
|
|
<div class="card-header bg-light"><strong>Style Definition</strong></div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="style_artist_name" class="form-label">Artist Name (prefixed with 'by ' in prompt)</label>
|
|
<input type="text" class="form-control" id="style_artist_name" name="style_artist_name" value="{{ sdata.get('artist_name', '') }}">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="style_artistic_style" class="form-label">Artistic Style Tags (appended to prompt)</label>
|
|
<input type="text" class="form-control" id="style_artistic_style" name="style_artistic_style" value="{{ sdata.get('artistic_style', '') }}">
|
|
<div class="form-text">e.g., "watercolor painting, soft colors, messy ink"</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
|
|
<a href="{{ url_for('style_detail', slug=style.slug) }}" class="btn btn-secondary">Cancel</a>
|
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|