From af78837abb8c7a0412678a7a0536ecaaed7e18a2 Mon Sep 17 00:00:00 2001
From: HuyNVN <huynvn97@gmail.com>
Date: Tue, 24 Sep 2024 17:41:43 +0700
Subject: [PATCH] update header

---
 src/app/components/app/app.component.css  |  11 ++
 src/app/components/app/app.component.html | 117 +++++++++++------
 src/app/components/app/app.component.ts   | 151 +++++++++++++---------
 src/assets/img/logo-vn.svg                |  38 ++++++
 src/assets/settings.json                  |   4 +-
 5 files changed, 221 insertions(+), 100 deletions(-)
 create mode 100644 src/assets/img/logo-vn.svg

diff --git a/src/app/components/app/app.component.css b/src/app/components/app/app.component.css
index df8028d..cee8a29 100644
--- a/src/app/components/app/app.component.css
+++ b/src/app/components/app/app.component.css
@@ -1,3 +1,14 @@
 div.img-container{
     width: 80%;
+}
+
+.navbar-custom {
+    padding-left: 10%;
+    padding-right: 10%;
+}
+
+.active { 
+    border-bottom: 3px solid #3656DE !important;
+    color: #3656DE !important;
+    font-weight: 500;
 }
\ No newline at end of file
diff --git a/src/app/components/app/app.component.html b/src/app/components/app/app.component.html
index 1d3ee0c..62dc7d8 100644
--- a/src/app/components/app/app.component.html
+++ b/src/app/components/app/app.component.html
@@ -1,49 +1,84 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light n px-4">
+<nav class="navbar navbar-expand-lg navbar-light bg-white navbar-custom">
+  <a class="navbar-brand" href="./">
+    <img src="assets/img/logo-vn.svg" height="24px" width="138px" />
+  </a>
 
-  <a class="navbar-brand fa fa-home" href="./"></a>
-
-  <button class="navbar-toggler" type="button" (click)="isMenuCollapsed =! isMenuCollapsed">
+  <button
+    class="navbar-toggler"
+    type="button"
+    (click)="isMenuCollapsed = !isMenuCollapsed"
+  >
     <span class="navbar-toggler-icon"></span>
   </button>
 
   <!--Navbar Items-->
-  <div [ngbCollapse]="isMenuCollapsed" class="collapse navbar-collapse">
-    <ul class="navbar-nav me-auto">
-      <li class="nav-item" *ngIf="isAdmin()">
-        <a class="nav-link" href="./user" (click)="isMenuCollapsed = true">User</a>
-      </li>
-      <li class="nav-item" *ngIf="isAdmin()">
-        <a class="nav-link" href="./client" (click)="isMenuCollapsed = true">Client</a>
-      </li>
-<!--      <li class="nav-item" *ngIf="isAdmin()">
-        <a class="nav-link" href="./provider" (click)="isMenuCollapsed = true">Extern Providers</a>
-      </li>-->
-      <li class="nav-item" *ngIf="isAdmin()">
-        <a class="nav-link" href="./config" (click)="isMenuCollapsed = true">Config</a>
-      </li>
-      <li class="nav-item" *ngIf="isAdmin()">
-        <a class="nav-link" href="./webfinger" (click)="isMenuCollapsed = true">Webfinger</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="./endpoints" (click)="isMenuCollapsed = true">Endpoints</a>
-      </li>
-    </ul>
+  <div
+    [ngbCollapse]="isMenuCollapsed"
+    class="collapse navbar-collapse justify-content-center"
+  >
+    <div>
+      <ul class="navbar-nav me-auto">
+        <li class="nav-item" *ngIf="isAdmin()">
+          <a class="nav-link {{currentRoute == 'user' ? 'active' : ''}}" href="./user" (click)="isMenuCollapsed = true"
+            >User</a
+          >
+        </li>
+        <li class="nav-item" *ngIf="isAdmin()">
+          <a class="nav-link {{currentRoute == 'client' ? 'active' : ''}}" href="./client" (click)="isMenuCollapsed = true"
+            >Client</a
+          >
+        </li>
+        <li class="nav-item" *ngIf="isAdmin()">
+          <a class="nav-link {{currentRoute == 'config' ? 'active' : ''}}" href="./config" (click)="isMenuCollapsed = true"
+            >Config</a
+          >
+        </li>
+        <li class="nav-item" *ngIf="isAdmin()">
+          <a
+            class="nav-link {{currentRoute == 'webfinger' ? 'active' : ''}}"
+            href="./webfinger"
+            (click)="isMenuCollapsed = true"
+            >Webfinger</a
+          >
+        </li>
+        <li class="nav-item">
+          <a
+            class="nav-link {{currentRoute == 'endpoints' ? 'active' : ''}}"
+            href="./endpoints"
+            (click)="isMenuCollapsed = true"
+            >Endpoints</a
+          >
+        </li>
+      </ul>
+    </div>
   </div>
 
