wip: trpc

apps/client/src/routes/destinations/[id]/components/New.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+	import cuid from 'cuid';
+	import NewLocalDocker from './NewLocalDocker.svelte';
+	import NewRemoteDocker from './NewRemoteDocker.svelte';
+	let payload = {};
+	let selected = 'localDocker';
+	function setPredefined(type: any) {
+		selected = type;
+		switch (type) {
+			case 'localDocker':
+				payload = {
+					name: 'Local Docker',
+					engine: '/var/run/docker.sock',
+					remoteEngine: false,
+					network: cuid(),
+					isCoolifyProxyUsed: true
+				};
+				break;
+			case 'remoteDocker':
+				payload = {
+					name: 'Remote Docker',
+					remoteEngine: true,
+					remoteIpAddress: null,
+					remoteUser: 'root',
+					remotePort: 22,
+					network: cuid(),
+					isCoolifyProxyUsed: true
+				};
+				break;
+			default:
+				break;
+		}
+	}
+</script>
+
+<div class="flex space-x-1 p-6 font-bold">
+	<div class="mr-4 text-2xl tracking-tight">Add New Destination</div>
+</div>
+<div class="flex-col space-y-2 pb-10 text-center">
+	<div class="text-xl font-bold text-white">Predefined destinations</div>
+	<div class="flex justify-center space-x-2">
+		<button class="btn btn-sm" on:click={() => setPredefined('localDocker')}>Local Docker</button>
+		<button class="btn btn-sm" on:click={() => setPredefined('remoteDocker')}>Remote Docker</button>
+		<!-- <button class="w-32" on:click={() => setPredefined('kubernetes')}>Kubernetes</button> -->
+	</div>
+</div>
+{#if selected === 'localDocker'}
+	<NewLocalDocker {payload} />
+{:else if selected === 'remoteDocker'}
+	<NewRemoteDocker {payload} />
+{:else}
+	<div class="text-center font-bold text-4xl py-10">Not implemented yet</div>
+{/if}