mirror of
https://github.com/ferdzo/iotDashboard.git
synced 2026-04-05 01:06:24 +00:00
63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% if form.instance.pk %}Edit{% else %}Add{% endif %} Device</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</head>
|
|
|
|
<body class="bg-light">
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="{% url 'index' %}">IoT Dashboard</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item"><a class="nav-link" href="{% url 'device_list' %}">Devices</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="/admin/">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container mt-5">
|
|
<h1 class="text-center mb-4">{% if form.instance.pk %}Edit{% else %}Add{% endif %} Device</h1>
|
|
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<div class="mb-3">
|
|
<!-- Display the form fields -->
|
|
{{ form.name.label_tag }} {{ form.name }}<br>
|
|
{{ form.ip.label_tag }} {{ form.ip }}<br>
|
|
{{ form.protocol.label_tag }} {{ form.protocol }}<br>
|
|
|
|
<!-- If there are errors, display them -->
|
|
{% if form.errors %}
|
|
<div class="alert alert-danger">
|
|
<ul>
|
|
{% for field, errors in form.errors.items %}
|
|
<li>{{ field }}: {{ errors|join:", " }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Submit and Cancel buttons -->
|
|
<button type="submit" class="btn btn-success">Save</button>
|
|
<a href="{% url 'device_list' %}" class="btn btn-secondary">Cancel</a>
|
|
</form>
|
|
|
|
<!-- Links for adding/editing sensors for this specific device -->
|
|
<div class="mt-4">
|
|
{% if form.instance.pk %}
|
|
<a href="{% url 'add_sensor' form.instance.pk %}" class="btn btn-primary">Add Sensor</a>
|
|
<a href="{% url 'sensor_list' form.instance.pk %}" class="btn btn-info">Edit Sensors</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|