64 lines
1.9 KiB
Svelte
64 lines
1.9 KiB
Svelte
<script>
|
|
export let database;
|
|
export let isRunning;
|
|
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">
|
|
<div class="title">PostgreSQL</div>
|
|
</div>
|
|
<div class="space-y-2 px-10">
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="defaultDatabase" class="text-base font-bold text-stone-100">Default Database</label>
|
|
<CopyPasswordField
|
|
required
|
|
readonly={database.defaultDatabase}
|
|
disabled={database.defaultDatabase}
|
|
placeholder="eg: mydb"
|
|
id="defaultDatabase"
|
|
name="defaultDatabase"
|
|
bind:value={database.defaultDatabase}
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="rootUser" class="text-base font-bold text-stone-100"
|
|
>Root (postgres) User Password</label
|
|
>
|
|
<CopyPasswordField
|
|
disabled={!isRunning}
|
|
readonly={!isRunning}
|
|
placeholder="Generated automatically after start"
|
|
isPasswordField
|
|
id="rootUserPassword"
|
|
name="rootUserPassword"
|
|
bind:value={database.rootUserPassword}
|
|
/>
|
|
<Explainer text="Could be changed while the database is running." />
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="dbUser" class="text-base font-bold text-stone-100">User</label>
|
|
<CopyPasswordField
|
|
readonly
|
|
disabled
|
|
placeholder="Generated automatically after start"
|
|
id="dbUser"
|
|
name="dbUser"
|
|
value={database.dbUser}
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="dbUserPassword" class="text-base font-bold text-stone-100">Password</label>
|
|
<CopyPasswordField
|
|
disabled={!isRunning}
|
|
readonly={!isRunning}
|
|
placeholder="Generated automatically after start"
|
|
isPasswordField
|
|
id="dbUserPassword"
|
|
name="dbUserPassword"
|
|
bind:value={database.dbUserPassword}
|
|
/>
|
|
<Explainer text="Could be changed while the database is running." />
|
|
</div>
|
|
</div>
|