Apply Prettier (#1347)

src/app/layouts/footer.component.html

@@ -1,11 +1,12 @@
 <div class="container footer text-muted">
-    <div class="row">
-        <div class="col">
-            &copy; {{year}}, Bitwarden Inc.
-        </div>
-        <div class="col text-center"></div>
-        <div class="col text-right">
-            {{'versionNumber' | i18n : version}}
-        </div>
+  <div class="row">
+    <div class="col">
+      &copy;
+      {{ year }}, Bitwarden Inc.
     </div>
+    <div class="col text-center"></div>
+    <div class="col text-right">
+      {{ "versionNumber" | i18n: version }}
+    </div>
+  </div>
 </div>

src/app/layouts/footer.component.ts

@@ -1,22 +1,19 @@
-import {
-    Component,
-    OnInit,
-} from '@angular/core';
+import { Component, OnInit } from "@angular/core";
 
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 @Component({
-    selector: 'app-footer',
-    templateUrl: 'footer.component.html',
+  selector: "app-footer",
+  templateUrl: "footer.component.html",
 })
 export class FooterComponent implements OnInit {
-    version: string;
-    year: string = '2015';
+  version: string;
+  year: string = "2015";
 
-    constructor(private platformUtilsService: PlatformUtilsService) { }
+  constructor(private platformUtilsService: PlatformUtilsService) {}
 
-    async ngOnInit() {
-        this.year = new Date().getFullYear().toString();
-        this.version = await this.platformUtilsService.getApplicationVersion();
-    }
+  async ngOnInit() {
+    this.year = new Date().getFullYear().toString();
+    this.version = await this.platformUtilsService.getApplicationVersion();
+  }
 }

src/app/layouts/frontend-layout.component.html

@@ -1,5 +1,7 @@
 <router-outlet></router-outlet>
 <div class="container my-5 text-muted text-center">
-    &copy; {{year}}, Bitwarden Inc.
-    <br> {{'versionNumber' | i18n : version}}
+  &copy;
+  {{ year }}, Bitwarden Inc.
+  <br />
+  {{ "versionNumber" | i18n: version }}
 </div>

src/app/layouts/frontend-layout.component.ts

@@ -1,28 +1,24 @@
-import {
-    Component,
-    OnDestroy,
-    OnInit,
-} from '@angular/core';
+import { Component, OnDestroy, OnInit } from "@angular/core";
 
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
 
 @Component({
-    selector: 'app-frontend-layout',
-    templateUrl: 'frontend-layout.component.html',
+  selector: "app-frontend-layout",
+  templateUrl: "frontend-layout.component.html",
 })
 export class FrontendLayoutComponent implements OnInit, OnDestroy {
-    version: string;
-    year: string = '2015';
+  version: string;
+  year: string = "2015";
 
-    constructor(private platformUtilsService: PlatformUtilsService) { }
+  constructor(private platformUtilsService: PlatformUtilsService) {}
 
-    async ngOnInit() {
-        this.year = new Date().getFullYear().toString();
-        this.version = await this.platformUtilsService.getApplicationVersion();
-        document.body.classList.add('layout_frontend');
-    }
+  async ngOnInit() {
+    this.year = new Date().getFullYear().toString();
+    this.version = await this.platformUtilsService.getApplicationVersion();
+    document.body.classList.add("layout_frontend");
+  }
 
-    ngOnDestroy() {
-        document.body.classList.remove('layout_frontend');
-    }
+  ngOnDestroy() {
+    document.body.classList.remove("layout_frontend");
+  }
 }

src/app/layouts/navbar.component.html

@@ -1,70 +1,94 @@
-<nav class="navbar navbar-expand navbar-dark" [ngClass]="{'nav-background-alt': selfHosted}">
-    <div class="container">
-        <a class="navbar-brand" routerLink="/" appA11yTitle="{{'pageTitle' | i18n : 'Bitwarden'}}">
-            <i class="fa fa-shield" aria-hidden="true"></i>
-        </a>
-        <div class="collapse navbar-collapse">
-            <ul class="navbar-nav">
-                <li class="nav-item" routerLinkActive="active">
-                    <a class="nav-link" routerLink="/vault">{{'myVault' | i18n}}</a>
-                </li>
-                <li class="nav-item" routerLinkActive="active">
-                    <a class="nav-link" routerLink="/sends">{{'send' | i18n}}</a>
-                </li>
-                <ng-container *ngIf="providers.length >= 1">
-                    <li class="nav-item" routerLinkActive="active" *ngIf="providers.length == 1">
-                        <a class="nav-link" [routerLink]="['/providers', providers[0].id]">{{'provider' | i18n}}</a>
-                    </li>
-                    <li class="nav-item" routerLinkActive="active" *ngIf="providers.length > 1">
-                        <a class="nav-link" routerLink="/providers">{{'provider' | i18n}}</a>
-                    </li>
-                </ng-container>
-                <li class="nav-item" routerLinkActive="active">
-                    <a class="nav-link" routerLink="/tools">{{'tools' | i18n}}</a>
-                </li>
-                <li class="nav-item" routerLinkActive="active">
-                    <a class="nav-link" routerLink="/settings">{{'settings' | i18n}}</a>
-                </li>
-            </ul>
-        </div>
-        <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
-            <li class="nav-item dropdown">
-                <a class="nav-item nav-link dropdown-toggle" href="#" id="nav-profile" data-toggle="dropdown"
-                    aria-haspopup="true" aria-expanded="false">
-                    <i class="fa fa-user-circle fa-lg" aria-hidden="true"></i>
-                </a>
-                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-profile">
-                    <div class="dropdown-item-text d-flex align-items-center" *ngIf="name" appStopProp>
-                        <app-avatar [data]="name" [email]="email" size="25" fontSize="14" [circle]="true"></app-avatar>
-                        <div class="ml-2 overflow-hidden">
-                            <span>{{'loggedInAs' | i18n}}</span>
-                            <small class="text-muted">{{name}}</small>
-                        </div>
-                    </div>
-                    <div class="dropdown-divider"></div>
-                    <a class="dropdown-item" href="#" routerLink="/settings/account">
-                        <i class="fa fa-fw fa-user" aria-hidden="true"></i>
-                        {{'myAccount' | i18n}}
-                    </a>
-                    <a class="dropdown-item" href="https://help.bitwarden.com" target="_blank" rel="noopener">
-                        <i class="fa fa-fw fa-question-circle" aria-hidden="true"></i>
-                        {{'getHelp' | i18n}}
-                    </a>
-                    <a class="dropdown-item" href="https://bitwarden.com/download/" target="_blank" rel="noopener">
-                        <i class="fa fa-fw fa-download" aria-hidden="true"></i>
-                        {{'getApps' | i18n}}
-                    </a>
-                    <div class="dropdown-divider"></div>
-                    <button type="button" class="dropdown-item" (click)="lock()">
-                        <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
-                        {{'lockNow' | i18n}}
-                    </button>
-                    <button type="button" class="dropdown-item" (click)="logOut()">
-                        <i class="fa fa-fw fa-sign-out" aria-hidden="true"></i>
-                        {{'logOut' | i18n}}
-                    </button>
-                </div>
-            </li>
-        </ul>
+<nav
+  class="navbar navbar-expand navbar-dark"
+  [ngClass]="{
+    'nav-background-alt': selfHosted
+  }"
+>
+  <div class="container">
+    <a class="navbar-brand" routerLink="/" appA11yTitle="{{ 'pageTitle' | i18n: 'Bitwarden' }}">
+      <i class="fa fa-shield" aria-hidden="true"></i>
+    </a>
+    <div class="collapse navbar-collapse">
+      <ul class="navbar-nav">
+        <li class="nav-item" routerLinkActive="active">
+          <a class="nav-link" routerLink="/vault">{{ "myVault" | i18n }}</a>
+        </li>
+        <li class="nav-item" routerLinkActive="active">
+          <a class="nav-link" routerLink="/sends">{{ "send" | i18n }}</a>
+        </li>
+        <ng-container *ngIf="providers.length >= 1">
+          <li class="nav-item" routerLinkActive="active" *ngIf="providers.length == 1">
+            <a class="nav-link" [routerLink]="['/providers', providers[0].id]">{{
+              "provider" | i18n
+            }}</a>
+          </li>
+          <li class="nav-item" routerLinkActive="active" *ngIf="providers.length > 1">
+            <a class="nav-link" routerLink="/providers">{{ "provider" | i18n }}</a>
+          </li>
+        </ng-container>
+        <li class="nav-item" routerLinkActive="active">
+          <a class="nav-link" routerLink="/tools">{{ "tools" | i18n }}</a>
+        </li>
+        <li class="nav-item" routerLinkActive="active">
+          <a class="nav-link" routerLink="/settings">{{ "settings" | i18n }}</a>
+        </li>
+      </ul>
     </div>
