@bizdoc/core 1.13.12 → 1.13.13

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

@@ -1,33 +0,0 @@
-<mat-toolbar class="nav-toolbar">
-  <button mat-icon-button (click)="items.refresh()" [bizdocTooltip]="'Refresh' | translate" [attr.aria-label]="'Refresh' | translate"><mat-icon matAnimate="rotate">autorenew</mat-icon></button>
-  <button mat-icon-button *ngIf="items.isAllDraft()" (click)="items.discardAll()" [bizdocTooltip]="'DiscardSelected' | translate : items.selection.selected.length" [attr.aria-label]="'DiscardSelected' | translate : items.selection.selected.length"><mat-icon>delete_sweep</mat-icon></button>
-  <button mat-button color="primary" fxShow [fxShow.xs]="false" *ngIf="items.isAllDraft()" (click)="items.submitAll()">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>
-  <button mat-icon-button color="primary" fxHide [fxHide.xs]="false" *ngIf="items.isAllDraft()" (click)="items.submitAll()" [bizdocTooltip]="'Submit' | translate" [attr.aria-label]="'Submit' | translate"><mat-icon>send</mat-icon></button>
-  <button mat-button color="primary" *ngIf="items.sharedActions.length === 1" (click)="sendAll(items.sharedActions[0].name)" [bizdocTooltip]="items.sharedActions[0].title"><mat-icon *ngIf="items.sharedActions[0].icon">{{items.sharedActions[0].icon}}</mat-icon>{{'SendSelected' | translate : items.selection.selected.length}}</button>
-  <button mat-button color="primary" *ngIf="items.sharedActions.length > 1" [matMenuTriggerFor]="action" [bizdocTooltip]="'Send' | translate" [attr.aria-label]="'Send' | translate">
-    {{'SendSelected'| translate : items.selection.selected.length }}
-  </button>
-  <mat-menu #action>
-    <ng-container *ngFor="let a of items.sharedActions | sort : 'group'; let i = index">
-      <mat-divider *ngIf="i>0 && items.sharedActions[i-1].group !== a.group">
-      </mat-divider>
-      <button mat-menu-item (click)="sendAll(a.name)" [attr.aria-label]="a.title">
-        {{ a.title }}
-      </button>
-    </ng-container>
-  </mat-menu>
-  <span class="divider"></span>
-  <button mat-icon-button fxHide.xs (click)="items.paginator.previousPage()" [bizdocTooltip]="'PrevPage' | translate" [attr.aria-label]="'PrevPage' | translate" [disabled]="!items.paginator.hasPreviousPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_left</mat-icon></button>
-  <button mat-icon-button fxHide.xs (click)="items.paginator.nextPage()" [bizdocTooltip]="'NextPage' | translate" [attr.aria-label]="'NextPage' | translate" [disabled]="!items.paginator.hasNextPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_right</mat-icon></button>
-  <button mat-icon-button (click)="drawer.toggle()" [bizdocTooltip]="'Filter' | translate" [attr.aria-label]="'Filter' | translate"><mat-icon>filter_list</mat-icon></button>
-</mat-toolbar>
-<mat-sidenav-container class="page-container" autosize>
-  <mat-sidenav #drawer mode="over" position="end" [opened]="false">
-    <ng-container [ngSwitch]="mode">
-    <bizdoc-browse-filter *ngSwitchDefault [values]=filters (valuesChange)="filterChange($event)" [folderId]="folderId"></bizdoc-browse-filter>
-    </ng-container>
-  </mat-sidenav>
-  <mat-sidenav-content>
-    <bizdoc-browse-items [filters]="filters" [folderId]="folderId" [filterType]="filterType" (open)="open($event)" (view)=view($event) #items></bizdoc-browse-items>
-  </mat-sidenav-content>
-</mat-sidenav-container>

package/src/lib/browse/browse.mobile.component.ts

