a4f49d197e
* refactor admin settings * use slots to render buttons in simplified template settings * remove more boilerplate by looping over components * fix: onboarding * fix: reset/reset to default * remove lodash since it is unecessary * chore: standardize padding and margins --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
50 lines
1.9 KiB
Svelte
50 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import SettingButtonsRow from '$lib/components/admin-page/settings/setting-buttons-row.svelte';
|
|
import type { SystemConfigDto } from '@api';
|
|
import { isEqual } from 'lodash-es';
|
|
import { fade } from 'svelte/transition';
|
|
import SettingInputField, { SettingInputFieldType } from '../setting-input-field.svelte';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import type { SettingsEventType } from '../admin-settings';
|
|
|
|
export let savedConfig: SystemConfigDto;
|
|
export let defaultConfig: SystemConfigDto;
|
|
export let config: SystemConfigDto; // this is the config that is being edited
|
|
export let disabled = false;
|
|
|
|
const dispatch = createEventDispatcher<SettingsEventType>();
|
|
</script>
|
|
|
|
<div>
|
|
<div in:fade={{ duration: 500 }}>
|
|
<form autocomplete="off" on:submit|preventDefault>
|
|
<div class="mt-4 ml-4">
|
|
<SettingInputField
|
|
inputType={SettingInputFieldType.TEXT}
|
|
label="EXTERNAL DOMAIN"
|
|
desc="Domain for public shared links, including http(s)://"
|
|
bind:value={config.server.externalDomain}
|
|
isEdited={config.server.externalDomain !== savedConfig.server.externalDomain}
|
|
/>
|
|
|
|
<SettingInputField
|
|
inputType={SettingInputFieldType.TEXT}
|
|
label="WELCOME MESSAGE"
|
|
desc="A message that is displayed on the login page."
|
|
bind:value={config.server.loginPageMessage}
|
|
isEdited={config.server.loginPageMessage !== savedConfig.server.loginPageMessage}
|
|
/>
|
|
|
|
<div class="ml-4">
|
|
<SettingButtonsRow
|
|
on:reset={({ detail }) => dispatch('reset', { ...detail, configKeys: ['server'] })}
|
|
on:save={() => dispatch('save', { server: config.server })}
|
|
showResetToDefault={!isEqual(savedConfig, defaultConfig)}
|
|
{disabled}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|