Feature/login config

public/app-config.json

@@ -1 +1,6 @@
-{}
+{
+  "LOGIN_TEXT": "Sign in",
+  "LOGIN_ICON": "mdi-microsoft-windows",
+  "APPLICATION_NAME": "Delft-FEWS Web Operator Client",
+  "COMPANY_NAME": "Deltares"
+}

src/services/application-config/ApplicationConfig.ts

@@ -11,4 +11,8 @@ export type ApplicationConfig = {
   VITE_AUTH_ID: string
   VITE_REQUEST_HEADER_AUTHORIZATION: RequestHeaderAuthorization
   VITE_FEWS_WEBSERVICES_URL: string
+  LOGIN_TEXT: string
+  LOGIN_ICON: string
+  APPLICATION_NAME: string
+  COMPANY_NAME: string
 }

src/views/auth/DeltaresLogin.vue

@@ -1,17 +1,23 @@
 <template>
   <v-btn @click="login" color="primary" variant="elevated">
-    <v-icon>mdi-microsoft-windows</v-icon>Sign in
+    <v-icon>{{ loginIcon }}</v-icon
+    >{{ loginText }}
   </v-btn>
 </template>
 
 <script setup lang="ts">
 import { useRoute } from 'vue-router'
 import { authenticationManager } from '../../services/authentication/AuthenticationManager.js'
 
+import { configManager } from '@/services/application-config'
+
 const route = useRoute()
 
 function login(): void {
   const redirect = route.query.redirect ?? '/'
   authenticationManager.userManager.signinRedirect({ state: redirect })
 }
+
+const loginText = configManager.get('LOGIN_TEXT') ?? 'Sign in'
+const loginIcon = configManager.get('LOGIN_ICON') ?? 'mdi-microsoft-windows'
 </script>

src/views/auth/LoginView.vue

@@ -2,16 +2,22 @@
   <v-app>
     <v-main class="login-container">
       <div>&nbsp;</div>
-      <h1 style="color: white">Delft-FEWS Web Operator Client</h1>
+      <h1 style="color: white">{{ appName }}</h1>
       <div class="login-providers">
-        <deltares-login name="Deltares" />
+        <deltares-login :name="companyName" />
       </div>
     </v-main>
   </v-app>
 </template>
 
 <script setup lang="ts">
 import DeltaresLogin from './DeltaresLogin.vue'
+
+import { configManager } from '@/services/application-config'
+
+const appName =
+  configManager.get('APPLICATION_NAME') ?? 'Delft-FEWS Web Operator Client'
+const companyName = configManager.get('COMPANY_NAME') ?? 'Deltares'
 </script>
 
 <style scoped>