mhu/shimatta-kenkyusho
2
0
Fork 0
Code Issues 15 Pull Requests 1 Releases Wiki Activity

Add code for component autocompletion in add-stock-modal

Browse Source
This commit is contained in:
Mario Hüttel
2021-11-08 00:56:33 +01:00
parent 88bebfa2c8
commit b4e561279b
10 changed files with 152 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
shimatta_kenkyusho/templates/parts/modals/add-stock-modal.html Normal file
View File

@@ -0,0 +1,25 @@
{% comment %}
Input context:
- form: A stock-create-form
{% endcomment %}
<div class="modal fade" id="add-stock-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Add Stock</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="dropdown">
<input class="form-control" autocomplete="off" data-bs-toggle="dropdown" type="search" id="add-stock-search" placeholder="Search Component" aria-label="Search for Component">
<ul class="dropdown-menu" aria-labelledby="add-stock-search" id="add-stock-search-ac-dropdown">
</div>
<hr>
</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 Stock" name="submit-add-stock">
</div>
</div>
</div>
</div>

2
shimatta_kenkyusho/templates/parts/modals/delete-storage-modal.html
View File

@@ -2,7 +2,7 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Delete Storage</h5>
<h5 class="modal-title">Delete Storage</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="" method="post">

2
shimatta_kenkyusho/templates/parts/modals/new-substorage-modal.html
View File

@@ -3,7 +3,7 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Add Storage</h5>
<h5 class="modal-title">Add Storage</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="" method="post">

11
shimatta_kenkyusho/templates/parts/stocks-detail.html
View File

@@ -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 %}