Add deletion fuinctionality to storages

shimatta_kenkyusho/templates/base.html

@@ -6,6 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
         <link href="{% static 'css/icons/bootstrap-icons.css' %}" rel="stylesheet">
+        <link href="{% static 'css/autocomplete.css' %}" rel="stylesheet">
         <title>{{ base.title }}</title>
         {% block customhead %}
         {% endblock customhead %}
@@ -53,7 +54,7 @@
         {% endblock content %}
 
         <script type="text/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
-
+        <script type="text/javascript" src="{% static 'js/autocomplete.min.js' %}"></script>
         {% block custom_scripts %}
         {% endblock custom_scripts %}
 

shimatta_kenkyusho/templates/parts/modals/delete-storage-modal.html

@@ -0,0 +1,25 @@
+<div class="modal fade" id="delete-storage-modal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="staticBackdropLabel">Delete Storage</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                {% csrf_token %}
+                <div class="modal-body">
+                    <h2>Do you want to delete this storage and possibly all of its substorages?</h2>
+                        {% if err_msgs %}
+                        {% for error in err_msgs %}
+                        <p class="text-danger text-center">{{ error }}</p>
+                        {% endfor %}
+                        {% endif %}
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <input type="submit" class="btn btn-danger" value="Delete Storage" name="submit-delete-storage">
+                </div>
+            </form>
+        </div>
+    </div>
+</div>

shimatta_kenkyusho/templates/parts/modals/new-substorage-modal.html

@@ -0,0 +1,43 @@
+<div class="modal fade" id="add-sub-modal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="staticBackdropLabel">Add Storage</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                {% csrf_token %}
+                <div class="modal-body">
+                    <label for="add-storage-name" class="form-label">Storage Name</label>
+                    <div class="input-group has-validation">
+                        <input value="{{form.storage_name.value}}" class="form-control{% if form.storage_name.errors or form.non_field_errors %} is-invalid{% endif %}" id="add-storage-name" name="{{form.storage_name.name}}" type="text" aria-describedby="validationStorageName" required>
+                        <div id="validationStorageName" class="invalid-feedback">
+                            {% for msg in form.storage_name.errors %}
+                                {{msg}}
+                            {% endfor %}
+                        </div>
+                    </div>
+                    <label for="{{form.responsible.id_for_label}}">Responsible</label>
+                    <div class="input-group has-validation">
+                        <span class="input-group-text" id="add_storage_username_prepend">@</span><input type="text" value="{{form.responsible.value}}" class="form-control{% if form.responsible.errors or form.non_field_errors %} is-invalid{% endif %}" id="{{form.responsible.id_for_label}}" name="{{form.responsible.name}}" aria-describedby="add_storage_username_prepend validationServerUsernameFeedback" required>
+                        <div id="validationServerUsernameFeedback" class="invalid-feedback">
+                            {% for msg in form.responsible.errors %}
+                                {{msg}}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <input type="submit" class="btn btn-primary" value="Add Storage" name="submit-add-storage">
+                    
+                    {% if form.non_field_errors %}
+                        {% for error in form.non_field_errors %}
+                        <p class="text-danger text-center">{{ error }}</p>
+                        {% endfor %}
+                    {% endif %}
+                </div>
+            </form>
+        </div>
+    </div>
+</div>

shimatta_kenkyusho/templates/parts/stocks-detail.html

@@ -21,6 +21,7 @@
             <h1>Sub-Storages <a class="btn btn-secondary" href="{% url 'parts-stocks-detail' uuid=object.parent_storage.id %}">Parent Storage</a>            {% else %}
             <h1>Sub-Storages <a class="btn btn-secondary" href="{% url 'parts-stocks'%}">Stock Overview</a>
             {% endif %}
+            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#delete-storage-modal">D</button>
             <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-sub-modal"><i class="bi bi-plus-circle"></i></button>
             </h1>
             <div class="list-group">
@@ -41,49 +42,13 @@
     </div>
     <!-- Modal for adding a substorage-->
     {% with add_storage_form as form %}
