Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

ui: login page

Browse Source
This commit is contained in:
Andras Bacsai 2022-09-05 09:29:58 +02:00
parent 65d8dc412a
commit a49171f8cc
3 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/ui/src/lib/store.ts
View File

@ -3,6 +3,7 @@ import cuid from 'cuid';
import { writable, readable, type Writable } from 'svelte/store';
interface AppSession {
registrationEnabled: boolean;
ipv4: string | null,
ipv6: string | null,
version: string | null,

22
apps/ui/src/routes/__layout.svelte
View File

@ -66,6 +66,7 @@
<script lang="ts">
export let baseSettings: any;
export let supportedServiceTypesAndVersions: any;
$appSession.registrationEnabled = baseSettings.registrationEnabled;
$appSession.ipv4 = baseSettings.ipv4;
$appSession.ipv6 = baseSettings.ipv6;
$appSession.version = baseSettings.version;
@ -142,7 +143,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
@ -172,7 +173,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentcolor"
@ -202,7 +203,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
@ -232,7 +233,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
@ -268,7 +269,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
@ -295,7 +296,7 @@
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
class="h-9 w-9"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
@ -319,11 +320,10 @@
class="icons bg-coolgray-200"
class:text-iam={$page.url.pathname.startsWith('/iam')}
class:bg-coolgray-500={$page.url.pathname.startsWith('/iam')}
data-tip="IAM"
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
viewBox="0 0 24 24"
class="h-9 w-9"
stroke-width="1.5"
stroke="currentColor"
fill="none"
@ -344,12 +344,11 @@
class="icons bg-coolgray-200"
class:text-settings={$page.url.pathname.startsWith('/settings')}
class:bg-coolgray-500={$page.url.pathname.startsWith('/settings')}
data-tip="Settings"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-8 w-8"
viewBox="0 0 24 24"
class="h-9 w-9"
stroke-width="1.5"
stroke="currentColor"
fill="none"
@ -367,12 +366,11 @@
<div
id="logout"
class="icons bg-coolgray-200 hover:text-error"
data-tip="Logout"
on:click={logout}
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="ml-1 h-7 w-7"
class="ml-1 h-8 w-8"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"

21
apps/ui/src/routes/login.svelte
View File

@ -69,7 +69,7 @@
required
bind:this={emailEl}
bind:value={email}
class="w-56 md:w-96"
class="w-full"
/>
<input
type="password"
@ -77,22 +77,27 @@
placeholder={$t('forms.password')}
bind:value={password}
required
class="w-56 md:w-96"
class="w-full"
/>
<div class="flex space-x-2 h-8 items-center justify-center pt-8">
<div class="flex flex-col space-y-2 items-center justify-center pt-8">
<button
type="submit"
disabled={loading}
class="btn btn-sm"
class="btn btn-sm w-full hover:bg-coollabs-100"
class:loading
class:bg-coollabs={!loading}
>{loading ? $t('login.authenticating') : $t('login.login')}</button
>
<button on:click|preventDefault={gotoRegister} class="btn btn-sm"
>{$t('register.register')}</button
>
{#if $appSession.registrationEnabled}
<button on:click|preventDefault={gotoRegister} class="btn w-full"
>{$t('register.register')}</button
>
{:else}
<div class="text-stone-600 text-xs">
Registration is disabled. Please ask an admin to activate it.
</div>
{/if}
</div>
</form>
</div>