added support for app names translation

equalframework · Nov 23, 2024 · b4e5e2c · b4e5e2c
1 parent aa11d40
commit b4e5e2c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/apps.component.html b/src/app/apps.component.html
@@ -1,7 +1,7 @@
 <div class="container">
     <div class="brand-logo" [style.background-image]="'url(' + url_brand_logo + ')'"></div>
     <div class="container-header">
-        <button mat-button [matMenuTriggerFor]="auth_menu" title="{{user.login}}"><strong>{{user.name}} ({{user.login}})</strong></button>
+        <button mat-button [matMenuTriggerFor]="auth_menu" title="{{user.login}}"><strong>{{getUserName()}}</strong></button>
         <mat-menu #auth_menu="matMenu" class="auth-menu" backdropClass="auth-menu">
             <button mat-menu-item (click)="onclickDisconnect()">Se déconnecter</button>
         </mat-menu>
@@ -41,7 +41,7 @@
                             height: 18px;
                             text-align: left;
                             font-size: 18px;
-                            text-overflow: ellipsis;">{{apps[app].name}}</div>
+                            text-overflow: ellipsis;">{{apps[app].name | translate}}</div>
                         <div style="
                             text-align: left;
                             font-size: 11px;

diff --git a/src/app/apps.component.ts b/src/app/apps.component.ts
@@ -72,6 +72,13 @@ export class AppsComponent implements OnInit {
         return text_color;
     }
 
+    public getUserName() {
+        if(this.user.hasOwnProperty('name') && this.user.hasOwnProperty('login')) {
+            return this.user.name + ' (' + this.user.login + ')';
+        }
+        return '';
+    }
+
     public isGranted(app_name:string) {
         let app = this.apps[app_name];
         if(app.access?.groups && app.show_in_apps) {