-    <div class="modal fade" id="add-sub-modal">
-        <div class="modal-dialog">
-            <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="staticBackdropLabel">Add Storage</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <form action="" method="post">
-                {% csrf_token %}
-                <div class="modal-body">
-                    <label for="add-storage-name" class="form-label">Storage Name</label>
-                    <div class="input-group has-validation">
-                        <input value="{{form.storage_name.value}}" class="form-control{% if form.storage_name.errors or form.non_field_errors %} is-invalid{% endif %}" id="add-storage-name" name="{{form.storage_name.name}}" type="text" aria-describedby="validationStorageName" required>
-                        <div id="validationStorageName" class="invalid-feedback">
-                        {% for msg in form.storage_name.errors %}
-                            {{msg}}
-                        {% endfor %}
-                        </div>
-                    </div>
-                        <label for="{{form.responsible.id_for_label}}">Responsible</label>
-                    <div class="input-group has-validation">
-                        <span class="input-group-text" id="add_storage_username_prepend">@</span><input type="text" value="{{form.responsible.value}}" class="form-control{% if form.responsible.errors or form.non_field_errors %} is-invalid{% endif %}" id="{{form.responsible.id_for_label}}" name="{{form.responsible.name}}" aria-describedby="add_storage_username_prepend validationServerUsernameFeedback" required>
-                        <div id="validationServerUsernameFeedback" class="invalid-feedback">
-                        {% for msg in form.responsible.errors %}
-                            {{msg}}
-                        {% endfor %}
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-                    <input type="submit" class="btn btn-primary" value="Add Storage" name="submit-add-storage">
-                 
-                    {% if form.non_field_errors %}
-                        {% for error in form.non_field_errors %}
-                        <p class="text-danger text-center">{{ error }}</p>
-                        {% endfor %}
-                    {% endif %}
-                </div>
-            </form>
-        </div>
+    {% include 'parts/modals/new-substorage-modal.html' %}
     {% endwith %}
-    </div>
+    <!-- Modal for deleting this storage -->
+    {% with delete_storage_errors as err_msgs %}
+    {% include 'parts/modals/delete-storage-modal.html' %}
+    {% endwith %}
+
 </div>
 {% endblock content %}
 
@@ -91,9 +56,16 @@
 {% if add_storage_form.errors %}
 <script type="text/javascript">
     var addSubStorageModal = document.querySelector('#add-sub-modal');
-    var modal = bootstrap.Modal.getOrCreateInstance(addSubStorageModal);
-    modal.show();
+    var c_modal = bootstrap.Modal.getOrCreateInstance(addSubStorageModal);
+    c_modal.show();
 </script>
 {% endif %}
+{% if delete_storage_errors %}
+<script type="text/javascript">
+    var deleteStorageModal = document.querySelector('#delete-storage-modal');
+    var d_modal = bootstrap.Modal.getOrCreateInstance(deleteStorageModal);
+    d_modal.show();
+</script
+{% endif %}
 {% endblock custom_scripts %}
 

shimatta_kenkyusho/templates/parts/stocks.html

@@ -34,7 +34,7 @@
             {% include 'paginator.html' with paginator=low_stocks get_param='low_stock_page' aria_label='Low Stock Page Navigation' %}
         </div>
         <div class="col-md">
-            <h1>Storages</h1>
+            <h1>Storages <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-sub-modal"><i class="bi bi-plus-circle"></i></button></h1>
             <div class="list-group">
             {% for storage in storages %}
                     <a href="{% url 'parts-stocks-detail' uuid=storage.id %}" class="text-decoration-none">
@@ -51,5 +51,22 @@
             {% include 'paginator.html' with paginator=storages get_param='storage_page' aria_label='Storage Page Navigation'%}
         </div>
     </div>
+
+    <!-- Add storage modal form -->
+    {% with add_storage_form as form %}
+    {% include 'parts/modals/new-substorage-modal.html' %}
+    {% endwith %}
+
 </div>
-{% endblock content %}
+{% endblock content %}
+
+{% block custom_scripts %}
+{% if add_storage_form.errors %}
+<script type="text/javascript">
+    var addSubStorageModal = document.querySelector('#add-sub-modal');
+    var modal = bootstrap.Modal.getOrCreateInstance(addSubStorageModal);
+    modal.show();
+</script>
+{% endif %}
+{% endblock custom_scripts %}
+