migrations

front-end/src/pages/login.vue

@@ -4,7 +4,8 @@
       <template #header>
         <div class="flex flex-col items-center justify-center">
           <div>
-
+            <Image
+              :src="getImgUrl"
           </div>
           <div class="text-2xl mt-5">
             <span v-if="capabilities.client_name !== ''">{{ capabilities.client_name }}</span>
@@ -128,6 +129,11 @@ interface Data {
   magicLink: boolean
   loading: boolean
   capabilities: {
+    branding: {
+      imageUrl: string,
+      foregroundColor: string,
+      backgroundColor: string,
+    },
     client_name: string
     userPass: boolean
     magicLogin: boolean
@@ -161,6 +167,11 @@ export default defineComponent({
     magicLink: false,
     loading: false,
     capabilities: {
+      branding: {
+        imageUrl: '',
+        foregroundColor: '',
+        backgroundColor: '',
+      },
       client_name: '',
       userPass: false,
       magicLogin: false,
@@ -212,6 +223,13 @@ export default defineComponent({
     }
   },
   methods: {
+    getImgUrl() {
+      if (this.capabilities.branding.imageUrl !== '') {
+        return this.capabilities.branding.imageUrl
+      }
+
+      return '/assets/logo.png'
+    },
     date() {
       return new Date().getFullYear()
     },