Updated deletion modal

ref #143
This commit is contained in:
Nicolai Ort 2023-02-02 16:46:18 +01:00
parent f299617c60
commit 93fc7c2e83
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
4 changed files with 17 additions and 13 deletions

View File

@ -12,14 +12,14 @@
modal_open = false; modal_open = false;
dispatch("cancelDelete", { id: delete_station.id }); dispatch("cancelDelete", { id: delete_station.id });
} }
function deleteStation() { function deleteClient() {
ScanStationService.donorControllerRemove( ScanStationService.donorControllerRemove(
delete_station.id, delete_station.id,
true true
) )
.then((resp) => { .then((resp) => {
Toastify({ Toastify({
text: $_('station-deleted'), text: $_('statsclient-deleted'),
duration: 500, duration: 500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)", backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast(); }).showToast();
@ -56,7 +56,7 @@
class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"> class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
<svg class="h-6 w-6 text-blue-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z"/></svg> <svg class="h-6 w-6 text-blue-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z"/></svg>
</div> </div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <!-- <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900"> <h3 class="text-lg leading-6 font-medium text-gray-900">
{$_('attention')} {$_('attention')}
</h3> </h3>
@ -69,21 +69,21 @@
{$_('all-associated-scans-will-get-deleted-as-well')} {$_('all-associated-scans-will-get-deleted-as-well')}
</p> </p>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"> <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
<button <button
on:click={deleteStation} on:click={deleteClient}
type="button" type="button"
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"> class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
{$_('confirm-delete-station-with-all-scans')} {$_('confirm-delete-statsclient')}
</button> </button>
<button <button
on:click={cancelDelete} on:click={cancelDelete}
type="button" type="button"
class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
{$_('cancel-keep-station')} {$_('cancel-keep-statsclient')}
</button> </button>
</div> </div>
</div> </div>

View File

@ -9,7 +9,7 @@
); );
import store from "../../store"; import store from "../../store";
import StatsClientsEmptyState from "./StatsClientsEmptyState.svelte"; import StatsClientsEmptyState from "./StatsClientsEmptyState.svelte";
import ConfirmScanStationDeletion from "./ConfirmScanStationDeletion.svelte"; import ConfirmStatsClientDeletion from "./ConfirmStatsClientDeletion.svelte";
$: searchvalue = ""; $: searchvalue = "";
$: active_deletes = []; $: active_deletes = [];
let delete_client = {}; let delete_client = {};
@ -17,7 +17,7 @@
export let current_clients = []; export let current_clients = [];
</script> </script>
<ConfirmScanStationDeletion <ConfirmStatsClientDeletion
on:cancelDelete={(event) => { on:cancelDelete={(event) => {
modal_open = false; modal_open = false;
active_deletes[event.detail.id] = false; active_deletes[event.detail.id] = false;
@ -111,9 +111,9 @@
class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button> class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
<button <button
on:click={() => { on:click={() => {
StatsClientService. (s.id, false) StatsClientService.statsClientControllerRemove(c.id, false)
.then((resp) => { .then((resp) => {
current_clients = current_clients.filter((obj) => obj.id !== s.id); current_clients = current_clients.filter((obj) => obj.id !== c.id);
Toastify({ Toastify({
text: $_('statsclient-deleted'), text: $_('statsclient-deleted'),
duration: 500, duration: 500,

View File

@ -463,5 +463,7 @@
"statsclients-are-being-loaded": "Statsclients werden geladen", "statsclients-are-being-loaded": "Statsclients werden geladen",
"prefix": "Prefix", "prefix": "Prefix",
"key": "Schlüssel", "key": "Schlüssel",
"statsclient-deleted": "Statsclient wurde gelöscht" "statsclient-deleted": "Statsclient wurde gelöscht",
"cancel-keep-statsclient": "Abbrechen und Statsclient behalten",
"confirm-delete-statsclient": "Bestätigung, Statsclient löschen"
} }

View File

@ -464,5 +464,7 @@
"statsclients-are-being-loaded": "Loading statsclients", "statsclients-are-being-loaded": "Loading statsclients",
"prefix": "Prefix", "prefix": "Prefix",
"key": "Key", "key": "Key",
"statsclient-deleted": "Deleted statsclient" "statsclient-deleted": "Deleted statsclient",
"cancel-keep-statsclient": "Cancel and keep statsclient",
"confirm-delete-statsclient": "Confirm, delete statsclient"
} }