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;
dispatch("cancelDelete", { id: delete_station.id });
}
function deleteStation() {
function deleteClient() {
ScanStationService.donorControllerRemove(
delete_station.id,
true
)
.then((resp) => {
Toastify({
text: $_('station-deleted'),
text: $_('statsclient-deleted'),
duration: 500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).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">
<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 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">
{$_('attention')}
</h3>
@ -69,21 +69,21 @@
{$_('all-associated-scans-will-get-deleted-as-well')}
</p>
</div>
</div>
</div> -->
</div>
</div>
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
<button
on:click={deleteStation}
on:click={deleteClient}
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">
{$_('confirm-delete-station-with-all-scans')}
{$_('confirm-delete-statsclient')}
</button>
<button
on:click={cancelDelete}
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">
{$_('cancel-keep-station')}
{$_('cancel-keep-statsclient')}
</button>
</div>
</div>

View File

@ -9,7 +9,7 @@
);
import store from "../../store";
import StatsClientsEmptyState from "./StatsClientsEmptyState.svelte";
import ConfirmScanStationDeletion from "./ConfirmScanStationDeletion.svelte";
import ConfirmStatsClientDeletion from "./ConfirmStatsClientDeletion.svelte";
$: searchvalue = "";
$: active_deletes = [];
let delete_client = {};
@ -17,7 +17,7 @@
export let current_clients = [];
</script>
<ConfirmScanStationDeletion
<ConfirmStatsClientDeletion
on:cancelDelete={(event) => {
modal_open = 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>
<button
on:click={() => {
StatsClientService. (s.id, false)
StatsClientService.statsClientControllerRemove(c.id, false)
.then((resp) => {
current_clients = current_clients.filter((obj) => obj.id !== s.id);
current_clients = current_clients.filter((obj) => obj.id !== c.id);
Toastify({
text: $_('statsclient-deleted'),
duration: 500,

View File

@ -463,5 +463,7 @@
"statsclients-are-being-loaded": "Statsclients werden geladen",
"prefix": "Prefix",
"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",
"prefix": "Prefix",
"key": "Key",
"statsclient-deleted": "Deleted statsclient"
"statsclient-deleted": "Deleted statsclient",
"cancel-keep-statsclient": "Cancel and keep statsclient",
"confirm-delete-statsclient": "Confirm, delete statsclient"
}