Add code for component autocompletion in add-stock-modal

shimatta_kenkyusho/templates/parts/stocks-detail.html

@@ -54,6 +54,9 @@
                     </button>
                 </div>
             </form>
+            <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#add-stock-modal">
+                <i class="bi bi-plus-circle"></i>
+            </button>
             <div class="list-group">
                 {% for stock in stocks %}
                     <li class="list-group-item list-group-item-action d-flex align-items-center">
@@ -109,6 +112,10 @@
     {% with delete_storage_errors as err_msgs %}
     {% include 'parts/modals/delete-storage-modal.html' %}
     {% endwith %}
+    <!-- Modal for adding stock to this storage -->
+    {% with add_stock_form as form %}
+    {% include 'parts/modals/add-stock-modal.html' %}
+    {% endwith %}
 
 </div>
 {% endblock content %}
@@ -140,6 +147,10 @@ function(search, autocomplete_obj) {
     }, function(){});
 });
 </script>
+<script type="text/javascript">
+const fallback_img_path = "{% static 'css/icons/card-image.svg' %}";
+</script>
+<script type="text/javascript" src="{% static 'js/add-stock-modal.js' %}"></script>
 
 {% endblock custom_scripts %}