-  
-  <div style="float:right">
-    <button class="btn btn-secondary me-3 justify-content-end" [routerLink]="['/selfservice']" *ngIf="isLoggedIn()">
+  <div style="float: right">
+    <button
+      class="btn btn-secondary me-3 justify-content-end"
+      [routerLink]="['/selfservice']"
+      *ngIf="isLoggedIn()"
+    >
       <span class="fa fa-user-circle fa-2x"></span>
-      {{getId()}}
+      {{ getId() }}
     </button>
     <!--Login/Logout Button-->
-    <button  class="btn btn-lg btn-outline-primary justify-content-end" (click)="isLoggedIn() ? logout() : login()">{{ isLoggedIn() ? 'Logout' : 'Login' }}</button>
+    <button
+      class="btn btn-lg btn-outline-primary justify-content-end"
+      (click)="isLoggedIn() ? logout() : login()"
+    >
+      {{ isLoggedIn() ? "Logout" : "Login" }}
+    </button>
   </div>
 </nav>
 
 <div *ngIf="getRoute() == ''" class="row justify-content-center">
   <div class="col-sm-10 col-md-5 center-block">
-    <img class="img-fluid" alt="Responsive image" src="assets/img/tpisoftware-14y-logo.png">
+    <img
+      class="img-fluid"
+      alt="Responsive image"
+      src="assets/img/tpisoftware-14y-logo.png"
+    />
   </div>
 </div>
 
@@ -53,25 +88,31 @@ <h2>{{ pageTitle }}</h2>
 
   <!--Error Infos-->
   <div *ngFor="let err of errorInfos">
-    <ngb-alert [type]="'danger'" (close)="errorInfos.splice(errorInfos.indexOf(err,0), 1)">
+    <ngb-alert
+      [type]="'danger'"
+      (close)="errorInfos.splice(errorInfos.indexOf(err, 0), 1)"
+    >
       <b>ERROR</b>
       <br />
-      {{err}}
+      {{ err }}
     </ngb-alert>
   </div>
 
   <!--Other Infos-->
   <div *ngFor="let info of infos">
-    <ngb-alert [type]="'info'" (close)="infos.splice(infos.indexOf(info,0), 1)">
-      {{info}}
+    <ngb-alert
+      [type]="'info'"
+      (close)="infos.splice(infos.indexOf(info, 0), 1)"
+    >
+      {{ info }}
     </ngb-alert>
   </div>
 
-
   <!--Actual Content-->
-  <div *ngIf="!hasPageAccessRights(pageAccessLevel)">{{ getPageAccessRightError() }}</div>
+  <div *ngIf="!hasPageAccessRights(pageAccessLevel)">
+    {{ getPageAccessRightError() }}
+  </div>
   <div *ngIf="hasPageAccessRights(pageAccessLevel)">
     <router-outlet class="component mt-4 ml-4"></router-outlet>
   </div>
-  
 </div>
