add pop up
This commit is contained in:
parent
6fc802e159
commit
a572ef0507
|
@ -50,7 +50,9 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<p class="mb-1">
|
<p class="mb-1">
|
||||||
<button class="btn btn-primary" type="submit">Save</button>
|
<!-- <button class="btn btn-primary" type="submit">Save</button> -->
|
||||||
|
<a href="javascript:change_updated()" type="button" class="btn btn-primary">Save</a>
|
||||||
|
<span class="d-none" id="activeChangeUpdatedModal" data-bs-toggle="modal" data-bs-target="#btnChangeStatus"></span>
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -86,4 +88,49 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="modal fade" id="btnChangeStatus" tabindex="-1" style="display: none;" aria-hidden="true">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Change type updated</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div id="new_device" class="d-none">
|
||||||
|
Are you sure that you want to Change to <strong>New device</strong>?
|
||||||
|
<p class="text-danger">
|
||||||
|
This action cannot be undone.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div id="update" class="d-none">
|
||||||
|
Are you sure that you want to Change to <strong>Update</strong>?
|
||||||
|
<p class="text-danger">
|
||||||
|
This action cannot be undone.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary-outline" data-bs-dismiss="modal">Cancel</button>
|
||||||
|
<a href="javascript:void()" type="button" class="btn btn-danger">
|
||||||
|
Confirm Save!
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function change_updated() {
|
||||||
|
const stype = $("#snapshot_type").val();
|
||||||
|
$("#update").attr('class', 'd-none');
|
||||||
|
$("#new_device").attr('class', 'd-none');
|
||||||
|
$("#"+stype).attr('class', 'd-block');
|
||||||
|
$("#activeChangeUpdatedModal").click();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
{% endblock main %}
|
{% endblock main %}
|
||||||
|
|
||||||
|
|
Reference in New Issue