browser/src/popup/settings/folders.component.ts

import { Component, OnInit } from "@angular/core";
import { Router } from "@angular/router";

import { FolderService } from "jslib-common/abstractions/folder.service";
import { FolderView } from "jslib-common/models/view/folderView";

@Component({
  selector: "app-folders",
  templateUrl: "folders.component.html",
})
export class FoldersComponent implements OnInit {
  folders: FolderView[];

  constructor(private folderService: FolderService, private router: Router) {}

  async ngOnInit() {
    this.folders = await this.folderService.getAllDecrypted();
    // Remove "No Folder"
    if (this.folders.length > 0) {
      this.folders = this.folders.slice(0, this.folders.length - 1);
    }
  }

  folderSelected(folder: FolderView) {
    this.router.navigate(["/edit-folder"], { queryParams: { folderId: folder.id } });
  }

  addFolder() {
    this.router.navigate(["/add-folder"]);
  }
}