@bizdoc/core 1.14.9 → 1.14.10

package/src/lib/home/home-base.component.ts

@@ -1,100 +0,0 @@
-import { Directive, Injector, OnInit } from '@angular/core';
-import { HttpInterceptor, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { debounceTime } from 'rxjs';
-import { BizDocConfig, ChatSettings } from '../core/configuration';
-import { Profile, RecipientModel } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { Popup } from '../core/popup/popup.service';
-import { TranslateService } from '../core/translate.service';
-import { HubService } from '../core/hub.service';
-import { QuickSignComponent } from './sign/sign.component';
-import { QuickOptionsComponent } from './options/options.component';
-import { OutOfOfficeData, OutOfOfficeToast } from './outofoffice/outofoffice.component';
-import { AppHttpInterceptor } from '../core/http.interceptor';
-import { playAudio } from '../core/functions';
-
-export const TOAST_DURATION = 4000;
-
-@Directive()
-export abstract class HomeBase implements OnInit {
-  chatEnabled: boolean;
-  schedulerEnabled: boolean;
-  profile: Profile;
-  loading: boolean;
-  enableAnalysis: boolean;
-  constructor(
-    protected _popup: Popup,
-    protected _session: SessionService,
-    private _messaging: HubService,
-    protected _translate: TranslateService,
-    protected _snackBar: MatSnackBar,
-    private _injector: Injector,
-    config: BizDocConfig) {
-
-    this.schedulerEnabled = config.scheduler !== false;
-    this.chatEnabled = config.chating !== false &&
-      (!config.chating || !(config.chating as ChatSettings).app);
-    this.profile = _session.profile;
-    this.enableAnalysis = _session.profile.cubes.some(c => c.views.length);
-  }
-  ngOnInit() {
-    const interceptor = (this._injector.get(HTTP_INTERCEPTORS) as HttpInterceptor[]).find(i => i instanceof AppHttpInterceptor) as AppHttpInterceptor;
-    interceptor.active$.pipe(debounceTime(100)).subscribe(e =>
-      this.loading = e);
-    this._messaging.new$.subscribe(m => {
-      const { model: { formId: name, subject, number, pending} } = m;
-      if (!pending) return;
-      const form = this._session.profile.forms.find(f => f.name === name), msg = this._translate.get('NewMail', form.title, number, subject || '');
-      this._snackBar.open(msg, m.userId === this._session.profile.userId ? this._translate.get('OpenNew') : null, {
-        duration: 5000,
-        direction: this._session.direction,
-        politeness: 'assertive'
-      }).onAction().subscribe(() => {
-        this._session.profile.inboxCount--;
-        this.onNewMessage(m.model);
-      }
-      );
-      this._session.profile.options.notifications.sound &&
-        playAudio('notification_simple-01');
-    });
-    this._messaging.notify$.subscribe(() =>
-      this._session.profile.options.notifications.sound &&
-      playAudio('notification_simple-01')
-    );
-    if (this._session.isImpersonating)
-      this._snackBar.open(this._translate.get('Impersonating', this._session.profile.name), null, {
-        duration: TOAST_DURATION,
-        verticalPosition: 'top',
-        direction: this._session.direction
-      });
-    else if (this._session.isOutOfOffice) {
-      const options = this._session.profile.options.outOfOffice;
-      this._snackBar.openFromComponent(OutOfOfficeToast, {
-        verticalPosition: 'top',
-        direction: this._session.direction,
-        data: {
-          substituteId: options.substitueId
-        } as OutOfOfficeData
-      });
-    }
-  }
-  resize() {
-    window.dispatchEvent(new Event('resize'));
-  }
-  abstract onNewMessage(model: RecipientModel);
-  /** options */
-  options(evt: Event) {
-    this._popup.open(QuickOptionsComponent, evt.srcElement as HTMLElement, { position: 'end' });
-  }
-  signout(evt: Event) {
-    this._popup.open(QuickSignComponent, evt.srcElement as HTMLElement, { position: 'end' });
-  }
-  mails() {
-    this._session.inboxTouch();
-  }
-  notifs() {
-    this._session.profile.notifications.length &&
-      this._session.notificationsTouch();
-  }
-}

package/src/lib/home/home.desktop.component.html

@@ -1,92 +0,0 @@
-<div [class.nav-collapsed]="collapsed" [class.nav-open]="submenu"
-     [class.dialog]="dialog"
-     class="nav-menu row">
-  <!--[class.loading]="loading"-->
-  <div fxLayout="column">
-    <div>
-      <div [class.active]="activeMenu === 'new'" class="new-container" *ngIf="forms.length">
-        <button mat-raised-button class="compose"
-                [bizdocTooltip]="'Compose'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed"
-                (click)="opennew()" [disabled]="creating"
-                [attr.aria-label]="'Compose'| translate" color="primary" data-help="compose">
-          <mat-icon>add</mat-icon>
-          <span class="nav-label">{{'Compose'| translate}}</span>
-        </button>
-      </div>
-      <mat-nav-list>
-        <mat-list-item [attr.aria-label]="'Dashboard' | translate"
-                       (click)="nav('dashboard')" [class.active]="activeMenu === 'dashboard'"
-                       data-help="dashboard"
-                       [bizdocTooltip]="'Dashboard'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">
-          <mat-icon matListIcon>apps</mat-icon><span class="nav-label">{{'Dashboard' | translate}}</span>
-        </mat-list-item>
-        <mat-list-item (click)="mails()" [bizdocTooltip]="'Mailbox'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed"
-                       [class.active]="activeMenu === 'mailbox'"
-                       [attr.aria-label]="'Mailbox' | translate" data-help="folders">
-          <mat-icon matListIcon [matBadge]="profile.inboxCount" [matBadgeHidden]="profile.inboxCount < 1" matBadgeColor="accent">inbox</mat-icon>
-          <span class="nav-label">{{'Mailbox' | translate}}</span>
-        </mat-list-item>
-        <mat-list-item [attr.aria-label]="'Scheduler' | translate" *ngIf="schedulerEnabled"
-                       (click)="nav('schedule')" [class.active]="activeMenu === 'schedule'"
-                       [bizdocTooltip]="'Scheduler'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">
-          <mat-icon matListIcon class="mat-icon-rtl-mirror">date_range</mat-icon><span class="nav-label">{{ 'Scheduler' | translate}}</span>
-        </mat-list-item>
-        <mat-list-item *ngIf='chatEnabled' data-help="chat" [attr.aria-label]="'Chat' | translate"
-                       (click)="nav('contacts')" [class.active]="activeMenu === 'contacts'"
-                       [bizdocTooltip]="'Chat'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">
-          <mat-icon matListIcon [matBadge]="profile.conversationsCount" [matBadgeHidden]="!profile.conversationsCount" matBadgeColor="accent">chat</mat-icon><span class="nav-label">{{ 'Chat' | translate}}</span>
-        </mat-list-item>
-        <mat-divider></mat-divider>
-        <mat-list-item *ngIf="enableAnalysis && profile.cubes.length"
-                       (click)="opensubmenu('cube')"
-                       [class.active]="activeMenu === 'cube'"
-                       [bizdocTooltip]="'Cube'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed"
-                       data-help="cube" [attr.aria-label]="'Cube' | translate">
-          <mat-icon matListIcon>equalizer</mat-icon><span class="nav-label">{{'Cube' | translate}}</span>
-        </mat-list-item>
-        <mat-list-item *ngIf="profile.reports.length"
-                       (click)="opensubmenu('reports')"
-                       [class.active]="activeMenu === 'reports'"
-                       [bizdocTooltip]="'Reports'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed" data-help="reports" [attr.aria-label]="'Reports' | translate">
-          <mat-icon matListIcon>list_alt</mat-icon><span class="nav-label">{{'Reports' | translate}}</span>
-        </mat-list-item>
-        <ng-container *ngIf="sysAdmin">
-          <mat-divider></mat-divider>
-          <mat-list-item (click)="opensubmenu('admin')"
-                         [class.active]="activeMenu === 'admin'"
-                         [bizdocTooltip]="'System'|translate" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed" [attr.aria-label]="'System' | translate">
-            <mat-icon matListIcon>device_hub</mat-icon>
-            <span class="nav-label">{{'Workflow' | translate}}</span>
-          </mat-list-item>
-        </ng-container>
-      </mat-nav-list>
-    </div>
-    <span class="divider"></span>
-    <!--<lottie name="lf30_editor_qr7zgmcs" *ngIf="loading"></lottie>-->
-    <!--@animate-->
-    <div class="sign-in">
-      <button mat-icon-button data-help="sign-in" [bizdocTooltip]="'Settings' | translate" bizdocTooltipPosition="above"
-              [attr.aria-label]="'Settings' | translate" (click)="options($event)">
-        <mat-icon matAnimate="rotate">settingson</mat-icon>
-      </button>
-      <span class="divider"></span>
-      <button mat-icon-button [attr.aria-label]="'Power' | translate" (click)="signout($event)" [bizdocTooltip]="'Exit'|translate" bizdocTooltipPosition="above">
-        <mat-icon class="mat-icon-rtl-mirror">logout</mat-icon>
-      </button>
-    </div>
-  </div>
-  <div *ngIf="submenu" class="sub-menu" (mouseleave)="collapsesubmenu()" [@submenu]="submenuMode" (@submenu.done)="resize()">
-    <div class="action" *ngIf="submenu !== 'new'">
-      <button mat-icon-button (click)="togglePinned()"><mat-icon class="mat-icon-rtl-mirror" [bizdocTooltip]="(pinned?'Collapse':'Expand')|translate" [inline]="true">{{pinned ? 'keyboard_double_arrow_left' : 'keyboard_double_arrow_right'}}</mat-icon></button>
-    </div>
-    <ng-container [ngSwitch]="submenu">
-      <bizdoc-new-menu *ngSwitchCase="'new'" (change)="closesubmenu()"></bizdoc-new-menu>
-      <bizdoc-folders-menu *ngSwitchCase="'mailbox'" [collapsed]="submenuMode === 'shrink'" (change)="collapsesubmenu()"></bizdoc-folders-menu>
-      <bizdoc-admin-menu *ngSwitchCase="'admin'" [collapsed]="submenuMode === 'shrink'"></bizdoc-admin-menu>
-      <bizdoc-reports-menu *ngSwitchCase="'reports'" [collapsed]="submenuMode === 'shrink'" (change)="collapsesubmenu()"></bizdoc-reports-menu>
-      <bizdoc-cube-menu *ngSwitchCase="'cube'" [collapsed]="submenuMode === 'shrink'" (change)="collapsesubmenu()"></bizdoc-cube-menu>
-    </ng-container>
-  </div>
-  <div class="backdrop" *ngIf="dialog"></div>
-</div>
-<bizdoc-panes-outlet (dialogChange)="dialog = $event"></bizdoc-panes-outlet>

package/src/lib/home/home.desktop.component.scss

@@ -1,66 +0,0 @@
-:host {
-  display: flex;
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-
-
-.nav-menu {
-  height: 100%;
-  z-index: 1;
-
-  .sub-menu {
-    min-width: 200px;
-    display: block;
-    z-index: 1;
-    overflow-x: hidden;
-
-    .action {
-      display: flex;
-      -ms-flex-direction: row-reverse;
-      -webkit-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-    }
-  }
-
-  .new-container {
-    margin: 8px 8px 0 8px;
-
-    button {
-      min-width: 35px;
-      padding: 0 10px;
-      height: 40px;
-    }
-  }
-
-  .nav-icon {
-    display: none;
-  }
-
-  &.nav-collapsed {
-    .nav-icon {
-      display: unset;
-    }
-
-    .nav-label {
-      display: none;
-    }
-
-    .sign-in {
-      -ms-flex-direction: column;
-      -webkit-flex-direction: column;
-      flex-direction: column;
-      align-items: center;
-    }
-  }
-
-  .sign-in {
-    display: flex;
-    -ms-flex-direction: row;
-    -webkit-flex-direction: row;
-    flex-direction: row;
-    overflow: hidden;
-    margin-bottom: 5px;
-  }
-}

package/src/lib/home/home.desktop.component.ts

@@ -1,211 +0,0 @@
-import { Component, ViewChild, Inject, HostListener, Injector } from '@angular/core';
-import { MatSidenav } from '@angular/material/sidenav';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { filter } from 'rxjs';
-import { BizDocConfig, BIZDOC_CONFIG, OpenPolicy } from '../core/configuration';
-import { submenuAnimation } from '../core/animations';
-import { RecipientModel } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { PanesRouter } from '../core/slots/router.service';
-import { Popup } from '../core/popup/popup.service';
-import { TranslateService } from '../core/translate.service';
-import { HubService } from '../core/hub.service';
-import { HomeBase } from './home-base.component';
-import { NavigationPaneBase, NavigationStart } from '../core/slots/pane-ref';
-import { MailboxService } from '../core/mailbox.service';
-import { HttpErrorResponse } from '@angular/common/http';
-import { PromptService } from '../core/prompt.service';
-
-/** desktop home comp */
-@Component({
-  selector: 'bizdoc-home',
-  templateUrl: './home.desktop.component.html',
-  styleUrls: ['./home.desktop.component.scss'],
-  host: { class: 'mat-app-background' },
-  animations: [submenuAnimation]
-})
-export class HomeComponent extends HomeBase {
-  dialog: boolean;
-  readonly sysAdmin = this._session.isSystem;
-  private _submenuMode: 'full' | 'shrink' = localStorage.getItem('submenuMode') as any || 'full';
-  readonly forms = this._session.profile.forms.filter(f => f.creatable);
-  creating: boolean;
-  private _collapseToggle = false;
-  public get submenuMode(): 'full' | 'shrink' {
-    return this._submenuMode;
-  }
-  public set submenuMode(value: 'full' | 'shrink') {
-    this._submenuMode = value;
-    localStorage.setItem('submenuMode', value)
-  }
-  private _submenu: string = localStorage.getItem('submenu');
-  private _path: string;
-  get activeMenu() {
-    return this._submenu || this._path;
-  }
-  public get submenu(): string {
-    return this._submenu;
-  }
-  public set submenu(value: string) {
-    this._submenu = value;
-    if (value) localStorage.setItem('submenu', value);
-    else localStorage.removeItem('submenu');
-  }
-  private _is(name, val?: boolean) {
-    if (val === undefined)
-      return localStorage.getItem(name) === '1';
-    else
-      localStorage.setItem(name, val ? '1' : '0');
-  }
-  private _isOrDefault(name, $default) {
-    const val = localStorage.getItem(name);
-    return val ? val === '1' : $default;
-  }
-  private _collapsed = this._isOrDefault('collapsed', true);
-  public get collapsed() {
-    return this._collapsed;
-  }
-  public set collapsed(value) {
-    this._collapsed = value;
-    this._is('collapsed', this.collapsed);
-  }
-  private _pinned = this._isOrDefault('pinned', true);
-  public get pinned() {
-    return this._pinned;
-  }
-  public set pinned(value) {
-    this._pinned = value;
-    this._is('pinned', value)
-  }
-  @ViewChild(MatSidenav, { static: true }) drawer: MatSidenav;
-  constructor(
-    private _router: PanesRouter,
-    private _mailbox: MailboxService,
-    injector: Injector,
-    session: SessionService,
-    popup: Popup,
-    messaging: HubService,
-    translate: TranslateService,
-    private _sb: PromptService,
-    snackBar: MatSnackBar,
-    @Inject(BIZDOC_CONFIG) config: BizDocConfig) {
-    super(popup, session, messaging, translate, snackBar, injector, config);
-    _router.events.pipe(filter(e => e instanceof NavigationStart && e.pane.path && e.pane.mode === 'pane')).
-      subscribe((e: NavigationPaneBase) =>
-        this._path = e.pane.path.split('/')[0]
-      );
-  }
-  nav(path) {
-    this._router.navigate([path]);
-    this.submenu = null;
-    this.collapsesubmenu();
-  }
-  onNewMessage(model: RecipientModel) {
-    this._router.navigate(['mailbox/i', model.id.encodeId()],
-      {
-        state: { item: model },
-        policy: OpenPolicy.Clear
-      });
-  }
-  closesubmenu() {
-    this.submenu = null;
-  }
-  opennew() {
-    if (this.forms.length > 1) {
-      if (this.submenu === 'new')
-        this.closesubmenu();
-      else
-        this.opensubmenu('new');
-    }
-    else this._create();
-  }
-  private _create() {
-    this.creating = true;
-    this._mailbox.create(this.forms[0].name).
-      subscribe(r => {
-        this.creating = false;
-        this._router.navigate(['mailbox/i', r.id.encodeId()],
-          {
-            policy: OpenPolicy.Clear,
-            state: { item: r }
-          });
-      }, (e: HttpErrorResponse) => {
-        this._handleErr(e);
-        this.creating = false;
-      });
-  }
-
-  private _handleErr(response: HttpErrorResponse | GeolocationPositionError) {
-    if (response.constructor.name === 'PositionError')
-      switch ((response as GeolocationPositionError).code) {
-        case 1:
-          this._sb.error('UserDeniedGeoErr');
-          break;
-        default:
-          this._sb.error('GeoErr');
-      }
-    else switch ((response as HttpErrorResponse).status) {
-      case 401:
-        this._sb.error('Unauthorized');
-        break;
-      case 406:
-        this._sb.errorString((response as HttpErrorResponse).error);
-        break;
-      case 426: // license
-        this._sb.error('LicenseErr');
-        break;
-      default:
-        this._sb.error();
-    }
-  }
-
-  opensubmenu(menu: string) {
-    if (this.submenu === menu)
-      this.submenuMode = this.submenuMode === 'full' ? 'shrink' : 'full';
-    else {
-      this.submenu = menu;
-      this.submenuMode = 'full';
-    }
-  }
-  collapsesubmenu() {
-    if (!this.pinned && this.submenu !== 'new') this.submenuMode = 'shrink';
-  }
-  togglePinned() {
-    this.pinned = !this.pinned;
-    this.submenuMode = this.pinned ? 'full' : 'shrink';
-  }
-  mails() {
-    super.mails();
-    this.opensubmenu('mailbox');
-  }
-  /**
-   * Alt + n/N, Ctrl + .
-   * @param event
-   */
-  @HostListener('document:keydown', ['$event'])
-  handleKeyboardEvent(event: KeyboardEvent) {
-    if (event.altKey && (event.which === 110 || event.which === 78)) {
-      if (this.submenu === 'new')
-        this.submenu = null;
-      else {
-        if (this.forms.length === 1)
-          this._create();
-        else {
-          this.submenu = 'new';
-          this.submenuMode = 'full';
-        }
-      }
-      event.preventDefault();
-    }
-    else if (event.ctrlKey && event.which === 190) {
-      if (this.submenu && !this._collapseToggle) {
-        this.submenuMode = this.submenuMode === 'shrink' ? 'full' : 'shrink';
-        this._collapseToggle = true;
-      }
-      else {
-        this.collapsed = !this.collapsed;
-        this._collapseToggle = false;
-      }
-    }
-  }
-}

package/src/lib/home/home.mobile.component.html

@@ -1,81 +0,0 @@
-<mat-toolbar color="primary" [class.loading]="loading">
-  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]="'Menu' | translate" [attr.aria-label]="'Menu' | translate"><mat-icon>menu</mat-icon></button>
-  <div [routerLink]='["/dashboard"]' matRipple [matRippleUnbounded]="true" [matRippleRadius]="100" [matRippleCentered]="true" style="outline: none">
-    <img id="logo" src="logo.svg" alt="" />
-  </div>
-  <span class="divider"></span>
-  <button mat-icon-button (click)="notifs()" data-help="notifications" [attr.aria-label]="'Notifications' | translate" [bizdocTooltip]="'Notifications' | translate"><mat-icon [matBadge]="profile.notificationsCount" [matBadgeHidden]="!profile.notificationsCount" matBadgeColor="accent">notifications</mat-icon></button>
-  <button mat-icon-button *ngIf='chatEnabled' (click)="chat()" data-help="chat" [attr.aria-label]="'Chat' | translate" [bizdocTooltip]="'Chat' | translate"><mat-icon [matBadge]="profile.conversationsCount" [matBadgeHidden]="!profile.conversationsCount" matBadgeColor="accent">chat</mat-icon></button>
-</mat-toolbar>
-<mat-sidenav-container autosize>
-  <mat-sidenav #menuDrawer data-help="menu" mode="over" closed class="mat-elevation-z5">
-    <mat-nav-list>
-      <mat-list-item [routerLink]='["/dashboard"]' [attr.aria-label]="'Dashboard' | translate" routerLinkActive="active" data-help="dashboard">
-        <mat-icon matListIcon>apps</mat-icon><span>{{'Dashboard' | translate}}</span>
-      </mat-list-item>
-      <mat-expansion-panel class="mat-elevation-z0" [attr.aria-label]="'Mailbox' | translate" data-help="folders">
-        <mat-expansion-panel-header>
-          <mat-panel-title>
-            <mat-icon>inbox</mat-icon>
-            <span>{{'Mailbox' | translate}}</span>
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-        <mat-list-item *ngFor="let f of profile.folders" [routerLink]='["/mailbox/f", f.name]' routerLinkActive="active" [attr.data-help]="'folder-'+f.name" [attr.aria-label]="f.title">
-          <mat-icon matListIcon>{{f.icon}}</mat-icon><span>{{f.title}}</span>
-        </mat-list-item>
-      </mat-expansion-panel>
-      <mat-list-item [routerLink]='["/schedule"]' routerLinkActive="active" *ngIf="schedulerEnabled" [attr.aria-label]="'Scheduler' | translate">
-        <mat-icon matListIcon class="mat-icon-rtl-mirror">date_range</mat-icon><span>{{ 'Schedule' | translate}}</span>
-      </mat-list-item>
-      <mat-divider></mat-divider>
-      <ng-container *ngIf="enableAnalysis">
-      <ng-container *ngFor="let c of profile.cubes">
-        <mat-expansion-panel class="mat-elevation-z0" *ngIf="c.views.length">
-          <mat-expansion-panel-header>
-            <mat-panel-title>
-              <mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>
-              <span>{{c.title}}</span>
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <mat-list-item *ngFor="let v of c.views" [routerLink]='["/cube", c.name, "v", v.name]' routerLinkActive="active" [attr.data-help]="'cube-view-'+v.name">
-            <mat-icon matListIcon>{{v.icon || 'insights'}}</mat-icon><span>{{v.title}}</span>
-          </mat-list-item>
-        </mat-expansion-panel>
-      </ng-container>
-      </ng-container>
-      <mat-expansion-panel *ngIf="profile.reports.length" class="mat-elevation-z0" [attr.aria-label]="'Reports' | translate">
-        <mat-expansion-panel-header>
-          <mat-panel-title>
-            <mat-icon>list_alt</mat-icon>
-            <span>{{'Reports' | translate}}</span>
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-        <mat-list-item *ngFor="let r of profile.reports" [routerLink]='["/reports", r.name]' routerLinkActive="active"
-                       [attr.aria-label]="r.title" [attr.data-help]="'report-'+r.name">
-          <mat-icon matListIcon>{{r.icon}}</mat-icon><span>{{r.title}}</span>
-        </mat-list-item>
-      </mat-expansion-panel>
-      <mat-divider></mat-divider>
-      <mat-list-item role="listitem" data-help="options"
-                     (click)="options($event)">
-        <mat-icon matListIcon>settingson</mat-icon>
-        <span>{{'Settings' | translate}}</span>
-      </mat-list-item>
-      <mat-divider></mat-divider>
-      <mat-list-item role="listitem" (click)="signout($event)">
-        <mat-icon matListIcon>logout</mat-icon>
-        <span>{{'Power' | translate}}</span>
-      </mat-list-item>
-    </mat-nav-list>
-  </mat-sidenav>
-  <mat-sidenav #secondaryDrawer position="end" closed mode="over" autoFocus="false" class="mat-elevation-z3">
-    <ng-container [ngSwitch]="mode">
-    <bizdoc-chat [(contact)]="contact" *ngSwitchCase="'chat'"></bizdoc-chat>
-    <bizdoc-notifications-table *ngSwitchCase="'notifications'"></bizdoc-notifications-table>
-    </ng-container>
-  </mat-sidenav>
-  <mat-sidenav-content data-help="main">
-    <router-outlet></router-outlet>
-  </mat-sidenav-content>
-</mat-sidenav-container>
-<button mat-fab [attr.aria-label]="'Compose'| translate" [@fabFull]="composeState" *ngIf="composeEnabled" color="accent" (click)="compose()" data-help="compose"><mat-icon>add</mat-icon></button>

package/src/lib/home/home.mobile.component.scss

@@ -1,49 +0,0 @@
-$fab-padding: 30px;
-
-#logo {
-  padding-left: 12px;
-  padding-right: 12px;
-  vertical-align: middle;
-  width: 120px;
-  filter: invert(1);
-}
-
-:host ::ng-deep .mat-sidenav-container {
-  height: calc(100% - 58px);
-
-  .home-content {
-    padding: unset;
-  }
-}
-
-::ng-deep .mat-drawer-inner-container {
-  height: auto
-}
-
-router-outlet ~ * {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-
-::ng-deep [dir=rtl] .mat-fab {
-  left: 30px;
-  right: unset
-}
-
-
-.mat-fab {
-  z-index: 1;
-  position: absolute;
-  bottom: $fab-padding;
-  right: $fab-padding;
-}
-
-
-:host ::ng-deep .mat-expansion-panel-header {
-  padding: 0 18px;
-}
-
-:host ::ng-deep .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon {
-  padding: 0 3px;
-}