|
@@ -6,61 +6,44 @@
|
|
|
updateWebhookUrl
|
|
|
} from '$lib/apis';
|
|
|
import {
|
|
|
+ getAdminConfig,
|
|
|
getDefaultUserRole,
|
|
|
getJWTExpiresDuration,
|
|
|
getSignUpEnabledStatus,
|
|
|
toggleSignUpEnabledStatus,
|
|
|
+ updateAdminConfig,
|
|
|
updateDefaultUserRole,
|
|
|
updateJWTExpiresDuration
|
|
|
} from '$lib/apis/auths';
|
|
|
+ import Switch from '$lib/components/common/Switch.svelte';
|
|
|
import { onMount, getContext } from 'svelte';
|
|
|
|
|
|
const i18n = getContext('i18n');
|
|
|
|
|
|
export let saveHandler: Function;
|
|
|
- let signUpEnabled = true;
|
|
|
- let defaultUserRole = 'pending';
|
|
|
- let JWTExpiresIn = '';
|
|
|
|
|
|
+ let adminConfig = null;
|
|
|
let webhookUrl = '';
|
|
|
- let communitySharingEnabled = true;
|
|
|
|
|
|
- const toggleSignUpEnabled = async () => {
|
|
|
- signUpEnabled = await toggleSignUpEnabledStatus(localStorage.token);
|
|
|
- };
|
|
|
-
|
|
|
- const updateDefaultUserRoleHandler = async (role) => {
|
|
|
- defaultUserRole = await updateDefaultUserRole(localStorage.token, role);
|
|
|
- };
|
|
|
-
|
|
|
- const updateJWTExpiresDurationHandler = async (duration) => {
|
|
|
- JWTExpiresIn = await updateJWTExpiresDuration(localStorage.token, duration);
|
|
|
- };
|
|
|
-
|
|
|
- const updateWebhookUrlHandler = async () => {
|
|
|
+ const updateHandler = async () => {
|
|
|
webhookUrl = await updateWebhookUrl(localStorage.token, webhookUrl);
|
|
|
- };
|
|
|
+ const res = await updateAdminConfig(localStorage.token, adminConfig);
|
|
|
|
|
|
- const toggleCommunitySharingEnabled = async () => {
|
|
|
- communitySharingEnabled = await toggleCommunitySharingEnabledStatus(localStorage.token);
|
|
|
+ if (res) {
|
|
|
+ toast.success(i18n.t('Settings updated successfully'));
|
|
|
+ } else {
|
|
|
+ toast.error(i18n.t('Failed to update settings'));
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
onMount(async () => {
|
|
|
await Promise.all([
|
|
|
(async () => {
|
|
|
- signUpEnabled = await getSignUpEnabledStatus(localStorage.token);
|
|
|
- })(),
|
|
|
- (async () => {
|
|
|
- defaultUserRole = await getDefaultUserRole(localStorage.token);
|
|
|
- })(),
|
|
|
- (async () => {
|
|
|
- JWTExpiresIn = await getJWTExpiresDuration(localStorage.token);
|
|
|
+ adminConfig = await getAdminConfig(localStorage.token);
|
|
|
})(),
|
|
|
+
|
|
|
(async () => {
|
|
|
webhookUrl = await getWebhookUrl(localStorage.token);
|
|
|
- })(),
|
|
|
- (async () => {
|
|
|
- communitySharingEnabled = await getCommunitySharingEnabledStatus(localStorage.token);
|
|
|
})()
|
|
|
]);
|
|
|
});
|
|
@@ -69,156 +52,94 @@
|
|
|
<form
|
|
|
class="flex flex-col h-full justify-between space-y-3 text-sm"
|
|
|
on:submit|preventDefault={() => {
|
|
|
- updateJWTExpiresDurationHandler(JWTExpiresIn);
|
|
|
- updateWebhookUrlHandler();
|
|
|
+ updateHandler();
|
|
|
saveHandler();
|
|
|
}}
|
|
|
>
|
|
|
- <div class=" space-y-3 pr-1.5 overflow-y-scroll max-h-80">
|
|
|
- <div>
|
|
|
- <div class=" mb-2 text-sm font-medium">{$i18n.t('General Settings')}</div>
|
|
|
-
|
|
|
- <div class=" flex w-full justify-between">
|
|
|
- <div class=" self-center text-xs font-medium">{$i18n.t('Enable New Sign Ups')}</div>
|
|
|
-
|
|
|
- <button
|
|
|
- class="p-1 px-3 text-xs flex rounded transition"
|
|
|
- on:click={() => {
|
|
|
- toggleSignUpEnabled();
|
|
|
- }}
|
|
|
- type="button"
|
|
|
- >
|
|
|
- {#if signUpEnabled}
|
|
|
- <svg
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- viewBox="0 0 16 16"
|
|
|
- fill="currentColor"
|
|
|
- class="w-4 h-4"
|
|
|
- >
|
|
|
- <path
|
|
|
- d="M11.5 1A3.5 3.5 0 0 0 8 4.5V7H2.5A1.5 1.5 0 0 0 1 8.5v5A1.5 1.5 0 0 0 2.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 9.5 7V4.5a2 2 0 1 1 4 0v1.75a.75.75 0 0 0 1.5 0V4.5A3.5 3.5 0 0 0 11.5 1Z"
|
|
|
- />
|
|
|
- </svg>
|
|
|
- <span class="ml-2 self-center">{$i18n.t('Enabled')}</span>
|
|
|
- {:else}
|
|
|
- <svg
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- viewBox="0 0 16 16"
|
|
|
- fill="currentColor"
|
|
|
- class="w-4 h-4"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill-rule="evenodd"
|
|
|
- d="M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z"
|
|
|
- clip-rule="evenodd"
|
|
|
- />
|
|
|
- </svg>
|
|
|
-
|
|
|
- <span class="ml-2 self-center">{$i18n.t('Disabled')}</span>
|
|
|
- {/if}
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ <div class=" space-y-3 pr-1.5 overflow-y-scroll max-h-[22rem]">
|
|
|
+ {#if adminConfig !== null}
|
|
|
+ <div>
|
|
|
+ <div class=" mb-3 text-sm font-medium">{$i18n.t('General Settings')}</div>
|
|
|
+
|
|
|
+ <div class=" flex w-full justify-between pr-2">
|
|
|
+ <div class=" self-center text-xs font-medium">{$i18n.t('Enable New Sign Ups')}</div>
|
|
|
|
|
|
- <div class=" flex w-full justify-between">
|
|
|
- <div class=" self-center text-xs font-medium">{$i18n.t('Default User Role')}</div>
|
|
|
- <div class="flex items-center relative">
|
|
|
- <select
|
|
|
- class="dark:bg-gray-900 w-fit pr-8 rounded py-2 px-2 text-xs bg-transparent outline-none text-right"
|
|
|
- bind:value={defaultUserRole}
|
|
|
- placeholder="Select a theme"
|
|
|
- on:change={(e) => {
|
|
|
- updateDefaultUserRoleHandler(e.target.value);
|
|
|
- }}
|
|
|
- >
|
|
|
- <option value="pending">{$i18n.t('pending')}</option>
|
|
|
- <option value="user">{$i18n.t('user')}</option>
|
|
|
- <option value="admin">{$i18n.t('admin')}</option>
|
|
|
- </select>
|
|
|
+ <Switch bind:state={adminConfig.ENABLE_SIGNUP} />
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class=" flex w-full justify-between">
|
|
|
- <div class=" self-center text-xs font-medium">{$i18n.t('Enable Community Sharing')}</div>
|
|
|
-
|
|
|
- <button
|
|
|
- class="p-1 px-3 text-xs flex rounded transition"
|
|
|
- on:click={() => {
|
|
|
- toggleCommunitySharingEnabled();
|
|
|
- }}
|
|
|
- type="button"
|
|
|
- >
|
|
|
- {#if communitySharingEnabled}
|
|
|
- <svg
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- viewBox="0 0 16 16"
|
|
|
- fill="currentColor"
|
|
|
- class="w-4 h-4"
|
|
|
+ <div class=" my-3 flex w-full justify-between">
|
|
|
+ <div class=" self-center text-xs font-medium">{$i18n.t('Default User Role')}</div>
|
|
|
+ <div class="flex items-center relative">
|
|
|
+ <select
|
|
|
+ class="dark:bg-gray-900 w-fit pr-8 rounded px-2 text-xs bg-transparent outline-none text-right"
|
|
|
+ bind:value={adminConfig.DEFAULT_USER_ROLE}
|
|
|
+ placeholder="Select a role"
|
|
|
>
|
|
|
- <path
|
|
|
- d="M11.5 1A3.5 3.5 0 0 0 8 4.5V7H2.5A1.5 1.5 0 0 0 1 8.5v5A1.5 1.5 0 0 0 2.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 9.5 7V4.5a2 2 0 1 1 4 0v1.75a.75.75 0 0 0 1.5 0V4.5A3.5 3.5 0 0 0 11.5 1Z"
|
|
|
- />
|
|
|
- </svg>
|
|
|
- <span class="ml-2 self-center">{$i18n.t('Enabled')}</span>
|
|
|
- {:else}
|
|
|
- <svg
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- viewBox="0 0 16 16"
|
|
|
- fill="currentColor"
|
|
|
- class="w-4 h-4"
|
|
|
- >
|
|
|
- <path
|
|
|
- fill-rule="evenodd"
|
|
|
- d="M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z"
|
|
|
- clip-rule="evenodd"
|
|
|
- />
|
|
|
- </svg>
|
|
|
-
|
|
|
- <span class="ml-2 self-center">{$i18n.t('Disabled')}</span>
|
|
|
- {/if}
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ <option value="pending">{$i18n.t('pending')}</option>
|
|
|
+ <option value="user">{$i18n.t('user')}</option>
|
|
|
+ <option value="admin">{$i18n.t('admin')}</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <hr class=" dark:border-gray-700 my-3" />
|
|
|
+ <hr class=" dark:border-gray-850 my-2" />
|
|
|
|
|
|
- <div class=" w-full justify-between">
|
|
|
- <div class="flex w-full justify-between">
|
|
|
- <div class=" self-center text-xs font-medium">{$i18n.t('Webhook URL')}</div>
|
|
|
- </div>
|
|
|
+ <div class="my-3 flex w-full items-center justify-between pr-2">
|
|
|
+ <div class=" self-center text-xs font-medium">
|
|
|
+ {$i18n.t('Show Admin Details in Account Pending Overlay')}
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="flex mt-2 space-x-2">
|
|
|
- <input
|
|
|
- class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-none"
|
|
|
- type="text"
|
|
|
- placeholder={`https://example.com/webhook`}
|
|
|
- bind:value={webhookUrl}
|
|
|
- />
|
|
|
+ <Switch bind:state={adminConfig.SHOW_ADMIN_DETAILS} />
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <hr class=" dark:border-gray-700 my-3" />
|
|
|
+ <div class="my-3 flex w-full items-center justify-between pr-2">
|
|
|
+ <div class=" self-center text-xs font-medium">{$i18n.t('Enable Community Sharing')}</div>
|
|
|
|
|
|
- <div class=" w-full justify-between">
|
|
|
- <div class="flex w-full justify-between">
|
|
|
- <div class=" self-center text-xs font-medium">{$i18n.t('JWT Expiration')}</div>
|
|
|
+ <Switch bind:state={adminConfig.ENABLE_COMMUNITY_SHARING} />
|
|
|
</div>
|
|
|
|
|
|
- <div class="flex mt-2 space-x-2">
|
|
|
- <input
|
|
|
- class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-none"
|
|
|
- type="text"
|
|
|
- placeholder={`e.g.) "30m","1h", "10d". `}
|
|
|
- bind:value={JWTExpiresIn}
|
|
|
- />
|
|
|
+ <hr class=" dark:border-gray-850 my-2" />
|
|
|
+
|
|
|
+ <div class=" w-full justify-between">
|
|
|
+ <div class="flex w-full justify-between">
|
|
|
+ <div class=" self-center text-xs font-medium">{$i18n.t('JWT Expiration')}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex mt-2 space-x-2">
|
|
|
+ <input
|
|
|
+ class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-none"
|
|
|
+ type="text"
|
|
|
+ placeholder={`e.g.) "30m","1h", "10d". `}
|
|
|
+ bind:value={adminConfig.JWT_EXPIRES_IN}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
|
|
|
+ {$i18n.t('Valid time units:')}
|
|
|
+ <span class=" text-gray-300 font-medium"
|
|
|
+ >{$i18n.t("'s', 'm', 'h', 'd', 'w' or '-1' for no expiration.")}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
|
|
|
- {$i18n.t('Valid time units:')}
|
|
|
- <span class=" text-gray-300 font-medium"
|
|
|
- >{$i18n.t("'s', 'm', 'h', 'd', 'w' or '-1' for no expiration.")}</span
|
|
|
- >
|
|
|
+ <hr class=" dark:border-gray-850 my-2" />
|
|
|
+
|
|
|
+ <div class=" w-full justify-between">
|
|
|
+ <div class="flex w-full justify-between">
|
|
|
+ <div class=" self-center text-xs font-medium">{$i18n.t('Webhook URL')}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex mt-2 space-x-2">
|
|
|
+ <input
|
|
|
+ class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-none"
|
|
|
+ type="text"
|
|
|
+ placeholder={`https://example.com/webhook`}
|
|
|
+ bind:value={webhookUrl}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ {/if}
|
|
|
</div>
|
|
|
|
|
|
<div class="flex justify-end pt-3 text-sm font-medium">
|