Updated sessions,notifications
This commit is contained in:
@@ -3,10 +3,11 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ with .PageData }}{{ .Title }}{{ end }} - {{ .AppName }}</title>
|
||||
<title>{{ .AppName }}</title>
|
||||
<link href="/static/tailwind.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
|
||||
{{ template "notifications" . }}
|
||||
<header class="bg-gray-800 p-4">
|
||||
<nav class="flex justify-between">
|
||||
<a href="/" class="text-xl font-bold">{{ .AppName }}</a>
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
{{ define "content" }}
|
||||
<h1 class="text-2xl mb-4">Dashboard</h1>
|
||||
<p>Welcome to Unifi Custom Blocklist Manager.</p>
|
||||
<form method="POST" action="/apply">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<button type="submit" class="bg-green-600 p-2 rounded">Apply Changes</button>
|
||||
</form>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-4">Dashboard</h1>
|
||||
<p class="text-gray-300 mb-6">Welcome to {{ .AppName }}. Use the menu above to manage blocklists and domains.</p>
|
||||
<form method="POST" action="/apply">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<button type="submit" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded transition">Apply Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -1,28 +1,32 @@
|
||||
{{ define "content" }}
|
||||
<h1 class="text-2xl mb-4">Domains</h1>
|
||||
<form method="GET" class="mb-4">
|
||||
<input type="text" name="query" placeholder="Search (use * for wildcard)" value="{{ with .PageData }}{{ .Query }}{{ end }}" class="p-2 bg-gray-700 rounded">
|
||||
<button type="submit" class="bg-blue-600 p-2 rounded">Search</button>
|
||||
</form>
|
||||
<form method="POST" class="mb-4">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="hidden" name="action" value="add">
|
||||
<input type="text" name="domain" placeholder="Add Domain" class="p-2 bg-gray-700 rounded">
|
||||
<button type="submit" class="bg-green-600 p-2 rounded">Add</button>
|
||||
</form>
|
||||
<ul class="space-y-2">
|
||||
{{ with .PageData }}
|
||||
{{ range .Domains }}
|
||||
<li class="flex justify-between bg-gray-800 p-2 rounded">
|
||||
{{ . }}
|
||||
<form method="POST" class="inline">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="remove">
|
||||
<input type="hidden" name="domain" value="{{ . }}">
|
||||
<button type="submit" class="bg-red-600 p-1 rounded">Remove</button>
|
||||
</form>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6">Domains</h1>
|
||||
<form method="GET" class="mb-6 bg-gray-800 p-4 rounded">
|
||||
<div class="flex gap-2">
|
||||
<input type="text" name="query" placeholder="Search domains (use * for wildcard)" value="{{ .PageData.Query }}" class="flex-1 p-2 bg-gray-700 rounded text-white placeholder-gray-400">
|
||||
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold px-4 py-2 rounded transition">Search</button>
|
||||
</div>
|
||||
</form>
|
||||
<form method="POST" class="mb-6 bg-gray-800 p-4 rounded">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="hidden" name="action" value="add">
|
||||
<div class="flex gap-2">
|
||||
<input type="text" name="domain" placeholder="Add domain (e.g., ads.example.com)" class="flex-1 p-2 bg-gray-700 rounded text-white placeholder-gray-400">
|
||||
<button type="submit" class="bg-green-600 hover:bg-green-700 text-white font-bold px-4 py-2 rounded transition">Add</button>
|
||||
</div>
|
||||
</form>
|
||||
<ul class="space-y-2">
|
||||
{{ range .PageData.Domains }}
|
||||
<li class="flex justify-between items-center bg-gray-800 p-3 rounded">
|
||||
<span class="text-sm text-gray-300 break-all">{{ . }}</span>
|
||||
<form method="POST" class="inline ml-4">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="remove">
|
||||
<input type="hidden" name="domain" value="{{ . }}">
|
||||
<button type="submit" class="bg-red-600 hover:bg-red-700 text-white font-bold px-3 py-1 rounded text-sm transition">Remove</button>
|
||||
</form>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -1,9 +1,12 @@
|
||||
{{ define "content" }}
|
||||
<form method="POST" class="max-w-md mx-auto bg-gray-800 p-6 rounded">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="text" name="username" placeholder="Username" class="w-full mb-4 p-2 bg-gray-700 rounded" required>
|
||||
<input type="password" name="password" placeholder="Password" class="w-full mb-4 p-2 bg-gray-700 rounded" required>
|
||||
<input type="text" name="mfa_code" placeholder="MFA Code (if enabled)" class="w-full mb-4 p-2 bg-gray-700 rounded">
|
||||
<button type="submit" class="w-full bg-blue-600 p-2 rounded">Login</button>
|
||||
</form>
|
||||
<div class="min-h-screen flex items-center justify-center">
|
||||
<form method="POST" class="max-w-md w-full mx-4 bg-gray-800 p-6 rounded">
|
||||
<h2 class="text-2xl font-bold mb-6 text-center">Login</h2>
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="text" name="username" placeholder="Username" class="w-full mb-4 p-2 bg-gray-700 rounded text-white placeholder-gray-400" required>
|
||||
<input type="password" name="password" placeholder="Password" class="w-full mb-4 p-2 bg-gray-700 rounded text-white placeholder-gray-400" required>
|
||||
<input type="text" name="mfa_code" placeholder="MFA Code (if enabled)" class="w-full mb-6 p-2 bg-gray-700 rounded text-white placeholder-gray-400">
|
||||
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold p-2 rounded transition">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
{{ end }}
|
||||
9
templates/logs.html
Normal file
9
templates/logs.html
Normal file
@@ -0,0 +1,9 @@
|
||||
{{ define "content" }}
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6">Logs</h1>
|
||||
<div class="bg-gray-800 p-6 rounded">
|
||||
<p class="text-gray-300">Application logs will be displayed here. Currently, logs are output to the console when the application is running.</p>
|
||||
<p class="text-gray-400 text-sm mt-4">Check the terminal output where you started the application for detailed activity logs.</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -1,6 +1,23 @@
|
||||
{{ define "content" }}
|
||||
<h1 class="text-2xl mb-4">MFA Setup</h1>
|
||||
<p>MFA Secret: {{ with .PageData }}{{ .MFASecret }}{{ end }}</p>
|
||||
<p>OTP URL: {{ with .PageData }}{{ .OTPURL }}{{ end }}</p>
|
||||
<p>Use a QR code generator with the OTP URL or enter the secret in your authenticator app.</p>
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6">MFA Setup</h1>
|
||||
<div class="bg-gray-800 p-6 rounded space-y-4">
|
||||
<div>
|
||||
<p class="text-sm text-gray-400 mb-2"><strong>MFA Secret:</strong></p>
|
||||
<p class="bg-gray-900 p-3 rounded font-mono text-sm text-green-400 break-all">{{ .PageData.MFASecret }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-gray-400 mb-2"><strong>OTP URL:</strong></p>
|
||||
<p class="bg-gray-900 p-3 rounded font-mono text-xs text-green-400 break-all">{{ .PageData.OTPURL }}</p>
|
||||
</div>
|
||||
<div class="mt-6 p-4 bg-gray-700 rounded">
|
||||
<p class="text-sm text-gray-300"><strong>Instructions:</strong></p>
|
||||
<ul class="text-sm text-gray-400 mt-2 space-y-1">
|
||||
<li>• Use a QR code scanner with the OTP URL above</li>
|
||||
<li>• Or manually enter the MFA Secret in your authenticator app</li>
|
||||
<li>• Supported apps: Google Authenticator, Authy, Microsoft Authenticator, etc.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
78
templates/notifications.html
Normal file
78
templates/notifications.html
Normal file
@@ -0,0 +1,78 @@
|
||||
{{ define "notifications" }}
|
||||
{{ if .Notification }}
|
||||
<div id="notification-container" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
||||
<div class="bg-gray-800 rounded-lg shadow-lg max-w-md w-full mx-4 {{ if eq .NotificationType "error" }}border-l-4 border-red-500{{ else if eq .NotificationType "success" }}border-l-4 border-green-500{{ else }}border-l-4 border-blue-500{{ end }}">
|
||||
<div class="p-6">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
{{ if eq .NotificationType "error" }}
|
||||
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4v2m0 0a9 9 0 11-18 0 9 9 0 0118 0zm0-14a9 9 0 00-9 9m0 0a9 9 0 1018 0 9 9 0 00-18 0z" />
|
||||
</svg>
|
||||
{{ else if eq .NotificationType "success" }}
|
||||
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
{{ else }}
|
||||
<svg class="h-6 w-6 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="ml-3 flex-1">
|
||||
<h3 class="text-lg font-medium {{ if eq .NotificationType "error" }}text-red-400{{ else if eq .NotificationType "success" }}text-green-400{{ else }}text-blue-400{{ end }}">
|
||||
{{ if eq .NotificationType "error" }}Error{{ else if eq .NotificationType "success" }}Success{{ else }}Information{{ end }}
|
||||
</h3>
|
||||
<div class="mt-2 text-sm text-gray-300">
|
||||
{{ .Notification }}
|
||||
</div>
|
||||
</div>
|
||||
<button onclick="closeNotification()" class="ml-3 text-gray-400 hover:text-gray-200">
|
||||
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-700 px-6 py-4 flex justify-end gap-3">
|
||||
{{ if eq .NotificationType "error" }}
|
||||
<button onclick="closeNotification()" class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded font-medium transition">
|
||||
Dismiss
|
||||
</button>
|
||||
{{ else if eq .NotificationType "success" }}
|
||||
<button onclick="closeNotification()" class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded font-medium transition">
|
||||
OK
|
||||
</button>
|
||||
{{ else }}
|
||||
<button onclick="closeNotification()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded font-medium transition">
|
||||
OK
|
||||
</button>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function closeNotification() {
|
||||
var container = document.getElementById('notification-container');
|
||||
if (container) {
|
||||
container.remove();
|
||||
}
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var type = '{{ .NotificationType }}';
|
||||
if (type === 'success') {
|
||||
setTimeout(closeNotification, 5000);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
var type = '{{ .NotificationType }}';
|
||||
if (type === 'success') {
|
||||
setTimeout(closeNotification, 5000);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -1,17 +1,30 @@
|
||||
{{ define "content" }}
|
||||
<h1 class="text-2xl mb-4">Profile</h1>
|
||||
{{ with .PageData }}
|
||||
<div class="bg-gray-800 p-4 rounded mb-4">
|
||||
<p class="mb-2"><strong>Username:</strong> admin</p>
|
||||
<p class="mb-2">
|
||||
<strong>MFA Status:</strong>
|
||||
{{ if .MFAEnabled }}
|
||||
<span class="text-green-400">Enabled</span>
|
||||
{{ else }}
|
||||
<span class="text-yellow-400">Disabled</span>
|
||||
{{ end }}
|
||||
</p>
|
||||
<p class="text-sm text-gray-400 mt-4">To manage MFA or change password, use the command-line interface with the executable flags.</p>
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6">Profile</h1>
|
||||
<div class="bg-gray-800 p-6 rounded">
|
||||
<p class="mb-4">
|
||||
<strong class="text-white">Username:</strong>
|
||||
<span class="text-gray-300">admin</span>
|
||||
</p>
|
||||
<p class="mb-6">
|
||||
<strong class="text-white">MFA Status:</strong>
|
||||
{{ if .PageData.MFAEnabled }}
|
||||
<span class="text-green-400 font-bold">Enabled</span>
|
||||
{{ else }}
|
||||
<span class="text-yellow-400 font-bold">Disabled</span>
|
||||
{{ end }}
|
||||
</p>
|
||||
<div class="bg-gray-700 p-4 rounded mt-4">
|
||||
<p class="text-sm text-gray-300">
|
||||
<strong>To manage MFA or change password:</strong>
|
||||
</p>
|
||||
<p class="text-sm text-gray-400 mt-2">Use the command-line interface with the executable flags:</p>
|
||||
<ul class="text-sm text-gray-400 mt-2 ml-4 space-y-1">
|
||||
<li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -pw "NewPassword"</code> - Change password</li>
|
||||
<li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -mfa on</code> - Enable MFA</li>
|
||||
<li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -mfa off</code> - Disable MFA</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -1,32 +1,34 @@
|
||||
{{ define "content" }}
|
||||
<h1 class="text-2xl mb-4">URL Lists</h1>
|
||||
<form method="POST" class="mb-4">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="hidden" name="action" value="add">
|
||||
<input type="text" name="url" placeholder="Add URL" class="p-2 bg-gray-700 rounded">
|
||||
<button type="submit" class="bg-blue-600 p-2 rounded">Add</button>
|
||||
</form>
|
||||
<ul class="space-y-2">
|
||||
{{ with .PageData }}
|
||||
{{ range $i, $url := .URLs }}
|
||||
<li class="flex justify-between bg-gray-800 p-2 rounded">
|
||||
{{ $url }}
|
||||
<div>
|
||||
<form method="POST" class="inline">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="toggle">
|
||||
<input type="hidden" name="index" value="{{ $i }}">
|
||||
<button type="submit" class="bg-yellow-600 p-1 rounded">Toggle</button>
|
||||
</form>
|
||||
<form method="POST" class="inline">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="remove">
|
||||
<input type="hidden" name="index" value="{{ $i }}">
|
||||
<button type="submit" class="bg-red-600 p-1 rounded">Remove</button>
|
||||
</form>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6">URL Lists</h1>
|
||||
<form method="POST" class="mb-6 bg-gray-800 p-4 rounded">
|
||||
<input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
|
||||
<input type="hidden" name="action" value="add">
|
||||
<div class="flex gap-2">
|
||||
<input type="text" name="url" placeholder="Add URL (e.g., https://example.com/blocklist.txt)" class="flex-1 p-2 bg-gray-700 rounded text-white placeholder-gray-400">
|
||||
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold px-4 py-2 rounded transition">Add</button>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</form>
|
||||
<ul class="space-y-2">
|
||||
{{ range $i, $url := .PageData.URLs }}
|
||||
<li class="flex justify-between items-center bg-gray-800 p-3 rounded">
|
||||
<span class="text-sm text-gray-300 break-all">{{ $url }}</span>
|
||||
<div class="flex gap-2 ml-4">
|
||||
<form method="POST" class="inline">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="toggle">
|
||||
<input type="hidden" name="index" value="{{ $i }}">
|
||||
<button type="submit" class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold px-3 py-1 rounded text-sm transition">Toggle</button>
|
||||
</form>
|
||||
<form method="POST" class="inline">
|
||||
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
||||
<input type="hidden" name="action" value="remove">
|
||||
<input type="hidden" name="index" value="{{ $i }}">
|
||||
<button type="submit" class="bg-red-600 hover:bg-red-700 text-white font-bold px-3 py-1 rounded text-sm transition">Remove</button>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user