47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Suggestions · Moon Household Budget</title>
|
||
<style>
|
||
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
|
||
max-width: 720px; margin: 2rem auto; padding: 0 1rem; color: #1c1c1e; }
|
||
h1 { font-size: 1.4rem; }
|
||
.card { border: 1px solid #e3e3e6; border-radius: 12px; padding: 1rem; margin: .75rem 0; }
|
||
input, textarea { width: 100%; box-sizing: border-box; padding: .6rem; border-radius: 8px;
|
||
border: 1px solid #cfcfd4; font: inherit; margin-bottom: .5rem; }
|
||
textarea { min-height: 100px; resize: vertical; }
|
||
button { background: #4338ca; color: #fff; border: 0; border-radius: 8px;
|
||
padding: .6rem 1rem; font: inherit; cursor: pointer; }
|
||
button:disabled { opacity: .5; cursor: default; }
|
||
.muted { color: #6b6b70; font-size: .85rem; }
|
||
.issue-title { font-weight: 600; }
|
||
.issue-meta { color: #6b6b70; font-size: .8rem; }
|
||
.notice { background: #fff8e1; border: 1px solid #f0e3a8; padding: .75rem; border-radius: 8px; }
|
||
a { color: #4338ca; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>💡 Suggestions & Feedback</h1>
|
||
<p class="muted">Ideas, bugs, “can it also do…?” — they go straight to Tony.</p>
|
||
|
||
{% if not configured %}
|
||
<div class="notice">Feedback isn’t set up yet (Gitea env vars missing). Once configured, this page goes live.</div>
|
||
{% else %}
|
||
<div class="card">
|
||
<input id="s-title" placeholder="Short title (required)" />
|
||
<textarea id="s-body" placeholder="Details… paste a screenshot to attach it."></textarea>
|
||
<div style="display:flex; gap:.5rem; align-items:center;">
|
||
<button id="s-send">Send suggestion</button>
|
||
<span id="s-status" class="muted"></span>
|
||
</div>
|
||
</div>
|
||
<h2 style="font-size:1.1rem;">Open suggestions</h2>
|
||
<div id="s-list"><p class="muted">Loading…</p></div>
|
||
{% endif %}
|
||
|
||
<script src="{{ url_for('suggestions.static', filename='suggestions.js') }}"></script>
|
||
</body>
|
||
</html>
|