diff --git a/src/app/components/app/app.component.ts b/src/app/components/app/app.component.ts
index 73808a7..94ed087 100644
--- a/src/app/components/app/app.component.ts
+++ b/src/app/components/app/app.component.ts
@@ -1,54 +1,71 @@
-import { Component }       from '@angular/core';
-import { OAuthService }    from 'angular-oauth2-oidc';
-import { Router }          from '@angular/router';
-import { Location }        from '@angular/common';
-import { SettingsService } from '../../services/settings.service';
-import { UserService }     from '../../services/user.service';
-import { User }            from '../../interfaces/user';
-import jwt_decode          from 'jwt-decode';
-
+import { Component } from "@angular/core";
+import { OAuthService } from "angular-oauth2-oidc";
+import { Router, NavigationEnd } from "@angular/router";
+import { Location } from "@angular/common";
+import { SettingsService } from "../../services/settings.service";
+import { UserService } from "../../services/user.service";
+import { User } from "../../interfaces/user";
+import jwt_decode from "jwt-decode";
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  selector: "app-root",
+  templateUrl: "./app.component.html",
+  styleUrls: ["./app.component.css"],
 })
 export class AppComponent {
   public isMenuCollapsed = true;
   user: User = null;
-  pageTitle = '';
-  errorInfos: any [];
-  infos: any [];
-  pageAccessLevel = ''; // May be set to 'login' or 'admin' to show error messages
+  pageTitle = "";
+  errorInfos: any[];
+  infos: any[];
+  pageAccessLevel = ""; // May be set to 'login' or 'admin' to show error messages
+  currentRoute: string;
+
+  constructor(
+    public oauthService: OAuthService,
+    private router: Router,
+    private location: Location,
+    private settings: SettingsService,
+    private userService: UserService
+  ) {
+    // Configure OAuth
+    this.oauthService.configure({
+      issuer: this.settings.get().oidcIssuer,
+      redirectUri: window.location.origin,
+      postLogoutRedirectUri: window.location.origin,
+      clientId: this.settings.get().clientId,
+      responseType: "code",
+      scope: "openid omejdn:read omejdn:write omejdn:admin",
+      showDebugInformation: true,
+    });
+    this.oauthService.loadDiscoveryDocumentAndTryLogin().then(() => {
+      if (this.getId() != null) {
+        this.userService.getSelf().subscribe((user) => {
+          this.user = user;
+          // Forward non-Admin users after login
+          if (
+            this.user &&
+            !this.isAdmin() &&
+            this.getRoute() === "" &&
+            this.router.url.indexOf("code") !== -1
+          ) {
+            this.router.navigateByUrl("/selfservice");
+          }
+        });
+      }
+    });
+    this.errorInfos = [];
+    this.infos = [];
+
+    this.router.events.subscribe((event) => {
+      if (event instanceof NavigationEnd) {
+        this.currentRoute = event.url.split("/")[1];
+      }
+    });
+  }
 
-  constructor(public oauthService: OAuthService,
-              private router: Router,
-              private location: Location,
-              private settings: SettingsService,
-              private userService: UserService) {
-      // Configure OAuth
-      this.oauthService.configure({
-        issuer: this.settings.get().oidcIssuer,
-        redirectUri: window.location.origin,
-        postLogoutRedirectUri: window.location.origin,
-        clientId: this.settings.get().clientId,
-        responseType: 'code',
-        scope: 'openid omejdn:read omejdn:write omejdn:admin',
-        showDebugInformation: true,
-      });
-      this.oauthService.loadDiscoveryDocumentAndTryLogin().then(() => {
-        if (this.getId() != null) {
-          this.userService.getSelf().subscribe(user => {
-            this.user = user;
-            // Forward non-Admin users after login
-            if (this.user && !this.isAdmin() && this.getRoute() === '' && this.router.url.indexOf('code') !== -1) {
-              this.router.navigateByUrl('/selfservice');
-            }
-          });
-        }
-      });
-      this.errorInfos = [];
-      this.infos = [];
+  setActive(route: string) {
+    this.currentRoute = route;
   }
 
   login() {
@@ -64,20 +81,30 @@ export class AppComponent {
   }
 
   isAdmin() {
-    if (!this.oauthService.hasValidAccessToken()) { return false; }
-    return jwt_decode(this.oauthService.getAccessToken())['scope'].indexOf('omejdn:admin') > -1;
+    if (!this.oauthService.hasValidAccessToken()) {
+      return false;
+    }
+    return (
+      jwt_decode(this.oauthService.getAccessToken())["scope"].indexOf(
+        "omejdn:admin"
+      ) > -1
+    );
   }
 
   getId(): any {
-    if (!this.oauthService.hasValidAccessToken()) { return null; }
-    return jwt_decode(this.oauthService.getAccessToken())['sub'];
+    if (!this.oauthService.hasValidAccessToken()) {
+      return null;
+    }
+    return jwt_decode(this.oauthService.getAccessToken())["sub"];
   }
 
   getRoute() {
     let result = this.location.path();
     // This should be resolved once the oauth lib implements RFC 9207
-    result = result.split('?')[0]; // Remove query
-    if (result.length > 0 && result[result.length - 1] === '/') { result = result.slice(0, -1); }
+    result = result.split("?")[0]; // Remove query
+    if (result.length > 0 && result[result.length - 1] === "/") {
+      result = result.slice(0, -1);
+    }
     return result;
   }
 
@@ -86,15 +113,19 @@ export class AppComponent {
   }
 
   setPageTitle(title) {
-    setTimeout(() => {this.pageTitle = title; });
+    setTimeout(() => {
+      this.pageTitle = title;
+    });
   }
   setPageAccessLevel(level) {
-    setTimeout(() => {this.pageAccessLevel = level; });
+    setTimeout(() => {
+      this.pageAccessLevel = level;
+    });
   }
 
   showInfo(message) {
     this.infos.push(message);
-    setTimeout(() => (this.infos.shift()), 2000);
+    setTimeout(() => this.infos.shift(), 2000);
   }
   showError(message) {
     this.errorInfos.push(message);
@@ -102,9 +133,9 @@ export class AppComponent {
 
   hasPageAccessRights(level) {
     switch (level) {
-      case 'admin':
+      case "admin":
         return this.isAdmin();
-      case 'login':
+      case "login":
         return this.isLoggedIn();
       default:
         return true;
@@ -113,12 +144,12 @@ export class AppComponent {
 
   getPageAccessRightError() {
     switch (this.pageAccessLevel) {
-      case 'admin':
-        return 'You have to be logged in as an admin to see this content.';
-      case 'login':
-        return 'You have to be logged in to see this content.';
+      case "admin":
+        return "You have to be logged in as an admin to see this content.";
+      case "login":
+        return "You have to be logged in to see this content.";
       default:
-        return '';
+        return "";
     }
   }
 }
diff --git a/src/assets/img/logo-vn.svg b/src/assets/img/logo-vn.svg
new file mode 100644
index 0000000..45fe114
--- /dev/null
+++ b/src/assets/img/logo-vn.svg
@@ -0,0 +1,38 @@
+<svg width="184" height="32" viewBox="0 0 184 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_133_12150)">
+<g clip-path="url(#clip1_133_12150)">
+<path d="M90.7046 6.02222H79.9019V18.8179H84.2935V14.6409H90.709C92.6023 14.6409 93.068 13.3601 93.068 12.0618V8.60132C93.068 7.30309 92.6066 6.02222 90.709 6.02222H90.7046ZM89.1029 11.4366C89.1029 11.6537 88.9288 11.8274 88.7112 11.8274H84.2935V8.83579H88.7112C88.9288 8.83579 89.1029 9.00946 89.1029 9.22656V11.4323V11.4366Z" fill="#231916"/>
+<path d="M96.9982 6.06995C96.4542 6.06995 96.0146 6.50848 96.0146 7.05122V18.8178H100.406V6.06995H97.0026H96.9982Z" fill="#231916"/>
+<path d="M63.7544 9.17451H68.4594V18.8223H72.851V9.17451H76.6158C77.3992 9.17451 77.5559 8.89228 77.5559 8.54927V6.02661H63.7587V9.17451H63.7544Z" fill="#231916"/>
+<path d="M136.492 12.6394H139.395V18.8006H142.107V12.6394H144.431C144.831 12.6394 145.01 12.4657 145.01 12.2529V10.9026H136.492V12.6394Z" fill="#231916"/>
+<path d="M184.417 12.6394C184.869 12.6394 184.996 12.4657 184.996 12.2529V10.9026H177.253V12.6394V14.0027V15.7395V17.0638V18.8006H184.417C184.856 18.8006 184.996 18.6269 184.996 18.4141V17.0638H179.964V15.7395H183.642C184.112 15.7395 184.221 15.5658 184.221 15.3531V14.0027H179.964V12.6394H184.417Z" fill="#231916"/>
+<path d="M105.995 12.6003V14.3892C105.995 15.2445 106.674 15.7395 108.319 15.7395H111.339C111.714 15.7395 111.805 15.8741 111.805 16.0868V16.7164C111.805 16.9292 111.701 17.0638 111.339 17.0638H105.995V18.8006H112.188C113.829 18.8006 114.512 18.1666 114.512 17.1029V15.7395C114.512 14.311 113.768 14.0027 112.188 14.0027H109.168C108.745 14.0027 108.702 13.8681 108.702 13.6554V12.9867C108.702 12.774 108.776 12.6394 109.168 12.6394H113.929C114.469 12.6394 114.508 12.4657 114.508 12.2529V10.9026H108.315C106.648 10.9026 105.99 11.5365 105.99 12.6003H105.995Z" fill="#231916"/>
+<path d="M122.495 10.933H119.361C117.511 10.933 116.262 11.949 116.262 13.4426V16.2996C116.262 17.7932 117.507 18.8092 119.361 18.8092H122.495C124.345 18.8092 125.594 17.7932 125.594 16.2996V13.4426C125.594 11.949 124.349 10.933 122.495 10.933ZM122.882 16.2605C122.882 16.686 122.342 17.0725 121.916 17.0725H119.944C119.518 17.0725 118.978 16.686 118.978 16.2605V13.46C118.978 13.0345 119.518 12.648 119.944 12.648H121.916C122.342 12.648 122.882 13.0345 122.882 13.46V16.2605Z" fill="#231916"/>
+<path d="M127.339 18.8006H130.051V15.7395H134.116C134.507 15.7395 134.695 15.5658 134.695 15.3531V14.0027H130.046V12.6394H134.499C134.925 12.6394 135.078 12.4657 135.078 12.2529V10.9026H127.335V18.8006H127.339Z" fill="#231916"/>
+<path d="M151.425 15.0882L152.352 18.7875H153.932C154.572 18.7875 154.794 18.4488 154.894 18.0363L156.644 10.8939H155.103C154.485 10.8939 154.241 11.2369 154.141 11.6537L153.353 14.9579L152.392 10.8939H151.238C150.555 10.8939 150.372 11.2369 150.276 11.6537L149.497 14.9536L148.531 10.8895H146.207L148.144 18.7875H149.697C150.429 18.7875 150.542 18.4836 150.655 18.0494L151.425 15.0882Z" fill="#231916"/>
+<path d="M166.206 18.8527H163.495L161.697 13.0432L160.496 17.1246H162.111L161.688 18.5835C161.641 18.7485 161.501 18.8614 161.123 18.8614L157.192 18.8527L159.451 11.6494C159.582 11.2369 159.739 10.9547 160.396 10.9547H163.725L166.202 18.8527H166.206Z" fill="#231916"/>
+<path d="M173.575 10.92L167.612 10.9026V18.8006H170.324V12.6394H172.226C172.765 12.6394 172.791 12.9476 172.791 13.2689V13.7639C172.791 13.9767 172.761 14.3501 172.221 14.3501H171.238L172.561 18.1536C172.7 18.5531 172.835 18.8179 173.497 18.8179H175.503L174.328 15.4312C175.029 15.0318 175.503 14.6193 175.503 13.4209V13.1691C175.503 11.2499 174.641 10.92 173.575 10.9156V10.92Z" fill="#231916"/>
+<path d="M0 1.09412V8.24093C0 8.72288 0.291613 9.3351 1.31443 9.3351H10.0236C11.4948 9.3351 11.8865 10.2339 11.8865 11.0154V30.9101C11.8865 31.3921 12.2695 32.0043 13.2009 32.0043H20.8743C25.1701 32.0043 26.2843 30.3717 26.2843 28.3614V18.4271C26.1015 9.75626 33.1394 4.42438 40.6822 1.537C41.5788 1.16359 42.471 0.82492 43.3589 0.516643C43.6418 0.421121 43.5722 0.00429559 43.2719 0.00429559H1.31443C0.396071 -4.63375e-05 0 0.607823 0 1.09412Z" fill="#751585"/>
+<path d="M38.667 22.6995C38.2187 22.7429 37.8748 23.0686 37.8748 24.0064V30.9014C37.8748 31.3834 38.2709 31.9956 39.1893 31.9956H53.7569C54.7666 31.9956 55.0713 31.3834 55.0713 30.9014C55.0713 28.014 55.0713 19.0827 55.0713 16.8509C55.0713 16.6382 54.8275 16.5123 54.6535 16.6382C52.5904 18.1231 48.843 21.7182 38.6583 22.6952L38.667 22.6995Z" fill="#818C96"/>
+<path d="M47.2986 14.9051C51.2771 13.3473 53.8237 10.36 52.9867 8.23269C52.1498 6.10541 48.2461 5.64373 44.2676 7.2015C40.2892 8.75927 37.7425 11.7466 38.5795 13.8739C39.4165 16.0012 43.3202 16.4628 47.2986 14.9051Z" fill="#818C96"/>
+<path d="M63.7544 28.0315H89.4859L89.2117 28.6828H63.7544V28.0315Z" fill="#808994"/>
+<path d="M185 28.0315V28.6828H159.268L159.543 28.0315H185Z" fill="#808994"/>
+<path d="M158.885 24.7186H95.2442C93.8645 24.7186 92.6153 25.5436 92.0756 26.8114L89.8646 32.0044H153.506C154.886 32.0044 156.135 31.1794 156.674 29.9116L158.885 24.7186Z" fill="#808994"/>
+<path d="M109.194 26.2991H110.082L110.748 28.4396C110.9 28.9216 111.004 29.3384 111.165 29.8247H111.196C111.357 29.3428 111.466 28.9216 111.614 28.4396L112.271 26.2991H113.128L111.662 30.5542H110.665L109.194 26.2991Z" fill="white"/>
+<path d="M114.186 26.3729C114.186 26.1211 114.408 25.9474 114.704 25.9474C115 25.9474 115.218 26.1211 115.218 26.3729C115.218 26.6247 114.996 26.7984 114.704 26.7984C114.412 26.7984 114.186 26.6204 114.186 26.3729ZM114.282 27.3585H115.117V30.5542H114.282V27.3585Z" fill="white"/>
+<path d="M116.41 28.9563C116.41 27.9186 117.211 27.276 118.051 27.276C119.013 27.276 119.522 27.9012 119.522 28.7913C119.522 28.9346 119.505 29.0779 119.487 29.1561H117.228C117.298 29.7248 117.703 30.0461 118.277 30.0461C118.582 30.0461 118.843 29.9593 119.104 29.816L119.387 30.2806C119.048 30.4847 118.621 30.628 118.168 30.628C117.185 30.628 116.414 30.0071 116.414 28.9563H116.41ZM118.8 28.6481C118.8 28.1574 118.556 27.8578 118.068 27.8578C117.655 27.8578 117.289 28.1357 117.215 28.6481H118.8Z" fill="white"/>
+<path d="M120.963 29.473V27.949H120.453V27.3889L121.002 27.3542L121.102 26.4814H121.794V27.3542H122.699V27.949H121.794V29.4687C121.794 29.8464 121.955 30.0288 122.299 30.0288C122.421 30.0288 122.564 29.9941 122.669 29.955L122.813 30.5064C122.617 30.5629 122.369 30.6236 122.086 30.6236C121.267 30.6236 120.963 30.1591 120.963 29.4687V29.473Z" fill="white"/>
+<path d="M124.083 26.2991H124.945L126.416 28.6915L126.908 29.5989H126.939C126.899 29.1604 126.83 28.622 126.83 28.1487V26.2991H127.631V30.5542H126.769L125.298 28.1574L124.806 27.2543H124.775C124.815 27.7059 124.884 28.2182 124.884 28.6915V30.5542H124.083V26.2991Z" fill="white"/>
+<path d="M129.01 29.6944C129.01 29.0084 129.641 28.6524 131.104 28.5134C131.091 28.1704 130.938 27.8839 130.455 27.8839C130.103 27.8839 129.768 28.0271 129.454 28.2008L129.145 27.7015C129.537 27.4801 130.042 27.2847 130.608 27.2847C131.496 27.2847 131.935 27.7753 131.935 28.6654V30.5585H131.252L131.187 30.2068H131.165C130.847 30.4499 130.481 30.6366 130.059 30.6366C129.437 30.6366 129.006 30.2545 129.006 29.6988L129.01 29.6944ZM131.104 29.6944V28.978C130.138 29.0866 129.816 29.3123 129.816 29.638C129.816 29.9202 130.029 30.0418 130.329 30.0418C130.629 30.0418 130.838 29.9159 131.104 29.6944Z" fill="white"/>
+<path d="M133.406 27.3585H134.09L134.155 27.7927H134.177C134.477 27.5105 134.821 27.2804 135.269 27.2804C135.791 27.2804 136.087 27.4931 136.253 27.8535C136.592 27.5279 136.945 27.2804 137.397 27.2804C138.146 27.2804 138.494 27.745 138.494 28.5482V30.5542H137.659V28.6481C137.659 28.1227 137.485 27.923 137.11 27.923C136.884 27.923 136.64 28.0533 136.366 28.3225V30.5542H135.53V28.6481C135.53 28.1227 135.356 27.923 134.982 27.923C134.76 27.923 134.512 28.0533 134.238 28.3225V30.5542H133.402V27.3585H133.406Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_133_12150">
+<rect width="184" height="32" fill="white"/>
+</clipPath>
+<clipPath id="clip1_133_12150">
+<rect width="185" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/settings.json b/src/assets/settings.json
index d44689f..ffc6b1b 100644
--- a/src/assets/settings.json
+++ b/src/assets/settings.json
@@ -1,5 +1,5 @@
 {
-  "apiUrl": "http://localhost:4567/api/v1",
-  "oidcIssuer": "http://localhost:4567",
+  "apiUrl": "https://omejdn/auth/api/v1",
+  "oidcIssuer": "https://omejdn/auth",
   "clientId": "adminUI"
 }