wip: trpc

apps/client/src/routes/databases/[id]/components/Databases/MongoDB.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	export let database: any;
+	import { status } from '$lib/store';
+	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
+	import Explainer from '$lib/components/Explainer.svelte';
+</script>
+
+<div class="flex space-x-1 py-5 font-bold">
+	<h1 class="title">MongoDB</h1>
+</div>
+<div class="space-y-2 lg:px-10 px-2">
+	<div class="grid grid-cols-2 items-center">
+		<label for="rootUser">Root User</label>
+		<CopyPasswordField
+			placeholder="Generated automatically after start"
+			id="rootUser"
+			readonly
+			disabled
+			name="rootUser"
+			value={database.rootUser}
+		/>
+	</div>
+	<div class="grid grid-cols-2 items-center">
+		<label for="rootUserPassword"
+			>Root Password
+			<Explainer explanation="Could be changed while the database is running." /></label
+		>
+		<CopyPasswordField
+			disabled={!$status.database.isRunning}
+			readonly={!$status.database.isRunning}
+			placeholder="Generated automatically after start"
+			isPasswordField={true}
+			id="rootUserPassword"
+			name="rootUserPassword"
+			bind:value={database.rootUserPassword}
+		/>
+	</div>
+</div>