fix types

Author: chriskapp

projects/fusio-sdk/src/lib/component/login/login.component.html

@@ -21,10 +21,10 @@ <h1 *ngIf="title" class="p-3 m-0 lead">Login</h1>
           Login
         </button>
         <span class="float-end" style="font-size:14px;"><a routerLink="/password/reset">Password reset</a></span>
-        <div class="me-2" *ngIf="identity?.totalResults > 0">
+        <div class="me-2" *ngIf="identityCount > 0">
           <hr>
           <div class="d-grid gap-2">
-            <a *ngFor="let identity of identity?.entry" class="btn btn-secondary" [href]="buildUrl(identity)"><i class="bi {{identity.icon}}"></i> {{identity.name}}</a>
+            <a *ngFor="let identity of identityCollection" class="btn btn-secondary" [href]="buildUrl(identity)"><i class="bi {{identity.icon}}"></i> {{identity.name}}</a>
           </div>
         </div>
       </form>

projects/fusio-sdk/src/lib/component/login/login.component.ts

@@ -25,17 +25,22 @@ export class LoginComponent implements OnInit {
   response?: Message;
   loading = false;
 
-  identity?: IdentityCollection;
   logo?: string;
   title: boolean = false;
 
+  identityCount: number = 0;
+  identityCollection: Array<Identity> = [];
+
   constructor(private consumer: ConsumerService, private router: Router, private location: LocationStrategy, private user: UserService, private config: ConfigService) {
   }
 
   async ngOnInit(): Promise<void> {
-    this.identity = await this.consumer.getClientAnonymous().identity().getAll(this.config.getAppId());
     this.logo = this.config.getLogo();
     this.title = this.logo === undefined;
+
+    const collection = await this.consumer.getClientAnonymous().identity().getAll(this.config.getAppId());
+    this.identityCount = collection.totalResults || 0;
+    this.identityCollection = collection.entry || [];
   }
 
   async login() {

projects/fusio-sdk/src/lib/component/navigation/navigation.component.html

@@ -4,7 +4,7 @@
     <h1>{{title}} <span *ngIf="version">({{ version }})</span></h1>
     <div *ngFor="let item of items">
       <a class="fusio-navigation-heading" (click)="changeNavHeading(item)" [ngClass]="{'fusio-navigation-heading-active': item.visible}">{{ item.title }}</a>
-      <ul class="nav nav-pills flex-column ng-hide" [hidden]="!item.visible">
+      <ul class="nav nav-pills flex-column ng-hide" [hidden]="!item.visible" *ngIf="Array.isArray(item.children)">
         <li *ngFor="let child of item.children" class="nav-item"><a routerLink="{{ child.path }}" class="nav-link"><i class="bi {{ child.icon }}" aria-hidden="true"></i> {{ child.title }}</a></li>
       </ul>
     </div>

projects/fusio-sdk/src/lib/component/navigation/navigation.component.ts

@@ -13,6 +13,8 @@ export class NavigationComponent implements OnInit {
   version?: string;
   items: Array<GroupItem> = [];
 
+  protected readonly Array = Array;
+
   constructor(private navigation: NavigationService, private config: ConfigService, private injector: EnvironmentInjector) {
   }