80 lines
2.4 KiB
Svelte
80 lines
2.4 KiB
Svelte
<script>
|
|
export let database;
|
|
export let isRunning;
|
|
import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
|
|
import Explainer from '$lib/components/Explainer.svelte';
|
|
import { t } from '$lib/translations';
|
|
</script>
|
|
|
|
<div class="flex space-x-1 py-5 font-bold">
|
|
<div class="title">MySQL</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"
|
|
>{$t('database.default_database')}</label
|
|
>
|
|
<CopyPasswordField
|
|
required
|
|
readonly={database.defaultDatabase}
|
|
disabled={database.defaultDatabase}
|
|
placeholder="{$t('forms.eg')}: mydb"
|
|
id="defaultDatabase"
|
|
name="defaultDatabase"
|
|
bind:value={database.defaultDatabase}
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="dbUser" class="text-base font-bold text-stone-100">{$t('forms.user')}</label>
|
|
<CopyPasswordField
|
|
readonly
|
|
disabled
|
|
placeholder={$t('forms.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"
|
|
>{$t('forms.password')}</label
|
|
>
|
|
<CopyPasswordField
|
|
disabled={!isRunning}
|
|
readonly={!isRunning}
|
|
placeholder={$t('forms.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 class="grid grid-cols-2 items-center">
|
|
<label for="rootUser" class="text-base font-bold text-stone-100">{$t('forms.root_user')}</label>
|
|
<CopyPasswordField
|
|
readonly
|
|
disabled
|
|
placeholder={$t('forms.generated_automatically_after_start')}
|
|
id="rootUser"
|
|
name="rootUser"
|
|
value={database.rootUser}
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center">
|
|
<label for="rootUserPassword" class="text-base font-bold text-stone-100"
|
|
>{$t('forms.roots_password')}</label
|
|
>
|
|
<CopyPasswordField
|
|
disabled={!isRunning}
|
|
readonly={!isRunning}
|
|
placeholder={$t('forms.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>
|