tanabata/docs/reference/web/templates/view-category.html
Masahiko AMANO a2823337b6 docs(project): add reference Python/Flask implementation
Previous version of Tanabata used as visual and functional reference
for the new Go + SvelteKit rewrite.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 18:36:05 +03:00

43 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
{% include 'head.html' %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
<title>Category - {{ category['name'] }} | Tanabata File Manager</title>
</head>
<body data-bs-theme="dark">
<header>
<h1><img src="{{ url_for('static', filename='images/icon-category.svg') }}" alt="Category -" class="icon-header"> {{ category['name'] }}</h1>
<form id="object-edit">
<div class="row">
<div class="form-group col-md-10">
<label for="name">Name</label>
<input type="text" class="form-control" name="name" id="name" value="{{ category['name'] }}" required>
</div>
<div class="form-group col-md-2">
<label for="color">Color</label>
<input type="color" class="form-control form-control-color" name="color" id="color" value="#{% if category['color'] %}{{ category['color'] }}{% else %}444455{% endif %}">
</div>
</div>
<div class="form-group">
<label for="notes">Notes</label>
<textarea class="form-control" name="notes" id="notes" rows="3">{{ category['notes'] }}</textarea>
</div>
<div class="form-check">
<label for="is_private" class="form-check-label">Is private</label>
<input type="checkbox" name="is_private" id="is_private" class="form-check-input" {% if category['is_private'] %}checked{% endif %}>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
</header>
<div id="loader" style="display: none">
<div class="loader-wrapper">
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
</div>
</div>
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
<script src="{{ url_for('static', filename='js/category.js') }}"></script>
</body>
</html>