refine create and details deployment ui

2023-09-21 11:51:57 +02:00
parent 53c54e9553
commit d1d87b4b97
10 changed files with 227 additions and 155 deletions
@@ -0,0 +1,29 @@
+<div class="modal fade" id="create-deployment-modal" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Create new deployment</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <form id="create-deployment-form" action="{% url 'deployment-create' %}" method="post">
+                    {% csrf_token %}
+                    <div class="mb-3">
+                        <label for="name" class="form-label">Name</label>
+                        <input type="name" class="form-control" id="name" name="name" required="">
+                    </div>
+                    <label for="type" class="form-label">Type</label>
+                    <select id="type" name="type" class="form-select" aria-label="Deployment type" required="">
+                        <option value="SLIM">Slim</option>
+                        <option value="MEDIUM">Medium</option>
+                        <option value="LARGE">Large</option>
+                    </select>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="submit" form="create-deployment-form" class="btn btn-success">Create</button>
+            </div>
+        </div>
+    </div>
+</div>