@@ -1,90 +0,0 @@
-import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSidenav } from '@angular/material/sidenav';
-import { Directionality } from '@angular/cdk/bidi';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { Folder, RecipientModel } from '../core/models';
-import { WindowTitleService } from '../core/window-title.service';
-import { ActionDialog, ActionDialogData } from '../compose/action/action.dialog';
-import { BrowseFilterArgs } from './filter/filter.component';
-import { BrowseItemsComponent } from './browse-items.component';
-import { FilterType } from '../core/mailbox.service';
-import { SessionService } from '../core/session.service';
-
-@Component({
-  templateUrl: './browse.mobile.component.html'
-})
-/** browse component*/
-export class BrowseComponent implements OnInit, OnDestroy {
-  mode = 'filter';
-  pageSize: number;
-  @ViewChild(BrowseItemsComponent, { static: true }) items: BrowseItemsComponent;
-  @ViewChild(MatSidenav, { static: true }) drawer: MatSidenav;
-   folderId: string;
-  filterType: FilterType;
-  filters: BrowseFilterArgs;
-  private readonly _destroy = new Subject<void>();
-  /** browse ctor */
-  constructor(
-    private _router: Router,
-    private _title: WindowTitleService,
-    private _session: SessionService,
-    private _route: ActivatedRoute,
-    private _directionality: Directionality,
-    private _dialog: MatDialog) {
-  }
-  ngOnInit(): void {
-    this._route.params.pipe(takeUntil(this._destroy)).subscribe(p => {
-      this.folderId = p['id'];
-      this._title.set(this.folderId ? this.folder.title : null);
-    });
-    this._route.queryParams.pipe(takeUntil(this._destroy)).subscribe(p => {
-      this.filterType = p['type'];
-      this.filters = p;
-      Object.keys(p).length && this.drawer.open();
-    });
-  }
-  get folder(): Folder { return this._session.profile.folders.find(f => f.name === this.folderId); }
-  filterChange(filters: BrowseFilterArgs) {
-    this._router.navigate([], {
-      queryParams: filters
-    });
-  }
-  open(item: RecipientModel<any>) {
-    this._router.navigate(['mailbox/i', item.id.encodeId()],
-      {
-        state: {
-          item: { ...item }
-        }
-      });
-  }
-  view(item: RecipientModel<any>) {
-    this._router.navigate(['mailbox/i', item.id.encodeId(), 'views'],
-      {
-        state: {
-          item: { ...item }
-        }
-      })
-  }
-
-  sendAll(action: string) {
-    const { selected } = this.items.selection;
-    const data: ActionDialogData = {
-      action,
-      items: selected as RecipientModel[]
-    };
-    this._dialog.open(ActionDialog, {
-      data,
-      direction: this._directionality.value,
-      restoreFocus: false
-    }).afterClosed().subscribe(args =>
-      args &&
-      this.items.sendAll(action, args));
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/browse/browse.pane.component.html

@@ -1,43 +0,0 @@
-<mat-toolbar class="nav-toolbar" >
-  <ng-container *ngIf="!items.selection.isEmpty(); else search">
-    <!--<button mat-icon-button (click)="items.refresh()" [bizdocTooltip]="'Refresh' | translate" [attr.aria-label]="'Refresh' | translate"><mat-icon matAnimate="rotate">autorenew</mat-icon></button>-->
-    <button mat-icon-button *ngIf="items.isAllDraft()" (click)="items.discardAll()" [bizdocTooltip]="'DiscardSelected' | translate : items.selection.selected.length" [attr.aria-label]="'DiscardSelected' | translate : items.selection.selected.length"><mat-icon>delete_sweep</mat-icon></button>
-    <button mat-button color="primary" fxShow [fxShow.xs]="false" *ngIf="items.isAllDraft()" (click)="items.submitAll()">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>
-    <button mat-icon-button color="primary" fxHide [fxHide.xs]="false" *ngIf="items.isAllDraft()" (click)="items.submitAll()" [bizdocTooltip]="'Submit' | translate" [attr.aria-label]="'Submit' | translate"><mat-icon>send</mat-icon></button>
-    <button mat-button color="primary" *ngIf="items.sharedActions.length === 1" (click)="sendAll(items.sharedActions[0].name)" [bizdocTooltip]="items.sharedActions[0].title"><mat-icon *ngIf="items.sharedActions[0].icon">{{items.sharedActions[0].icon}}</mat-icon>{{'SendSelected' | translate : items.selection.selected.length}}</button>
-    <button mat-button color="primary" *ngIf="items.sharedActions.length > 1" [matMenuTriggerFor]="action" [bizdocTooltip]="'Send' | translate" [attr.aria-label]="'Send' | translate">
-      {{'SendSelected'| translate : items.selection.selected.length }}
-    </button>
-    <mat-menu #action>
-      <ng-container *ngFor="let a of items.sharedActions | sort : 'group'; let i = index">
-        <mat-divider *ngIf="i>0 && items.sharedActions[i-1].group !== a.group">
-        </mat-divider>
-        <button mat-menu-item (click)="sendAll(a.name)" [attr.aria-label]="a.title">
-          {{ a.title }}
-        </button>
-      </ng-container>
-    </mat-menu>
-    <!--<button mat-icon-button (click)="items.paginator.previousPage()" [bizdocTooltip]="'PrevPage' | translate" [attr.aria-label]="'PrevPage' | translate" [disabled]="!items.paginator.hasPreviousPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_left</mat-icon></button>
-  <button mat-icon-button (click)="items.paginator.nextPage()" [bizdocTooltip]="'NextPage' | translate" [attr.aria-label]="'NextPage' | translate" [disabled]="!items.paginator.hasNextPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_right</mat-icon></button>-->
-  </ng-container>
-</mat-toolbar>
-<bizdoc-browse-items [filters]="filters" [folderId]="folderId" [filterType]="filterType"
-                     (open)="open($event)" (view)="view($event) " #items></bizdoc-browse-items>
-<ng-template #search>
-  <!--<button mat-icon-button (click)="openSearch()"
-          [bizdocTooltip]="'Search'|translate" class="tool">
-    <mat-icon>search</mat-icon>
-  </button>
-  [@search]="searching"
-  (@search.done)="searching && focus()"-->
-  <input matInput
-         [formControl]="contains" autocomplete="off" placeholder="{{'Search' | translate}}"
-         class="search-box"
-         #searchInput
-         (keydown.escape)="clearSearch($event)">
-  <mat-icon *ngIf="contains.value" (click)="clearSearch()">close</mat-icon>
-  <span class="divider"></span>
-  <!--<button mat-icon-button (click)="items.paginator.previousPage()" [bizdocTooltip]="'PrevPage' | translate" [attr.aria-label]="'PrevPage' | translate" [disabled]="!items.paginator.hasPreviousPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_left</mat-icon></button>
-  <button mat-icon-button (click)="items.paginator.nextPage()" [bizdocTooltip]="'NextPage' | translate" [attr.aria-label]="'NextPage' | translate" [disabled]="!items.paginator.hasNextPage()"><mat-icon class="mat-icon-rtl-mirror">keyboard_arrow_right</mat-icon></button>-->
-  <button mat-icon-button (click)="openFilter($event)" [bizdocTooltip]="'Filter' | translate" [attr.aria-label]="'Filter' | translate"><mat-icon>filter_list</mat-icon></button>
-</ng-template>

package/src/lib/browse/browse.pane.component.scss

@@ -1,4 +0,0 @@
-:host {
-  min-width: 540px;
-  display: contents !important; // !important force when theme override
-}

package/src/lib/browse/browse.pane.component.ts

@@ -1,141 +0,0 @@
-import { Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { Subject } from 'rxjs';
-import { debounceTime, filter, takeUntil } from 'rxjs/operators';
-import { Directionality } from '@angular/cdk/bidi';
-import { Folder, RecipientModel } from '../core/models';
-import { PanesRouter } from '../core/slots/router.service';
-import { FilterType } from '../core/mailbox.service';
-import { ActionDialog, ActionDialogData } from '../compose/action/action.dialog';
-import { BrowseFilterArgs, BrowseFilterComponent } from './filter/filter.component';
-import { NavigationSelected, NavigationPaneBase, NavigationStart, ParamNavigation, PaneRef } from '../core/slots/pane-ref';
-import { BrowseItemsComponent } from './browse-items.component';
-import { Popup } from '../core/popup/popup.service';
-import { ComposePaneComponent } from '../compose/compose.pane.component';
-import { SessionService } from '../core/session.service';
-import { FormControl } from '@angular/forms';
-import { searchAnimation } from '../core/animations';
-import { TranslateService } from '../core/translate.service';
-
-@Component({
-  selector: 'bizdoc-browse.pane',
-  templateUrl: './browse.pane.component.html',
-  styleUrls: ['./browse.pane.component.scss'],
-  animations: [searchAnimation],
-  host: {
-    class: 'pane'
-  }
-})
-/** browse component*/
-export class BrowsePaneComponent implements OnInit {
-  @ViewChild(BrowseItemsComponent, { static: true }) items: BrowseItemsComponent;
-  @ViewChild('searchInput', { read: ElementRef }) search: ElementRef;
-  folderId: string;
-  filterType: FilterType;
-  filters: BrowseFilterArgs;
-  searching = false;
-  pageSize: number;
-  readonly contains = new FormControl();
-  private readonly _destroy = new Subject<void>();
-  /** browse ctor */
-  constructor(
-    private _pane: PaneRef<BrowsePaneComponent>,
-    private _session: SessionService,
-    private _popup: Popup,
-    private _router: PanesRouter,
-    private _directionality: Directionality,
-    private _translate: TranslateService,
-    private _dialog: MatDialog) {
-  }
-  ngOnInit(): void {
-    this._pane.paramsChange.subscribe(p => {
-      this.folderId = p['id'];
-      if (this.folderId) this._pane.title = this.folder.title;
-    });
-    this._pane.queryParamsChange.subscribe(p => {
-      this.filterType = p['type'];
-      if (this.filterType === 'flagged')
-        this._pane.title = this._translate.get('Flagged');
-      else 
-        if (p['tag'])
-        this._pane.title = this._translate.get('Tags');
-      this.filters = p;
-    });
-    const events = this._router.events.pipe(takeUntil(this._destroy));
-    events.pipe(filter(e => (e instanceof ParamNavigation || e instanceof NavigationStart || e instanceof NavigationSelected)
-      && e.pane.component === ComposePaneComponent)).
-      subscribe((e: NavigationPaneBase) =>
-        this.items.select(e.pane.data.item.id)
-    );
-    this.contains.valueChanges.pipe(takeUntil(this._destroy), debounceTime(200)).subscribe(v => this.filters = { ...this.filters, contains: v });
-  }
-  get folder(): Folder { return this._session.profile.folders.find(f => f.name === this.folderId); }
-
-  openFilter(evt: Event) {
-    //this.filterElement.nativeElement.scrollIntoView({ behavior: 'smooth' });
-    this._popup.open(BrowseFilterComponent, evt.srcElement as HTMLElement, { position: 'end' }).
-      opened.subscribe(e => {
-        e.folderId = this.folderId;
-        e.values = this.filters;
-        e.exclude = ['contains'];
-        e.valuesChange.pipe(takeUntil(this._destroy)).subscribe(v => this.filters = v);
-      });
-  }
-  /**
- * Ctrl-f
- * @param event
- */
-  @HostListener('document:keydown', ['$event'])
-  handleKeydown(event: KeyboardEvent) {
-    if (event.ctrlKey && (event.which === 70 || event.which === 102)) {
-      this.search.nativeElement.focus();
-      event.preventDefault();
-    }
-  }
-  openSearch() {
-    this.searching = !this.searching;
-    this.searching &&
-      this.search.nativeElement.focus();
-  }
-  clearSearch(evt?: Event) {
-    this.contains.setValue(null);
-    if (evt) {
-      evt.stopPropagation();
-      this.searching = false;
-    }
-  }
-  open(item: RecipientModel<any>) {
-    this._router.navigate(['mailbox/i', item.id.encodeId()],
-      {
-        state: {
-          item: { ...item }
-        },
-      });
-  }
-  view(item: RecipientModel<any>) {
-    this._router.navigate(['mailbox/i', item.id.encodeId(), 'views'],
-      {
-        state: {
-          item: { ...item }
-        }
-      })
-  }
-  sendAll(action: string) {
-    const { selected } = this.items.selection;
-    const data: ActionDialogData = {
-      action,
-      items: selected as RecipientModel[]
-    };
-    this._dialog.open(ActionDialog, {
-      data,
-      direction: this._directionality.value,
-      restoreFocus: false
-    }).afterClosed().subscribe(args =>
-      args &&
-      this.items.sendAll(action, args));
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/browse/expanded-item/expanded-item.component.html

@@ -1,38 +0,0 @@
-<div class="summary" *ngIf="model.summary" [innerHTML]="model.summary">
-</div>
-<div>
-  <bizdoc-attachments [model]="model"></bizdoc-attachments>
-  <bizdoc-events [model]="model"></bizdoc-events>
-</div>
-<div class="row">
-  <span class="note" [innerHTML]="note | sanitizeHtml" (click)="chat($event)"></span>
-  <span class="divider"></span>
-  <ng-container *ngFor="let a of actions">
-    <button mat-icon-button (click)="send(a.name)" [bizdocTooltip]="a.title" *ngIf="a.icon" class="tool">
-      <mat-icon>{{a.icon}}</mat-icon>
-    </button>
-  </ng-container>
-</div>
-<div class="row">
-  <div class="mat-small" fxLayout="row">
-    <span>{{model.stateId | state : 'past' }}</span>
-    &nbsp;
-    <span class="time" [bizdocTooltip]="model.received | amCalendar">{{model.received | amTimeAgo}}</span>
-    &nbsp;
-    <span [innerHTML]="sender | sanitizeHtml" (click)="chat($event)" class="who"></span>&nbsp;
-    <span [innerHTML]="awaiting | sanitizeHtml" (click)="chat($event)" class="who"></span>
-  </div>
-  <span class="divider"></span>
-  <div fxLayoutAlign="center center">
-    <span class="mat-small" *ngIf="typing">{{'SomeoneTyping'|translate}}</span>
-    <div *ngIf="model.comments.length" class="mat-small">
-      <span *ngIf="!newComments; else newcomments">{{model.comments.length > 1 ? ('CommentsCount' | translate : model.comments.length) : 'OneComment' | translate }}</span>
-    </div>
-  </div>
-  <div *ngIf="model.tags">
-    <span *ngFor="let tag of model.tags" class="mat-chip mat-standard-chip small-chip">{{tag}}</span>
-  </div>
-</div>
-<ng-template #newcomments>
-  <span [innerHTML]="'NewCommentsCount' | translate : model.comments.length : newComments | sanitizeHtml"></span>
-</ng-template>

package/src/lib/browse/expanded-item/expanded-item.component.scss

@@ -1,35 +0,0 @@
-:host {
-  display: flex;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-  overflow: hidden;
-  padding-right: 24px;
-  padding-left: 24px;
-  text-align: start;
-}
-
-.row {
-  align-items: center;
-  min-height: 27px;
-  flex-direction: row;
-  box-sizing: border-box;
-  display: flex;
-}
-
-::ng-deep .summary {
-  em {
-    /*font-weight: 500;*/
-  }
-}
-
-.note {
-  font-weight: 200;
-}
-
-.time {
-  text-transform: uppercase
-}
-.summary {
-  max-width: fit-content;
-}