From 3b2a47a4ef3e2906fcd95b42e76b9d3ad8019708 Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Thu, 10 Oct 2024 15:39:56 +0200
Subject: [PATCH] login admin/user switch

---
 packages/web/src/LoginPage.svelte     | 19 ++++++++++++++++++-
 packages/web/src/elements/Link.svelte |  3 +++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/LoginPage.svelte b/packages/web/src/LoginPage.svelte
index 1a79d10d9..df619d4ec 100644
--- a/packages/web/src/LoginPage.svelte
+++ b/packages/web/src/LoginPage.svelte
@@ -12,7 +12,8 @@
   import FormProviderCore from './forms/FormProviderCore.svelte';
   import FontIcon from './icons/FontIcon.svelte';
   import createRef from './utility/createRef';
-  
+  import Link from './elements/Link.svelte';
+
   export let isAdminPage;
 
   const config = useConfig();
@@ -134,6 +135,15 @@
     </div>
     <div class="box">
       <div class="heading">Log In</div>
+      <div class="login-link">
+        {#if $config?.isAdminLoginForm}
+          {#if isAdminPage}
+            <Link internalRedirect="/login.html">Log In as Regular User</Link>
+          {:else}
+            <Link internalRedirect="/admin-login.html">Log In as Administrator</Link>
+          {/if}
+        {/if}
+      </div>
       <FormProviderCore {values}>
         {#if !isAdminPage && availableProviders?.length >= 2}
           <FormSelectField
@@ -319,6 +329,7 @@
     border: 1px solid var(--theme-border);
     border-radius: 4px;
     background-color: var(--theme-bg-0);
+    position: relative;
   }
 
   .wrap {
@@ -354,4 +365,10 @@
     flex-wrap: wrap;
     width: 600px;
   }
+
+  .login-link {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
 </style>
diff --git a/packages/web/src/elements/Link.svelte b/packages/web/src/elements/Link.svelte
index 2f6de116b..7df65f69c 100644
--- a/packages/web/src/elements/Link.svelte
+++ b/packages/web/src/elements/Link.svelte
@@ -1,15 +1,18 @@
 <script lang="ts">
   import { openWebLink } from '../utility/exportFileTools';
   import contextMenu from '../utility/contextMenu';
+  import { internalRedirectTo } from '../clientAuth';
 
   export let href = undefined;
   export let onClick = undefined;
   export let menu = '__no_menu';
+  export let internalRedirect = undefined;
 </script>
 
 <a
   on:click={e => {
     if (onClick) onClick(e);
+    else if (internalRedirect) internalRedirectTo(internalRedirect);
     else openWebLink(href);
   }}
   use:contextMenu={menu}