mirror of
https://github.com/TronoSfera/backup_service.git
synced 2026-05-18 10:03:32 +03:00
44 lines
No EOL
3.1 KiB
HTML
44 lines
No EOL
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Configure Backup Client</title>
|
||
<!-- Load Tailwind via the Play CDN so we can use utility classes immediately【342154051484276†L285-L295】 -->
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<div class="max-w-lg mx-auto my-12 bg-white p-8 rounded shadow">
|
||
<h1 class="text-2xl font-bold mb-4">Configure Backup Client</h1>
|
||
{% if error %}
|
||
<div class="mb-4 p-3 bg-red-100 text-red-700 rounded border border-red-300">
|
||
{{ error }}
|
||
</div>
|
||
{% endif %}
|
||
<form method="post" action="/configure" class="space-y-4">
|
||
<div>
|
||
<label for="server_url" class="block text-sm font-medium text-gray-700 mb-1">Server URL</label>
|
||
<input id="server_url" type="text" name="server_url" value="{{ server_url }}" required placeholder="http://server:8000" class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md p-2" />
|
||
</div>
|
||
<div>
|
||
<label for="username" class="block text-sm font-medium text-gray-700 mb-1">Username</label>
|
||
<input id="username" type="text" name="username" value="{{ username }}" required class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md p-2" />
|
||
</div>
|
||
<div>
|
||
<label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
|
||
<input id="password" type="password" name="password" required class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md p-2" />
|
||
</div>
|
||
<div>
|
||
<label for="client_name" class="block text-sm font-medium text-gray-700 mb-1">Client Name</label>
|
||
<input id="client_name" type="text" name="client_name" value="{{ client_name }}" class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md p-2" />
|
||
<p class="text-xs text-gray-500 mt-1">If left blank, the container hostname will be used.</p>
|
||
</div>
|
||
<div>
|
||
<label for="monitored_paths" class="block text-sm font-medium text-gray-700 mb-1">Monitored Paths</label>
|
||
<input id="monitored_paths" type="text" name="monitored_paths" value="{{ monitored_paths }}" placeholder="/data" class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md p-2" />
|
||
<p class="text-xs text-gray-500 mt-1">Comma‑separated list of directories to back up.</p>
|
||
</div>
|
||
<button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Save & Register</button>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
</html> |