Skip to content

GitLab

Commit 4ecf9dd6 authored by Dillon's avatar Dillon
Browse files

Created if blocks to show or hide username, password, signin and or sections... 

Created if blocks to show or hide username, password, signin and or sections depending on new enable_username_password_login variable
parent b56dcf15
Hide whitespace changes
Inline Side-by-side
Showing with 72 additions and 66 deletions
src/routes/auth/+page.svelte
View file @ 4ecf9dd6
...@@ -173,88 +173,94 @@ ...@@ -173,88 +173,94 @@
{/if} {/if}
</div> </div>
<div class="flex flex-col mt-4"> {#if $config?.features.enable_username_password_login}
{#if mode === 'signup'} <div class="flex flex-col mt-4">
<div> {#if mode === 'signup'}
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Name')}</div> <div>
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Name')}</div>
<input
bind:value={name}
type="text"
class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900"
autocomplete="name"
placeholder={$i18n.t('Enter Your Full Name')}
required
/>
</div>
<hr class=" my-3 dark:border-gray-900" />
{/if}
<div class="mb-2">
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Email')}</div>
<input <input
bind:value={name} bind:value={email}
type="text" type="email"
class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900" class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900"
autocomplete="name" autocomplete="email"
placeholder={$i18n.t('Enter Your Full Name')} placeholder={$i18n.t('Enter Your Email')}
required required
/> />
</div> </div>
<hr class=" my-3 dark:border-gray-900" /> <div>
{/if} <div class=" text-sm font-medium text-left mb-1">{$i18n.t('Password')}</div>
<div class="mb-2">
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Email')}</div>
<input
bind:value={email}
type="email"
class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900"
autocomplete="email"
placeholder={$i18n.t('Enter Your Email')}
required
/>
</div>
<div>
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Password')}</div>
<input <input
bind:value={password} bind:value={password}
type="password" type="password"
class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900" class=" px-5 py-3 rounded-2xl w-full text-sm outline-none border dark:border-none dark:bg-gray-900"
placeholder={$i18n.t('Enter Your Password')} placeholder={$i18n.t('Enter Your Password')}
autocomplete="current-password" autocomplete="current-password"
required required
/> />
</div>
</div> </div>
</div> {/if}
<div class="mt-5"> {#if $config?.features.enable_username_password_login}
<button <div class="mt-5">
class=" bg-gray-900 hover:bg-gray-800 w-full rounded-2xl text-white font-medium text-sm py-3 transition" <button
type="submit" class=" bg-gray-900 hover:bg-gray-800 w-full rounded-2xl text-white font-medium text-sm py-3 transition"
> type="submit"
{mode === 'signin' ? $i18n.t('Sign in') : $i18n.t('Create Account')} >
</button> {mode === 'signin' ? $i18n.t('Sign in') : $i18n.t('Create Account')}
</button>
{#if $config?.features.enable_signup} {#if $config?.features.enable_signup}
<div class=" mt-4 text-sm text-center"> <div class=" mt-4 text-sm text-center">
{mode === 'signin' {mode === 'signin'
? $i18n.t("Don't have an account?") ? $i18n.t("Don't have an account?")
: $i18n.t('Already have an account?')} : $i18n.t('Already have an account?')}
<button <button
class=" font-medium underline" class=" font-medium underline"
type="button" type="button"
on:click={() => { on:click={() => {
if (mode === 'signin') { if (mode === 'signin') {
mode = 'signup'; mode = 'signup';
} else { } else {
mode = 'signin'; mode = 'signin';
} }
}} }}
> >
{mode === 'signin' ? $i18n.t('Sign up') : $i18n.t('Sign in')} {mode === 'signin' ? $i18n.t('Sign up') : $i18n.t('Sign in')}
</button> </button>
</div> </div>
{/if} {/if}
</div> </div>
{/if}
</form> </form>
{#if Object.keys($config?.oauth?.providers ?? {}).length > 0} {#if Object.keys($config?.oauth?.providers ?? {}).length > 0}
<div class="inline-flex items-center justify-center w-full"> <div class="inline-flex items-center justify-center w-full">
<hr class="w-64 h-px my-8 bg-gray-200 border-0 dark:bg-gray-700" /> <hr class="w-64 h-px my-8 bg-gray-200 border-0 dark:bg-gray-700" />
<span {#if $config?.features.enable_username_password_login}
class="absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-950" <span
>{$i18n.t('or')}</span class="absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-950"
> >{$i18n.t('or')}</span
>
{/if}
</div> </div>
<div class="flex flex-col space-y-2"> <div class="flex flex-col space-y-2">
{#if $config?.oauth?.providers?.google} {#if $config?.oauth?.providers?.google}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment