bug fix

Author: brunobritodev

src/Frontend/Jp.AdminUI/src/app/app.routing.module.ts

@@ -36,7 +36,8 @@ export const routes = [
 export class RoutesModule {
     constructor(public menuService: MenuService, tr: TranslatorService, private settings: SettingsService) {
 
-        let isLight = this.settings.isLightVersion;
-        menuService.addMenu(menu.filter(f => f.lightVersion == null || f.lightVersion == isLight));
+        this.settings.isLightVersion$.subscribe(lightVersion => {
+            menuService.addMenu(menu.filter(f => f.lightVersion == null || f.lightVersion == lightVersion));
+        });
     }
 }

src/Frontend/Jp.AdminUI/src/app/core/settings/settings.service.ts

@@ -18,13 +18,16 @@ export class SettingsService {
     userProfileObservable: Observable<object>;
     loadDiscoveryDocumentAndTryLoginObservable: Observable<any>;
     doc: any;
-    isLightVersion: boolean;
+    isLightVersion$: Observable<boolean>;
+    lightVersion: boolean;
 
     constructor(
         private oauthService: OAuthService,
         private versionService: VersionService) {
 
-        this.versionService.getVersion().subscribe(s => this.isLightVersion = s == "light");
+        this.isLightVersion$ = this.versionService.getVersion().pipe(tap(light =>
+            this.lightVersion = light
+        ));
         // App Settings
         // -----------------------------------
         this.app = {

src/Frontend/Jp.AdminUI/src/app/panel/persisted-grants/list/persisted-grants-list.component.html

@@ -17,8 +17,8 @@
                     <tr>
                         <th></th>
                         <th>{{ 'persistedGrant.list.creationTime' | translate }}</th>
-                        <th *ngIf="!settings.isLightVersion"> {{ 'persistedGrant.list.picture' | translate }} </th>
-                        <th *ngIf="!settings.isLightVersion"> {{ 'persistedGrant.list.email' | translate }}</th>
+                        <th *ngIf="!settings.lightVersion"> {{ 'persistedGrant.list.picture' | translate }} </th>
+                        <th *ngIf="!settings.lightVersion"> {{ 'persistedGrant.list.email' | translate }}</th>
                         <th> {{ 'persistedGrant.list.clientId' | translate }}</th>
                         <th> {{ 'persistedGrant.list.type' | translate }} </th>
                         <th></th>
@@ -33,8 +33,8 @@
                             &nbsp;
                         </td>
                         <td>{{grant.creationTime | date: 'short'}}</td>
-                        <td *ngIf="!settings.isLightVersion"><img *ngIf="grant.picture" width="32" [src]="grant.picture" /></td>
-                        <td *ngIf="!settings.isLightVersion">{{grant.email}}</td>
+                        <td *ngIf="!settings.lightVersion"><img *ngIf="grant.picture" width="32" [src]="grant.picture" /></td>
+                        <td *ngIf="!settings.lightVersion">{{grant.email}}</td>
                         <td>{{grant.clientId}}</td>
                         <td>{{grant.type}}</td>
                         <td>

src/Frontend/Jp.AdminUI/src/app/shared/services/version.service.ts

@@ -2,6 +2,7 @@ import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { environment } from '@env/environment';
 import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 
 @Injectable()
 export class VersionService {
@@ -12,7 +13,7 @@ export class VersionService {
         this.endpoint = environment.ResourceServer + "version";
     }
 
-    public getVersion(): Observable<string> {
-        return this.http.get(`${this.endpoint}`, { responseType: 'text' });
+    public getVersion(): Observable<boolean> {
+        return this.http.get(`${this.endpoint}`, { responseType: 'text' }).pipe(map(t => t == "light"));
     }
 }