Files
arduino_api/server_api/templates/settings.html

130 lines
6.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Settings</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body {
background-color: #343a40;
color: #f8f9fa;
}
.card {
background-color: #495057;
border: 1px solid #6c757d;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card-title {
font-size: 1.25rem;
font-weight: 500;
color: #f8f9fa;
}
.card-text {
font-size: 1rem;
color: #ced4da;
}
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
background-color: #0056b3;
border-color: #004085;
}
.btn-danger {
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
background-color: #c82333;
border-color: #bd2130;
}
</style>
</head>
<body>
<div class="container mt-5">
<div class="text-right mb-4">
<a href="{{ url_for('index') }}" class="btn btn-secondary">Back to Main Page</a>
</div>
<h1 class="text-center mb-4">Settings</h1>
<div class="row">
<div class="col-md-6">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Set Cleanup Time</h5>
<form action="{{ url_for('set_cleanup_time') }}" method="post" class="form-inline">
<div class="form-group">
<label for="cleanup_time" class="mr-2">Cleanup Time (in hours):</label>
<input type="number" class="form-control mr-2" id="cleanup_time" name="cleanup_time" value="{{ cleanup_time }}" required>
</div>
<button type="submit" class="btn btn-primary mr-2">Set Time</button>
<form action="{{ url_for('run_cleanup_now') }}" method="post" class="form-inline">
<button type="submit" class="btn btn-danger">Run Cleanup Now</button>
</form>
</form>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">MIR Server Connection</h5>
<form action="{{ url_for('set_mir_server') }}" method="post">
<div class="form-group">
<label for="mir_ip">MIR Server IP Address:</label>
<input type="text" class="form-control" id="mir_ip" name="mir_ip" value="{{ mir_ip }}" required>
</div>
<div class="form-group">
<label for="mir_user">MIR Server User:</label>
<input type="text" class="form-control" id="mir_user" name="mir_user" value="{{ mir_user }}" required>
</div>
<div class="form-group">
<label for="mir_password">MIR Server Password:</label>
<input type="password" class="form-control" id="mir_password" name="mir_password" value="{{ mir_password }}" required>
</div>
<div class="form-group">
<label for="mir_auth_header">Authorization Header:</label>
<input type="text" class="form-control" id="mir_auth_header" name="mir_auth_header" value="{{ mir_auth_header }}" required>
</div>
<button type="submit" class="btn btn-primary">Set MIR Server</button>
</form>
</div>
</div>
</div>
<div class="col-md-6">
{% for board in boards %}
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Board: {{ board.hostname }}</h5>
<form action="{{ url_for('set_board_settings', hostname=board.hostname) }}" method="post">
<div class="form-group">
<label for="mission1">Mission ID for Input 1:</label>
<input type="text" class="form-control" id="mission1" name="mission1" value="{{ board.mission1 or '' }}" required>
</div>
<div class="form-group">
<label for="mission2">Mission ID for Input 2:</label>
<input type="text" class="form-control" id="mission2" name="mission2" value="{{ board.mission2 or '' }}" required>
</div>
<div class="form-group">
<label for="mission3">Mission ID for Input 3:</label>
<input type="text" class="form-control" id="mission3" name="mission3" value="{{ board.mission3 or '' }}" required>
</div>
<div class="form-group">
<label for="mission4">Mission ID for Input 4:</label>
<input type="text" class="form-control" id="mission4" name="mission4" value="{{ board.mission4 or '' }}" required>
</div>
<div class="d-flex justify-content-between">
<button type="submit" class="btn btn-primary">Save Settings</button>
</div>
</form>
<form action="{{ url_for('delete_board', hostname=board.hostname) }}" method="post" onsubmit="return confirm('Are you sure you want to delete this board?');" class="mt-2">
<button type="submit" class="btn btn-danger">Delete Board</button>
</form>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</body>
</html>