workspace-ionic-app/src/app/ws/ws.page.ts

import { Component, OnInit } from '@angular/core';
import { Platform, AlertController, ToastController } from '@ionic/angular';
import { Router, ActivatedRoute } from '@angular/router';
import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
import { StoragehubService } from '../storagehub.service';
import { WSItem } from '../model/ws-item';
import { Item } from '../model/item.model';

@Component({
  selector: 'app-ws',
  providers: [StoragehubService],
  templateUrl: 'ws.page.html',
  styleUrls: ['ws.page.scss'],
})
export class WsPage implements OnInit {

  values: WSItem[] = [];

  folderid: string | undefined;

  item : WSItem | undefined ;

  constructor(private storagehub: StoragehubService,
    private router: Router,
    private route: ActivatedRoute) { }

  ngOnInit() {
    this.folderid = this.route.snapshot.paramMap.get('folderid') || undefined;
    if (!this.folderid)
      this.storagehub.getWsRoot().subscribe(
        (res) => this.onSuccess(res)
      );
    else
      this.storagehub.getItem(this.folderid).subscribe(
        (res) => {
          this.item = new WSItem(res);
          this.onSuccess(res);
        }
      );
  }

  private onSuccess(item: Item) {
    
    this.storagehub.getChildren(item.id, false).subscribe(
      (res) => {
        const tmpItems$ : WSItem[] = []  
        res.forEach(i => tmpItems$.push(new WSItem(i)));
        this.values = tmpItems$;
      }
    )
  }

  public getValues(): WSItem[] {
   return this.values;
  }

  openFolder(item: WSItem) {
    this.router.navigateByUrl(`tabs/ws/${item.item.id}`);
  }

  public getCurrentItem() : WSItem | undefined{
     return this.item;
  }
}