Ajustment to update the UI when a client got removed

This commit is contained in:
Khanh Ngo 2020-04-22 21:49:45 +07:00
parent 43012a720c
commit ea36311475
No known key found for this signature in database
GPG key ID: D5FAA6A16150E49E

View file

@ -7,7 +7,6 @@ Wireguard Clients
.paused-client { .paused-client {
transition: transform .2s; transition: transform .2s;
cursor: pointer; cursor: pointer;
vertical-align: middle;
} }
i[class^="paused-client"]:hover { transform: scale(1.5); } i[class^="paused-client"]:hover { transform: scale(1.5); }
</style> </style>
@ -27,7 +26,7 @@ Wireguard Clients
<!-- <h5 class="mt-4 mb-2">Wireguard Clients</h5> --> <!-- <h5 class="mt-4 mb-2">Wireguard Clients</h5> -->
<div class="row"> <div class="row">
{{range .clientDataList}} {{range .clientDataList}}
<div class="col-sm-6"> <div class="col-sm-6" id="client_{{.Client.ID}}">
<div class="info-box"> <div class="info-box">
<div class="overlay" id="paused_{{.Client.ID}}" <div class="overlay" id="paused_{{.Client.ID}}"
{{if eq .Client.Enabled true}}style="visibility: hidden;" {{end}}> {{if eq .Client.Enabled true}}style="visibility: hidden;" {{end}}>
@ -196,7 +195,8 @@ Wireguard Clients
success: function(data) { success: function(data) {
$('#modal_remove_client').modal('hide'); $('#modal_remove_client').modal('hide');
toastr.success('Removed client successfully'); toastr.success('Removed client successfully');
// TODO: trigger reloading the dashboard var divElement = document.getElementById('client_' + client_id);
divElement.style.display = "none";
}, },
error: function(jqXHR, exception) { error: function(jqXHR, exception) {
var responseJson = jQuery.parseJSON(jqXHR.responseText); var responseJson = jQuery.parseJSON(jqXHR.responseText);