agent-company
eeea1b6475
Move the large inline HTML template from settings.go into a separate file at internal/templates/settings.html, matching the project convention used by all other handlers. The template is now loaded at render time via template.ParseFiles, consistent with dashboard, issues, etc. Closes leeworks-agents/gitea-mobile#126 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
84 lines
3.1 KiB
HTML
84 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<title>Settings — Gitea Mobile</title>
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
background: #0d1117; color: #e6edf3;
|
|
padding: 1rem;
|
|
padding-top: max(1rem, env(safe-area-inset-top));
|
|
}
|
|
h1 { font-size: 1.5rem; margin-bottom: 1rem; }
|
|
.card {
|
|
background: #161b22; border: 1px solid #30363d; border-radius: 8px;
|
|
padding: 1rem; margin-bottom: 1rem;
|
|
}
|
|
label { display: block; font-size: 0.875rem; color: #8b949e; margin-bottom: 0.5rem; }
|
|
input[type="text"], input[type="password"] {
|
|
width: 100%; padding: 0.5rem; font-size: 1rem;
|
|
background: #0d1117; border: 1px solid #30363d; border-radius: 6px;
|
|
color: #e6edf3; margin-bottom: 1rem;
|
|
}
|
|
input:focus { outline: none; border-color: #58a6ff; }
|
|
button {
|
|
width: 100%; padding: 0.75rem; font-size: 1rem; font-weight: 600;
|
|
background: #238636; color: #fff; border: none; border-radius: 6px;
|
|
cursor: pointer;
|
|
}
|
|
button:active { background: #2ea043; }
|
|
.message {
|
|
padding: 0.75rem; border-radius: 6px; margin-bottom: 1rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
.message.success { background: #0d2818; border: 1px solid #238636; color: #3fb950; }
|
|
.message.error { background: #2d1117; border: 1px solid #da3633; color: #f85149; }
|
|
.message.info { background: #0c1d2e; border: 1px solid #1f6feb; color: #58a6ff; }
|
|
.hint { font-size: 0.75rem; color: #8b949e; margin-top: 0.25rem; margin-bottom: 1rem; }
|
|
.status { font-size: 0.875rem; color: #8b949e; }
|
|
.status .connected { color: #3fb950; }
|
|
.logout-btn {
|
|
background: #21262d; border: 1px solid #30363d; margin-top: 0.5rem;
|
|
}
|
|
.logout-btn:active { background: #30363d; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Settings</h1>
|
|
|
|
{{if .Message}}
|
|
<div class="message {{.MessageType}}">{{.Message}}</div>
|
|
{{end}}
|
|
|
|
{{if .HasToken}}
|
|
<div class="card">
|
|
<p class="status">Status: <span class="connected">Connected</span></p>
|
|
<p class="hint">A Gitea API token is configured.</p>
|
|
<form method="POST" action="/settings">
|
|
<input type="hidden" name="action" value="logout">
|
|
<button type="submit" class="logout-btn">Remove Token</button>
|
|
</form>
|
|
</div>
|
|
{{end}}
|
|
|
|
<div class="card">
|
|
<form method="POST" action="/settings">
|
|
<input type="hidden" name="action" value="save">
|
|
<label for="token">Gitea API Token</label>
|
|
<input type="password" id="token" name="token" placeholder="Enter your Gitea API token" required>
|
|
<p class="hint">Generate a token at your Gitea instance under Settings → Applications.</p>
|
|
<button type="submit">{{if .HasToken}}Update Token{{else}}Save Token{{end}}</button>
|
|
</form>
|
|
</div>
|
|
|
|
{{if .HasToken}}
|
|
<p style="text-align:center; margin-top:1rem;">
|
|
<a href="/" style="color:#58a6ff; text-decoration:none;">Back to Dashboard</a>
|
|
</p>
|
|
{{end}}
|
|
</body>
|
|
</html>
|