Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace browser confirm() with reusable ConfirmDialog component

Browse Source 
Promise-based modal dialog with backdrop, keyboard support, and animations,
replacing all 18 native confirm() call sites across fitness, cospend, recipes,
and tasks pages.
This commit is contained in:
Alexander Bocken
2026-04-08 16:47:21 +02:00
parent 7fb47717f4
commit 376fbf1ba7
20 changed files with 206 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/recipes/CreateIngredientList.svelte
+5 -4
View File
@@ -7,6 +7,7 @@ import Plus from '$lib/assets/icons/Plus.svelte'
import Check from '$lib/assets/icons/Check.svelte'
import "$lib/css/action_button.css"
import { confirm } from '$lib/js/confirmDialog.svelte'
import { do_on_key } from '$lib/components/recipes/do_on_key.js'
import { portions } from '$lib/js/portions_store.js'
@@ -138,8 +139,8 @@ function handleSelect(recipe: any, options: any) {
showSelector = false;
}
export function removeReference(list_index: number) {
const confirmed = confirm(t[lang].confirmDeleteReference);
export async function removeReference(list_index: number) {
const confirmed = await confirm(t[lang].confirmDeleteReference);
if (confirmed) {
ingredients.splice(list_index, 1);
ingredients = ingredients;
@@ -265,9 +266,9 @@ export function add_new_ingredient(){
ingredients[list_index].list.push({ ...new_ingredient})
ingredients = ingredients //tells svelte to update dom
}
export function remove_list(list_index: number){
export async function remove_list(list_index: number){
if(ingredients[list_index].list.length > 1){
const response = confirm(t[lang].confirmDeleteList);
const response = await confirm(t[lang].confirmDeleteList);
if(!response){
return
}
src/lib/components/recipes/CreateStepList.svelte
+5 -4
View File
@@ -8,6 +8,7 @@ import Check from '$lib/assets/icons/Check.svelte'
import "$lib/css/action_button.css"
import { do_on_key } from '$lib/components/recipes/do_on_key.js'
import { confirm } from '$lib/js/confirmDialog.svelte'
import BaseRecipeSelector from '$lib/components/recipes/BaseRecipeSelector.svelte'
let { lang = 'de' as 'de' | 'en', instructions = $bindable(), add_info = $bindable() } = $props<{ lang?: 'de' | 'en', instructions: any, add_info: any }>();
@@ -134,8 +135,8 @@ function handleSelect(recipe: any, options: any) {
showSelector = false;
}
export function removeReference(list_index: number) {
const confirmed = confirm(t[lang].confirmDeleteReference);
export async function removeReference(list_index: number) {
const confirmed = await confirm(t[lang].confirmDeleteReference);
if (confirmed) {
instructions.splice(list_index, 1);
instructions = instructions;
@@ -219,9 +220,9 @@ function get_sublist_index(sublist_name: string, list: any[]){
}
return -1
}
export function remove_list(list_index: number){
export async function remove_list(list_index: number){
if(instructions[list_index].steps.length > 1){
const response = confirm(t[lang].confirmDeleteList);
const response = await confirm(t[lang].confirmDeleteList);
if(!response){
return
}