+    <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
+      <li class="nav-item dropdown">
+        <a
+          class="nav-item nav-link dropdown-toggle"
+          href="#"
+          id="nav-profile"
+          data-toggle="dropdown"
+          aria-haspopup="true"
+          aria-expanded="false"
+        >
+          <i class="fa fa-user-circle fa-lg" aria-hidden="true"></i>
+        </a>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-profile">
+          <div class="dropdown-item-text d-flex align-items-center" *ngIf="name" appStopProp>
+            <app-avatar
+              [data]="name"
+              [email]="email"
+              size="25"
+              fontSize="14"
+              [circle]="true"
+            ></app-avatar>
+            <div class="ml-2 overflow-hidden">
+              <span>{{ "loggedInAs" | i18n }}</span>
+              <small class="text-muted">{{ name }}</small>
+            </div>
+          </div>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="#" routerLink="/settings/account">
+            <i class="fa fa-fw fa-user" aria-hidden="true"></i>
+            {{ "myAccount" | i18n }}
+          </a>
+          <a class="dropdown-item" href="https://help.bitwarden.com" target="_blank" rel="noopener">
+            <i class="fa fa-fw fa-question-circle" aria-hidden="true"></i>
+            {{ "getHelp" | i18n }}
+          </a>
+          <a
+            class="dropdown-item"
+            href="https://bitwarden.com/download/"
+            target="_blank"
+            rel="noopener"
+          >
+            <i class="fa fa-fw fa-download" aria-hidden="true"></i>
+            {{ "getApps" | i18n }}
+          </a>
+          <div class="dropdown-divider"></div>
+          <button type="button" class="dropdown-item" (click)="lock()">
+            <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
+            {{ "lockNow" | i18n }}
+          </button>
+          <button type="button" class="dropdown-item" (click)="logOut()">
+            <i class="fa fa-fw fa-sign-out" aria-hidden="true"></i>
+            {{ "logOut" | i18n }}
+          </button>
+        </div>
+      </li>
+    </ul>
+  </div>
 </nav>

