migrations

db/migrations/000001_create_users_table.down.sql

@@ -1,7 +1,8 @@
 drop table if exists client_users;
-drop table if exists client_scopes;
-drop table if exists scopes;
 drop table if exists client_redirect_uris;
-drop table if exists clients;
+drop table if exists client_scopes;
-drop table if exists users;
 drop table if exists user_scopes;
+
+drop table if exists scopes;
+drop table if exists users;
+drop table if exists clients;

front-end/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8"/>
     <link rel="icon" href="./assets/favicon.ico"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <title>Career UpRising - Login</title>
+    <title>Auth Service - Login</title>
     <script src="https://kit.fontawesome.com/a0fd516b66.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="/src/style.css"/>
 </head>

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()
     },