feat: remote docker engine

apps/ui/src/routes/destinations/[id]/_LocalDocker.svelte

@@ -14,23 +14,25 @@
 
 	const { id } = $page.params;
 	let cannotDisable = settings.fqdn && destination.engine === '/var/run/docker.sock';
-
-	let loading = false;
-	let loadingProxy = false;
-	let restarting = false;
+	let loading = {
+		restart: false,
+		proxy: false,
+		save: false
+	};
 
 	async function handleSubmit() {
-		loading = true;
+		loading.save = true;
 		try {
-			return await post(`/destinations/${id}`, { ...destination });
+			await post(`/destinations/${id}`, { ...destination });
+			toast.push('Configuration saved.');
 		} catch (error) {
 			return errorNotification(error);
 		} finally {
-			loading = false;
+			loading.save = false;
 		}
 	}
 	onMount(async () => {
-		loadingProxy = true;
+		loading.proxy = true;
 		const { isRunning } = await get(`/destinations/${id}/status`);
 		let proxyUsed = !destination.isCoolifyProxyUsed;
 		if (isRunning === false && destination.isCoolifyProxyUsed === true) {
@@ -54,9 +56,10 @@
 			} catch (error) {
 				return errorNotification(error);
 			} finally {
-				loadingProxy = false;
+				loading.proxy = false;
 			}
 		}
+		loading.proxy = false;
 	});
 	async function changeProxySetting() {
 		if (!cannotDisable) {
@@ -73,7 +76,7 @@
 			}
 			destination.isCoolifyProxyUsed = !destination.isCoolifyProxyUsed;
 			try {
-				loadingProxy = true;
+				loading.proxy = true;
 				await post(`/destinations/${id}/settings`, {
 					isCoolifyProxyUsed: destination.isCoolifyProxyUsed,
 					engine: destination.engine
@@ -86,7 +89,7 @@
 			} catch (error) {
 				return errorNotification(error);
 			} finally {
-				loadingProxy = false;
+				loading.proxy = false;
 			}
 		}
 	}
@@ -110,7 +113,7 @@
 		const sure = confirm($t('destination.confirm_restart_proxy'));
 		if (sure) {
 			try {
-				restarting = true;
+				loading.restart = true;
 				toast.push($t('destination.coolify_proxy_restarting'));
 				await post(`/destinations/${id}/restart`, {
 					engine: destination.engine,
@@ -121,7 +124,7 @@
 					window.location.reload();
 				}, 5000);
 			} finally {
-				restarting = false;
+				loading.restart = false;
 			}
 		}
 	}
@@ -134,16 +137,16 @@
 			<button
 				type="submit"
 				class="bg-sky-600 hover:bg-sky-500"
-				class:bg-sky-600={!loading}
-				class:hover:bg-sky-500={!loading}
-				disabled={loading}
-				>{loading ? $t('forms.saving') : $t('forms.save')}
+				class:bg-sky-600={!loading.save}
+				class:hover:bg-sky-500={!loading.save}
+				disabled={loading.save}
+				>{loading.save ? $t('forms.saving') : $t('forms.save')}
 			</button>
 			<button
-				class={restarting ? '' : 'bg-red-600 hover:bg-red-500'}
-				disabled={restarting}
+				class={loading.restart ? '' : 'bg-red-600 hover:bg-red-500'}
+				disabled={loading.restart}
 				on:click|preventDefault={forceRestartProxy}
-				>{restarting
+				>{loading.restart
 					? $t('destination.restarting_please_wait')
 					: $t('destination.force_restart_proxy')}</button
 			>
@@ -185,7 +188,7 @@
 	{#if $appSession.teamId === '0'}
 		<div class="grid grid-cols-2 items-center">
 			<Setting
-				loading={loadingProxy}
+				loading={loading.proxy}
 				disabled={cannotDisable}
 				bind:setting={destination.isCoolifyProxyUsed}
 				on:click={changeProxySetting}