lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

Added deletion confirmation modal

Browse Source 
ref #103
This commit is contained in:
Nicolai Ort 2021-03-19 18:12:30 +01:00
parent 5de0fd792f
commit 716b72880a
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/settings/Settings.svelte
View File

@ -3,6 +3,7 @@
import isEmail from "validator/es/lib/isEmail"; import isEmail from "validator/es/lib/isEmail";
import { MeService } from "@odit/lfk-client-js"; import { MeService } from "@odit/lfk-client-js";
import Toastify from "toastify-js"; import Toastify from "toastify-js";
import ConfirmProfileDeletion from "./ConfirmProfileDeletion.svelte";
$: data_loaded = false; $: data_loaded = false;
$: original_data = {}; $: original_data = {};
$: editable = {}; $: editable = {};
@ -10,26 +11,27 @@
JSON.stringify(editable) === JSON.stringify(original_data) JSON.stringify(editable) === JSON.stringify(original_data)
); );
$: save_enabled = changes_performed && isEmail(editable.email); $: save_enabled = changes_performed && isEmail(editable.email);
let modal_open = false;
const user_promise = MeService.meControllerGet().then((data) => { const user_promise = MeService.meControllerGet().then((data) => {
data_loaded = true; data_loaded = true;
data.groups = data.groups.map((g) => g.id); data.groups = data.groups.map((g) => g.id);
data.permissions = [0] data.permissions = [0];
original_data = Object.assign(original_data, data); original_data = Object.assign(original_data, data);
editable = Object.assign(editable, original_data); editable = Object.assign(editable, original_data);
}); });
function submit() { function submit() {
if (data_loaded === true && save_enabled) { if (data_loaded === true && save_enabled) {
Toastify({ Toastify({
text: $_('updating-your-profile'), text: $_("updating-your-profile"),
duration: 2500, duration: 2500,
}).showToast(); }).showToast();
console.log(editable) console.log(editable);
MeService.meControllerPut(editable) MeService.meControllerPut(editable)
.then((resp) => { .then((resp) => {
console.log(resp) console.log(resp);
original_data = Object.assign(original_data, editable); original_data = Object.assign(original_data, editable);
Toastify({ Toastify({
text:$_('profile-updated'), text: $_("profile-updated"),
duration: 2500, duration: 2500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)", backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast(); }).showToast();
@ -39,6 +41,7 @@
} }
</script> </script>
<ConfirmProfileDeletion bind:modal_open />
<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12"> <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
<div class="text-center mb-8"> <div class="text-center mb-8">
<h1 <h1