mirror of
https://github.com/ershisan99/coolify.git
synced 2026-01-05 20:52:11 +00:00
99 lines
2.6 KiB
Svelte
99 lines
2.6 KiB
Svelte
<script lang="ts">
|
|
import { session } from '$app/stores';
|
|
|
|
import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
|
|
import Explainer from '$lib/components/Explainer.svelte';
|
|
import { t } from '$lib/translations';
|
|
export let service;
|
|
export let readOnly;
|
|
export let isRunning;
|
|
</script>
|
|
|
|
<div class="flex space-x-1 py-5 font-bold">
|
|
<div class="title">Plausible Analytics</div>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="scriptName">Script Name</label>
|
|
<input
|
|
name="scriptName"
|
|
id="scriptName"
|
|
readonly={!$session.isAdmin && !isRunning}
|
|
disabled={!$session.isAdmin || isRunning}
|
|
placeholder="plausible.js"
|
|
bind:value={service.plausibleAnalytics.scriptName}
|
|
required
|
|
/>
|
|
<Explainer
|
|
text="Useful if you would like to rename the collector script to prevent it blocked by AdBlockers."
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="email">{$t('forms.email')}</label>
|
|
<input
|
|
name="email"
|
|
id="email"
|
|
disabled={readOnly}
|
|
readonly={readOnly}
|
|
placeholder={$t('forms.email')}
|
|
bind:value={service.plausibleAnalytics.email}
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="username">{$t('forms.username')}</label>
|
|
<CopyPasswordField
|
|
name="username"
|
|
id="username"
|
|
disabled={readOnly}
|
|
readonly={readOnly}
|
|
placeholder={$t('forms.username')}
|
|
bind:value={service.plausibleAnalytics.username}
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="password">{$t('forms.password')}</label>
|
|
<CopyPasswordField
|
|
id="password"
|
|
isPasswordField
|
|
readonly
|
|
disabled
|
|
name="password"
|
|
value={service.plausibleAnalytics.password}
|
|
/>
|
|
</div>
|
|
<div class="flex space-x-1 py-5 font-bold">
|
|
<div class="title">PostgreSQL</div>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="postgresqlUser">{$t('forms.username')}</label>
|
|
<CopyPasswordField
|
|
name="postgresqlUser"
|
|
id="postgresqlUser"
|
|
value={service.plausibleAnalytics.postgresqlUser}
|
|
readonly
|
|
disabled
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="postgresqlPassword">{$t('forms.password')}</label>
|
|
<CopyPasswordField
|
|
id="postgresqlPassword"
|
|
isPasswordField
|
|
readonly
|
|
disabled
|
|
name="postgresqlPassword"
|
|
value={service.plausibleAnalytics.postgresqlPassword}
|
|
/>
|
|
</div>
|
|
<div class="grid grid-cols-2 items-center px-10">
|
|
<label for="postgresqlDatabase">{$t('index.database')}</label>
|
|
<CopyPasswordField
|
|
name="postgresqlDatabase"
|
|
id="postgresqlDatabase"
|
|
value={service.plausibleAnalytics.postgresqlDatabase}
|
|
readonly
|
|
disabled
|
|
/>
|
|
</div>
|