src/app/layouts/navbar.component.ts

@@ -1,50 +1,52 @@
-import {
-    Component,
-    OnInit,
-} from '@angular/core';
+import { Component, OnInit } from "@angular/core";
 
-import { MessagingService } from 'jslib-common/abstractions/messaging.service';
-import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
-import { ProviderService } from 'jslib-common/abstractions/provider.service';
-import { SyncService } from 'jslib-common/abstractions/sync.service';
-import { TokenService } from 'jslib-common/abstractions/token.service';
+import { MessagingService } from "jslib-common/abstractions/messaging.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { ProviderService } from "jslib-common/abstractions/provider.service";
+import { SyncService } from "jslib-common/abstractions/sync.service";
+import { TokenService } from "jslib-common/abstractions/token.service";
 
-import { Provider } from 'jslib-common/models/domain/provider';
+import { Provider } from "jslib-common/models/domain/provider";
 
 @Component({
-    selector: 'app-navbar',
-    templateUrl: 'navbar.component.html',
+  selector: "app-navbar",
+  templateUrl: "navbar.component.html",
 })
 export class NavbarComponent implements OnInit {
-    selfHosted = false;
-    name: string;
-    email: string;
-    providers: Provider[] = [];
+  selfHosted = false;
+  name: string;
+  email: string;
+  providers: Provider[] = [];
 
-    constructor(private messagingService: MessagingService, private platformUtilsService: PlatformUtilsService,
-        private tokenService: TokenService, private providerService: ProviderService, private syncService: SyncService) {
-        this.selfHosted = this.platformUtilsService.isSelfHost();
+  constructor(
+    private messagingService: MessagingService,
+    private platformUtilsService: PlatformUtilsService,
+    private tokenService: TokenService,
+    private providerService: ProviderService,
+    private syncService: SyncService
+  ) {
+    this.selfHosted = this.platformUtilsService.isSelfHost();
+  }
+
+  async ngOnInit() {
+    this.name = await this.tokenService.getName();
+    this.email = await this.tokenService.getEmail();
+    if (this.name == null || this.name.trim() === "") {
+      this.name = this.email;
     }
 
-    async ngOnInit() {
-        this.name = await this.tokenService.getName();
-        this.email = await this.tokenService.getEmail();
-        if (this.name == null || this.name.trim() === '') {
-            this.name = this.email;
-        }
-
-        // Ensure provides are loaded
-        if (await this.syncService.getLastSync() == null) {
-            await this.syncService.fullSync(false);
-        }
-        this.providers = await this.providerService.getAll();
+    // Ensure provides are loaded
+    if ((await this.syncService.getLastSync()) == null) {
+      await this.syncService.fullSync(false);
     }
+    this.providers = await this.providerService.getAll();
+  }
 
-    lock() {
-        this.messagingService.send('lockVault');
-    }
+  lock() {
+    this.messagingService.send("lockVault");
+  }
 
-    logOut() {
-        this.messagingService.send('logout');
-    }
+  logOut() {
+    this.messagingService.send("logout");
+  }
 }

src/app/layouts/organization-layout.component.html

@@ -1,54 +1,60 @@
 <app-navbar></app-navbar>
 <div class="org-nav" *ngIf="organization">
-    <div class="container d-flex">
-        <div class="d-flex flex-column">
-            <div class="my-auto d-flex align-items-center pl-1">
-                <app-avatar [data]="organization.name" size="45" [circle]="true"></app-avatar>
-                <div class="org-name ml-3">
-                    <span>{{organization.name}}</span>
-                    <small class="text-muted">{{'organization' | i18n}}</small>
-                </div>
-                <div class="ml-3 card border-danger text-danger bg-transparent" *ngIf="!organization.enabled">
-                    <div class="card-body py-2">
-                        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
-                        {{'organizationIsDisabled' | i18n}}
-                    </div>
-                </div>
-                <div class="ml-3 card border-info text-info bg-transparent" *ngIf="organization.isProviderUser">
-                    <div class="card-body py-2">
-                        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
-                        {{'accessingUsingProvider' | i18n : organization.providerName}}
-                    </div>
-                </div>
-            </div>
-            <ul class="nav nav-tabs" *ngIf="showMenuBar">
-                <li class="nav-item">
-                    <a class="nav-link" routerLink="vault" routerLinkActive="active">
-                        <i class="fa fa-lock" aria-hidden="true"></i>
-                        {{'vault' | i18n}}
-                    </a>
-                </li>
-                <li class="nav-item" *ngIf="showManageTab">
-                    <a class="nav-link" [routerLink]="manageRoute" routerLinkActive="active">
-                        <i class="fa fa-sliders" aria-hidden="true"></i>
-                        {{'manage' | i18n}}
-                    </a>
-                </li>
-                <li class="nav-item" *ngIf="showToolsTab">
-                    <a class="nav-link" [routerLink]="toolsRoute" routerLinkActive="active">
-                        <i class="fa fa-wrench" aria-hidden="true"></i>
-                        {{'tools' | i18n}}
-                    </a>
-                </li>
-                <li class="nav-item" *ngIf="organization.isOwner">
-                    <a class="nav-link" routerLink="settings" routerLinkActive="active">
-                        <i class="fa fa-cogs" aria-hidden="true"></i>
-                        {{'settings' | i18n}}
-                    </a>
-                </li>
-            </ul>
+  <div class="container d-flex">
+    <div class="d-flex flex-column">
+      <div class="my-auto d-flex align-items-center pl-1">
+        <app-avatar [data]="organization.name" size="45" [circle]="true"></app-avatar>
+        <div class="org-name ml-3">
+          <span>{{ organization.name }}</span>
+          <small class="text-muted">{{ "organization" | i18n }}</small>
         </div>
+        <div
+          class="ml-3 card border-danger text-danger bg-transparent"
+          *ngIf="!organization.enabled"
+        >
+          <div class="card-body py-2">
+            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+            {{ "organizationIsDisabled" | i18n }}
+          </div>
+        </div>
+        <div
+          class="ml-3 card border-info text-info bg-transparent"
+          *ngIf="organization.isProviderUser"
+        >
+          <div class="card-body py-2">
+            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+            {{ "accessingUsingProvider" | i18n: organization.providerName }}
+          </div>
+        </div>
+      </div>
+      <ul class="nav nav-tabs" *ngIf="showMenuBar">
+        <li class="nav-item">
+          <a class="nav-link" routerLink="vault" routerLinkActive="active">
+            <i class="fa fa-lock" aria-hidden="true"></i>
+            {{ "vault" | i18n }}
+          </a>
+        </li>
+        <li class="nav-item" *ngIf="showManageTab">
+          <a class="nav-link" [routerLink]="manageRoute" routerLinkActive="active">
+            <i class="fa fa-sliders" aria-hidden="true"></i>
+            {{ "manage" | i18n }}
+          </a>
+        </li>
+        <li class="nav-item" *ngIf="showToolsTab">
+          <a class="nav-link" [routerLink]="toolsRoute" routerLinkActive="active">
+            <i class="fa fa-wrench" aria-hidden="true"></i>
+            {{ "tools" | i18n }}
+          </a>
+        </li>
+        <li class="nav-item" *ngIf="organization.isOwner">
+          <a class="nav-link" routerLink="settings" routerLinkActive="active">
+            <i class="fa fa-cogs" aria-hidden="true"></i>
+            {{ "settings" | i18n }}
+          </a>
+        </li>
+      </ul>
     </div>
+  </div>
 </div>
 <router-outlet></router-outlet>
 <app-footer></app-footer>

src/app/layouts/organization-layout.component.ts

@@ -1,98 +1,99 @@
-import {
-    Component,
-    NgZone,
-    OnDestroy,
-    OnInit,
-} from '@angular/core';
+import { Component, NgZone, OnDestroy, OnInit } from "@angular/core";
 
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute } from "@angular/router";
 
-import { BroadcasterService } from 'jslib-common/abstractions/broadcaster.service';
-import { OrganizationService } from 'jslib-common/abstractions/organization.service';
+import { BroadcasterService } from "jslib-common/abstractions/broadcaster.service";
+import { OrganizationService } from "jslib-common/abstractions/organization.service";
 
-import { Organization } from 'jslib-common/models/domain/organization';
+import { Organization } from "jslib-common/models/domain/organization";
 
-const BroadcasterSubscriptionId = 'OrganizationLayoutComponent';
+const BroadcasterSubscriptionId = "OrganizationLayoutComponent";
 
 @Component({
-    selector: 'app-organization-layout',
-    templateUrl: 'organization-layout.component.html',
+  selector: "app-organization-layout",
+  templateUrl: "organization-layout.component.html",
 })
 export class OrganizationLayoutComponent implements OnInit, OnDestroy {
-    organization: Organization;
-    businessTokenPromise: Promise<any>;
-    private organizationId: string;
+  organization: Organization;
+  businessTokenPromise: Promise<any>;
+  private organizationId: string;
 
-    constructor(private route: ActivatedRoute, private organizationService: OrganizationService,
-        private broadcasterService: BroadcasterService, private ngZone: NgZone) { }
+  constructor(
+    private route: ActivatedRoute,
+    private organizationService: OrganizationService,
+    private broadcasterService: BroadcasterService,
+    private ngZone: NgZone
+  ) {}
 
-    ngOnInit() {
-        document.body.classList.remove('layout_frontend');
-        this.route.params.subscribe(async params => {
-            this.organizationId = params.organizationId;
+  ngOnInit() {
+    document.body.classList.remove("layout_frontend");
+    this.route.params.subscribe(async (params) => {
+      this.organizationId = params.organizationId;
+      await this.load();
+    });
+    this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
+      this.ngZone.run(async () => {
+        switch (message.command) {
+          case "updatedOrgLicense":
             await this.load();
-        });
-        this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
-            this.ngZone.run(async () => {
-                switch (message.command) {
-                    case 'updatedOrgLicense':
-                        await this.load();
-                        break;
-                }
-            });
-        });
-    }
-
-    ngOnDestroy() {
-        this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
-    }
-
-    async load() {
-        this.organization = await this.organizationService.get(this.organizationId);
-    }
-
-    get showMenuBar() {
-        return this.showManageTab || this.showToolsTab || this.organization.isOwner;
-    }
-
-    get showManageTab(): boolean {
-        return this.organization.canManageUsers ||
-            this.organization.canViewAllCollections ||
-            this.organization.canViewAssignedCollections ||
-            this.organization.canManageGroups ||
-            this.organization.canManagePolicies ||
-            this.organization.canAccessEventLogs;
-    }
-
-    get showToolsTab(): boolean {
-        return this.organization.canAccessImportExport || this.organization.canAccessReports;
-    }
-
-    get toolsRoute(): string {
-        return this.organization.canAccessImportExport ?
-            'tools/import' :
-            'tools/exposed-passwords-report';
-    }
-
-    get manageRoute(): string {
-        let route: string;
-        switch (true) {
-            case this.organization.canManageUsers:
-                route = 'manage/people';
-                break;
-            case this.organization.canViewAssignedCollections || this.organization.canViewAllCollections:
-                route = 'manage/collections';
-                break;
-            case this.organization.canManageGroups:
-                route = 'manage/groups';
-                break;
-            case this.organization.canManagePolicies:
-                route = 'manage/policies';
-                break;
-            case this.organization.canAccessEventLogs:
-                route = 'manage/events';
-                break;
+            break;
         }
-        return route;
+      });
+    });
+  }
+
+  ngOnDestroy() {
+    this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
+  }
+
+  async load() {
+    this.organization = await this.organizationService.get(this.organizationId);
+  }
+
+  get showMenuBar() {
+    return this.showManageTab || this.showToolsTab || this.organization.isOwner;
+  }
+
+  get showManageTab(): boolean {
+    return (
+      this.organization.canManageUsers ||
+      this.organization.canViewAllCollections ||
+      this.organization.canViewAssignedCollections ||
+      this.organization.canManageGroups ||
+      this.organization.canManagePolicies ||
+      this.organization.canAccessEventLogs
+    );
+  }
+
+  get showToolsTab(): boolean {
+    return this.organization.canAccessImportExport || this.organization.canAccessReports;
+  }
+
+  get toolsRoute(): string {
+    return this.organization.canAccessImportExport
+      ? "tools/import"
+      : "tools/exposed-passwords-report";
+  }
+
+  get manageRoute(): string {
+    let route: string;
+    switch (true) {
+      case this.organization.canManageUsers:
+        route = "manage/people";
+        break;
+      case this.organization.canViewAssignedCollections || this.organization.canViewAllCollections:
+        route = "manage/collections";
+        break;
+      case this.organization.canManageGroups:
+        route = "manage/groups";
+        break;
+      case this.organization.canManagePolicies:
+        route = "manage/policies";
+        break;
+      case this.organization.canAccessEventLogs:
+        route = "manage/events";
+        break;
     }
+    return route;
+  }
 }

src/app/layouts/user-layout.component.ts

@@ -1,14 +1,11 @@
-import {
-    Component,
-    OnInit,
-} from '@angular/core';
+import { Component, OnInit } from "@angular/core";
 
 @Component({
-    selector: 'app-user-layout',
-    templateUrl: 'user-layout.component.html',
+  selector: "app-user-layout",
+  templateUrl: "user-layout.component.html",
 })
 export class UserLayoutComponent implements OnInit {
-    ngOnInit() {
-        document.body.classList.remove('layout_frontend');
-    }
+  ngOnInit() {
+    document.body.classList.remove("layout_frontend");
+  }
 }