adding modal menu in for lots

This commit is contained in:
Cayo Puigdefabregas 2021-12-29 13:02:39 +01:00
parent 8591af5abd
commit f0dd2fb4ec
3 changed files with 39 additions and 2 deletions

View file

@ -0,0 +1,17 @@
<div class="modal fade" id="addingLotModal" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Adding to a lot</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Please write a name of a lot
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>

View file

@ -30,13 +30,13 @@
</button>
<ul class="dropdown-menu" aria-labelledby="btnLots"">
<li>
<a href="javascript:openAdd()" class="dropdown-item">
<a href="javascript:void()" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#addingLotModal">
<i class="bi bi-plus"></i>
Adding to a lot
</a>
</li>
<li>
<a href="javascript:openRemove()" class="dropdown-item">
<a href="javascript:void()" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#removeLotModal">
<i class="bi bi-x"></i>
Removing from a lot
</a>
@ -149,6 +149,9 @@
</div>
</div>
</section>
{% include "inventory/addinglot.html" %}
{% include "inventory/removinglot.html" %}
<!-- CDN -->
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest"></script>
<!-- Custom Code -->

View file

@ -0,0 +1,17 @@
<div class="modal fade" id="removeLotModal" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Remove from a lot</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Please select a lot
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>