@bizdoc/core 1.13.12 → 1.13.16

package/src/lib/browse/browse-items.component.html

@@ -1,171 +0,0 @@
-<mat-progress-bar mode="query" [style.visibility]="loading ? 'visible':'hidden'"></mat-progress-bar>
-<bizdoc-none *ngIf="dataSource?.data.length === 0" title="NoMessages" [subtitle]="!isMobile && folderId === DRAFT ? 'AltN' : null" icon="mail_outline"></bizdoc-none>
-<mat-table cdkDropList class="data-table"
-           [cdkDropListDisabled]="isMobile"
-           [cdkDropListData]="dataSource?.data"
-           cdkDropListConnectedTo="folders"
-           cdkDropListSortingDisabled
-           [dataSource]="dataSource" matSort multiTemplateDataRows (matSortChange)="sortData()"
-           id="browse-table" [@list]="dataSource" [style.display]="dataSource?.data.length ?'':'none'">
-  <ng-container matColumnDef="select">
-    <mat-header-cell *matHeaderCellDef>
-      <div class=""></div>
-      <mat-checkbox (change)="$event ? masterToggle() : null" [aria-label]="'Check'|translate"
-                    [checked]="selection.hasValue() && isAllSelected()"
-                    [indeterminate]="selection.hasValue() && !isAllSelected()">
-      </mat-checkbox>
-    </mat-header-cell>
-    <mat-cell *matCellDef="let item">
-      <mat-checkbox (click)="$event.stopPropagation()" [aria-label]="'Check'|translate"
-                    (change)="$event ? selection.toggle(item) : null"
-                    [checked]="selection.isSelected(item)">
-      </mat-checkbox>
-      <!-- drag -->
-      <!--<button mat-icon-button cdkDragHandle
-              (mousedown)="dragDisabled = false"
-              (mouseup)="dragDisabled = true"
-              (touchstart)="dragDisabled = false"
-              (touchend)="dragDisabled = true"
-              class="drag" aria-disabled="true" fxHide.xs>
-        <mat-icon>drag_indicator</mat-icon>
-      </button>-->
-      <button mat-icon-button (click)="toggleExpanded(item, $event)" [bizdocTooltip]="'Details' | translate" [attr.aria-label]="'Details' | translate" class="tool"><mat-icon>{{item == expandedElement ? 'unfold_less' : 'unfold_more'}}</mat-icon></button>
-    </mat-cell>
-  </ng-container>
-  <!-- Number column -->
-  <ng-container matColumnDef="number">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.number}} </mat-cell>
-  </ng-container>
-
-  <!-- Subject column -->
-  <ng-container matColumnDef="subject">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.subject}} </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="owner">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column">
-      <bizdoc-identity-name *ngIf="item.ownerId" [identity]="item.ownerId" [by]="item.ownerById"></bizdoc-identity-name>
-    </mat-cell>
-  </ng-container>
-  <ng-container matColumnDef="sender">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column">
-      <bizdoc-identity-name *ngIf="item.senderId" [identity]="item.senderId" [by]="item.byId"></bizdoc-identity-name>
-    </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="received">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.received | amCalendar}} </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="receivedAgo">
-    <mat-header-cell *matHeaderCellDef mat-sort-header="received">{{'Received' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column" [bizdocTooltip]="item.received | amCalendar">{{item.received | amTimeAgo}}</mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="replied">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.replied | amCalendar}} </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="issued">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.issued | amCalendar}} </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="issuedAgo">
-    <mat-header-cell *matHeaderCellDef mat-sort-header="issued">{{'Issued' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column" [bizdocTooltip]="item.issued | amCalendar"> {{item.issued | amTimeAgo}} </mat-cell>
-  </ng-container>
-
-  <ng-container matColumnDef="state">
-    <mat-header-cell *matHeaderCellDef mat-sort-header="stateId">{{'Status' | translate }}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column">
-      <bizdoc-status [stateId]="item.stateId"></bizdoc-status>
-    </mat-cell>
-  </ng-container>
-
-  <ng-container *ngIf="customColumns">
-    <ng-container *ngFor="let c of customColumns" [matColumnDef]="c.name">
-      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>
-      <mat-cell *matCellDef="let item" class="data-column">
-        <ng-container [ngSwitch]="c.type">
-          <span *ngSwitchCase="'Date'">
-            {{item.model[c.name] | amCalendar }}
-          </span>
-          <span *ngSwitchCase="'Decimal'">
-            {{item.model[c.name] | number }}
-          </span>
-          <span *ngSwitchCase="'Boolean'">
-            <mat-checkbox [checked]="item.model[c.name]" [disabled]="true"></mat-checkbox>
-          </span>
-          <span *ngSwitchDefault>
-            {{item.model[c.name]}}z
-          </span>
-        </ng-container>
-      </mat-cell>
-    </ng-container>
-  </ng-container>
-
-  <!-- Value column -->
-  <ng-container matColumnDef="value">
-    <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>
-    <mat-cell *matCellDef="let item" class="data-column"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>
-  </ng-container>
-
-  <!-- options column -->
-  <ng-container matColumnDef="options">
-    <mat-header-cell *matHeaderCellDef></mat-header-cell>
-    <mat-cell *matCellDef="let item">
-      <button mat-icon-button (click)="flag(item, $event)" [bizdocTooltip]="'Flagged'| translate" [attr.aria-label]="'ToggleFlagged' | translate" class="tool"><mat-icon [class.document-flag]="item.flag">{{item.flag ? 'star' : 'star_border'}}</mat-icon></button>
-      <button mat-icon-button (click)="view(item, $event)" [bizdocTooltip]="'View' | translate" [attr.aria-label]="'View' | translate" class="tool" *ngIf="enableAnalysis"><mat-icon>data_usage</mat-icon></button>
-      <button mat-icon-button (click)="$event.stopPropagation()" [matMenuTriggerFor]="menu" fxHide.xs [matMenuTriggerData]="{item: item}" [bizdocTooltip]="'Options' | translate" [attr.aria-label]="'Options' | translate" class="tool"><mat-icon>more_vert</mat-icon></button>
-    </mat-cell>
-  </ng-container>
-  <!-- Expanded Content Column -->
-  <ng-container matColumnDef="expandedDetail">
-    <mat-cell *matCellDef="let item" [attr.colspan]="displayedColumns.length" [@updated]="item == updatedElement"
-              [class.read-row]="item.read">
-      <div [@detailExpand]="item == expandedElement ? 'expanded' : 'collapsed'" style="width: 100%">
-        <bizdoc-expanded-item [model]="item" *ngIf="item == expandedElement"></bizdoc-expanded-item>
-      </div>
-    </mat-cell>
-  </ng-container>
-  <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
-  <mat-row @item [@updated]="item == updatedElement"
-           *matRowDef="let item; let dataIndex = dataIndex; columns: displayedColumns;" class="element-row"
-           cdkDrag [cdkDragData]="item"
-           [cdkDragDisabled]="dragDisabled"
-           (cdkDragReleased)="dragDisabled = true"
-           [ngClass]="{'selecteded-row': selectedElement === item,
-      'expanded-row': expandedElement === item,
-           'odd-row': dataIndex % 2,
-      'read-row': item.read}" matRipple
-           (click)="open(item, $event)">
-    <div *cdkDragPreview>
-      <button mat-icon-button aria-disabled="true"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>
-    </div>
-    <div *cdkDragPlaceholder>
-      <!-- none -->
-    </div>
-  </mat-row>
-  <mat-row *matRowDef="let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']"
-           class="detail-row" matRipple
-           [ngClass]="{ 'selecteded-row': selectedElement === item,
-           'odd-row': dataIndex % 2
-           }"></mat-row>
-</mat-table>
-<mat-paginator #paginator [hidePageSize]="true" [pageSize]="PAGE_SIZE" [style.display]="!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'"></mat-paginator>
-<mat-menu #menu="matMenu">
-  <ng-template matMenuContent let-item="item">
-    <button mat-menu-item (click)="open(item, $event)">{{'Open'|translate}}</button>
-    <mat-divider></mat-divider>
-    <button mat-menu-item (click)="toggleRead(item)">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>
-    <mat-divider></mat-divider>
-    <button mat-menu-item (click)="copy(item)">{{'Copy'| translate}}</button>
-  </ng-template>
-</mat-menu>

package/src/lib/browse/browse-items.component.scss

@@ -1,52 +0,0 @@
-#browse-table {
-  width: 100%;
-
-  .detail-row {
-    min-height: 0;
-  }
-
-  .element-row {
-    cursor: pointer;
-
-    .drag {
-      cursor: move
-    }
-  }
-
-  .read-row {
-    font-weight: 100
-  }
-}
-
-
-@media screen and (min-width: 600px) {
-  .mat-row .tool {
-    opacity: .05
-  }
-
-  .mat-row:hover .tool {
-    opacity: 1
-  }
-}
-
-.element-row.cdk-drag-preview {
-}
-
-::ng-deep .mat-column-options {
-  /*text-align: end;*/
-  justify-content: end;
-  padding-inline-end: 8px;
-}
-
-::ng-deep .mat-column-value {
-  /*text-align: right;*/
-  justify-content: right;
-}
-
-::ng-deep .mat-column-select {
-  white-space: nowrap;
-}
-
-::ng-deep .mat-column-number {
-  white-space: nowrap;
-}

package/src/lib/browse/browse-items.component.ts

@@ -1,455 +0,0 @@
-import { EventEmitter, Component, OnInit, OnDestroy, ViewChild, ChangeDetectorRef, OnChanges, SimpleChanges, Output, Input, Inject } from '@angular/core';
-import { MatTableDataSource } from '@angular/material/table';
-import { HttpErrorResponse } from '@angular/common/http';
-import { MatSort, SortDirection } from '@angular/material/sort';
-import { SelectionModel } from '@angular/cdk/collections';
-import { MatPaginator } from '@angular/material/paginator';
-import { Observable, forkJoin, of, Subject, debounceTime } from 'rxjs';
-import { takeUntil, tap, shareReplay, finalize, map, first } from 'rxjs/operators';
-import { Folder, HeaderModel, RecipientModel, Action, FolderColumn, DRAFT } from '../core/models';
-import { isMobile, queryParams } from '../core/functions';
-import { expandListItemAnimation, itemAnimation, listAnimation, listItemUpdatedAnimation } from '../core/animations';
-import { FilterType, ItemExtra, MailboxService } from '../core/mailbox.service';
-import { SessionService } from '../core/session.service';
-import { TranslateService } from '../core/translate.service';
-import { HubService } from '../core/hub.service';
-import { CubeService } from '../cube/cube.service';
-import { PromptService } from '../core/prompt.service';
-import { BrowseFilterArgs } from './filter/filter.component';
-import { RouterImpl } from '../core/router';
-import { BizDocConfig, BIZDOC_CONFIG, OpenPolicy } from '../core/configuration';
-import { AccountService } from '../core/account.service';
-
-export const TAKE = 200, SIZE = 20, HEADER_COLUMN_NAMES = ['number', 'subject', 'value', 'owner', 'sender', 'received', 'receivedAgo', 'replied', 'state', 'issued', 'issuedAgo'];
-@Component({
-  selector: 'bizdoc-browse-items',
-  templateUrl: './browse-items.component.html',
-  styleUrls: ['./browse-items.component.scss'],
-  animations: [
-    listAnimation,
-    itemAnimation,
-    expandListItemAnimation,
-    listItemUpdatedAnimation
-  ],
-  host: {
-    class: 'bizdoc-browse-items'
-  }
-})
-/** browse items component*/
-export class BrowseItemsComponent implements OnInit, OnChanges, OnDestroy {
-  @Output('open') readonly onopen = new EventEmitter<RecipientModel>();
-  @Output('view') readonly onview = new EventEmitter<RecipientModel>();
-  @Input() folderId: string = null;
-  @Input() filterType: FilterType = null;
-  @Input() filters: BrowseFilterArgs;
-
-  @ViewChild(MatSort, { static: true }) sort: MatSort;
-  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
-  dataSource: MatTableDataSource<HeaderModel>;
-  displayedColumns: string[];
-  customColumns?: FolderColumn[];
-  expandedElement?: HeaderModel;
-  updatedElement?: HeaderModel;
-  selectedElement?: HeaderModel;
-  sharedActions: Action[] = [];
-  dragDisabled = true;
-  readonly PAGE_SIZE = SIZE;
-  readonly DRAFT = DRAFT;
-  readonly currencyFormat = this._cube.digitsInfo;
-  readonly isMobile = isMobile();
-  readonly selection = new SelectionModel<HeaderModel>(true, []);
-  loading: boolean;
-  private _pendingItems: { [id: string]: Observable<RecipientModel<any>>; } = {};
-  private readonly _destroy = new Subject<void>();
-  private readonly _loading$ = new Subject<boolean>();
-  enableAnalysis: boolean;
-  /** browse ctor */
-  constructor(
-    private _mailbox: MailboxService,
-    private _accounts: AccountService,
-    private _cube: CubeService,
-    private _session: SessionService,
-    private _sb: PromptService,
-    private _translate: TranslateService,
-    private _cd: ChangeDetectorRef,
-    private _router: RouterImpl,
-    private _messaging: HubService,
-    @Inject(BIZDOC_CONFIG) private _config: BizDocConfig) {
-    this.enableAnalysis = _session.profile.views.length > 0;
-  }
-  ngOnInit(): void {
-    this.selection.changed.pipe(takeUntil(this._destroy)).subscribe(() => this._sharedActions());
-    this._mailbox.changed.pipe(takeUntil(this._destroy)).subscribe(m => {
-      if (!this.dataSource)
-        return;
-      const item = this.dataSource.data.find(c => c.id === m.id);
-      if (item) {
-        const extra = item as ItemExtra;
-        if (!extra.working) {
-          if (m.folderId && m.folderId !== this.folderId)
-            this._remove(item);
-          else {
-            this._assign(item, m);
-            this._cd.markForCheck();
-          }
-        }
-      }
-      else m.model &&
-        this._add(m);
-    });
-    this._mailbox.deleted.pipe(takeUntil(this._destroy)).subscribe(id => {
-      if (!this.dataSource)
-        return;
-      const item = this.dataSource.data.find(c => c.id === id);
-      item &&
-        this._remove(item);
-    });
-    this._messaging.new$.pipe(takeUntil(this._destroy)).subscribe(m => {
-      if (!this.dataSource || m.userId !== this._session.profile.userId)
-        return;
-      const item = this.dataSource.data.find(c => c.id === m.model.id);
-      if (!item && this.folderId === m.model.folderId) {
-        this._pendingItems[m.model.id] = of(m.model as RecipientModel);
-        this._add(m.model);
-      }
-    });
-    this._messaging.update$.pipe(takeUntil(this._destroy)).subscribe(m => {
-      if (!this.dataSource)
-        return;
-      const item = this.dataSource.data.find(c => c.id === m.model.id);
-      if (item) {
-        if (item.folderId === m.model.folderId) {
-          this._assign(item, m.model);
-          this._pendingItems[m.model.id] = of(item as RecipientModel);
-          this.updatedElement = item;
-        }
-        else
-          this._remove(item);
-      }
-    });
-    this._messaging.delete$.pipe(takeUntil(this._destroy)).subscribe(m => {
-      const item = this.dataSource.data.find(c => c.id === m.id);
-      item && this._remove(item);
-    });
-    this._messaging.comment$.pipe(takeUntil(this._destroy)).subscribe(c => {
-      const item = this.dataSource.data.find(i => i.id === c.id);
-      if (item && (item as RecipientModel).comments)
-        (item as RecipientModel<any>).comments.push(c.model);
-    });
-    this._messaging.vote$.pipe(takeUntil(this._destroy)).subscribe(v => {
-      const item = this.dataSource.data.find(c => c.id === v.id);
-      if (item && (item as RecipientModel).comments) {
-        const comment = (item as RecipientModel<any>).comments.find(c => c.id === v.commentId);
-        comment.votes = v.votes;
-      }
-    });
-    this._session.loaded.pipe(takeUntil(this._destroy)).
-      subscribe(() => this.refresh());
-    this._loading$.pipe(takeUntil(this._destroy),
-      debounceTime(100)).
-      subscribe(e => this.loading = e);
-  }
-  ngOnChanges(_: SimpleChanges): void {
-    this.displayedColumns = this._columns();
-    this.refresh();
-  }
-  private _assign(model1: HeaderModel, model2: HeaderModel) {
-    Object.assign(model1, model2, {
-      model: Object.deepAssign(model1.model, model1.model)
-    });
-  }
-  get folder(): Folder {
-    return this.folderId ?
-      this._session.profile.folders.
-        find(f => f.name === this.folderId) : null;
-  }
-  //drop(evt: CdkDragDrop<string, string>) {
-  //  (evt.previousContainer.id === 'tags') &&
-  //    this.tag(evt.currentIndex, evt.item.data);
-  //}
-  dragStarted(event: any) {
-  }
-  toggleRead(item: RecipientModel) {
-    this._mailbox.read(item.id, !item.read, item.folderId, item.received).
-      subscribe(() => item.read = !item.read)
-  }
-  select(id: number) {
-    if (this.dataSource) {
-      if (this.selectedElement && this.selectedElement.id === id) return;
-      this.selectedElement = this.dataSource.data.find(i => i.id === id);
-    }
-  }
-  tag(currentIndex: number, tag: string) {
-    const data = this.dataSource.sortData(this.dataSource.data, this.sort),
-      mail = data[this.dataSource.paginator.pageIndex * this.dataSource.paginator.pageSize + currentIndex];
-    this._retrieve(mail).subscribe(item => {
-      if (item.tags && item.tags.indexOf(tag) > -1) return;
-      this._mailbox.tags(mail.id, item.tags).subscribe(() => {
-        if (!item.tags) item.tags = [tag];
-        else item.tags.push(tag)
-      });
-    });
-  }
-  open(item: RecipientModel<any>, evt: Event) {
-    this._retrieve(item).subscribe(() =>
-      this.onopen.next(item), () => this._sb.error());
-  }
-  view(item: RecipientModel<any>, evt: Event) {
-    evt.stopPropagation();
-    this._retrieve(item).subscribe(() =>
-      this.onview.next(item), () => this._sb.error());
-  }
-  refresh() {
-    this._pendingItems = {};
-    this._loading$.next(true);
-    return this._mailbox.findAll({ ...this.filters, folderId: this.folderId, type: this.filterType }, { take: TAKE }).
-      pipe(finalize(() =>
-        this._loading$.next(false)
-      )).
-      subscribe(r => {
-        this.selection.clear();
-        this.dataSource = new MatTableDataSource(r);
-        this.sort.active = this.sorting;
-        this.sort.start = this.direction as any;
-        this.dataSource.sort = this.sort;
-        this.dataSource.paginator = this.paginator;
-        this.paginator.pageIndex > 0 && this.paginator.firstPage();
-      }, () =>
-        this._sb.error()
-      );
-  }
-  private _group(data: HeaderModel[]) {
-    const groups = {};
-    data.forEach(i => {
-      if (!groups[i.documentId])
-        groups[i.documentId] = [i];
-      else (groups[i.documentId] as HeaderModel[]).push(i);
-    });
-
-  }
-  isGroup(_, item) {
-  }
-  sortData() {
-    this.sorting = this.sort.active;
-    this.direction = this.sort.direction;
-  }
-  isAllDraft(): boolean {
-    return this.selection.selected.length && this.selection.selected.every(m => m.draft);
-  }
-  isAllSelected() {
-    const numSelected = this.selection.selected.length;
-    const numRows = this.dataSource.data.length;
-    return numSelected === numRows;
-  }
-  masterToggle() {
-    this.isAllSelected() ?
-      this.selection.clear() :
-      this.selection.select(...this.dataSource.data);
-  }
-  flag(item: HeaderModel, evt: Event) {
-    const extra = item as ItemExtra;
-    extra.working = true;
-    this._mailbox.flag(item.id, !item.flag).subscribe(() => {
-      item.flag = !item.flag;
-      extra.working = false;
-    }, () => extra.working = false);
-    evt.stopPropagation();
-  }
-  get sorting(): string {
-    return localStorage.getItem('sorting');
-  }
-  set sorting(value: string) {
-    localStorage.setItem('sorting', value);
-  }
-  get direction(): SortDirection {
-    return localStorage.getItem('direction') as SortDirection || 'desc';
-  }
-  set direction(value: SortDirection) {
-    localStorage.setItem('direction', value);
-  }
-  submitAll() {
-    this._forEach(i => this._mailbox.submit(i.id, i.version, i.formId).pipe(tap(() => this.dataSource.data.remove(i))), 'SubmitErr').
-      subscribe(is => is.length > 1 ? this._sb.toast(
-        'SubmittedMany', is.length) :
-        this._sb.toast('Submitted', is[0].number));
-  }
-  discardAll() {
-    this._sb.ask('DiscardAsk', 'Discard', {
-      color: 'warn',
-      ok: 'Discard'
-    }).subscribe(ok => ok &&
-      this._forEach(i => this._mailbox.delete(i.id).pipe(tap(() => this.dataSource.data.remove(i))), 'Err').subscribe());
-  }
-  toggleExpanded(item: HeaderModel, event: Event) {
-    if (this.expandedElement != item) {
-      this._retrieve(item).subscribe(() => {
-        //playAudio('navigation_hover-tap');
-        this.expandedElement = item;
-      }, () => this._sb.error());
-    }
-    else
-      this.expandedElement = null;
-    event.stopPropagation();
-  }
-  /**
-   * get full mesage body either from cache or network
-   * @param item
-   */
-  private _retrieve(item: HeaderModel): Observable<RecipientModel<any>> {
-    if (this._pendingItems[item.id])
-      return this._pendingItems[item.id];
-    else {
-      (item as ItemExtra).loading = true;
-      this._loading$.next(true);
-      return this._pendingItems[item.id] =
-        this._mailbox.get(item.id, item.read).pipe(first(), map(m => Object.assign(item, m)),
-          finalize(() => {
-            (item as ItemExtra).loading = false;
-            this._loading$.next(false);
-          }), shareReplay());
-    }
-  }
-  private _sharedActions() {
-    if (this.selection.hasValue() && !this.isAllDraft()) {
-      this.sharedActions = [];
-      forkJoin(this.selection.selected.map(i => this._retrieve(i))).subscribe((m: RecipientModel<any>[]) => {
-        if (!m[0].actions)
-          return;
-        const actions = m[0].actions.slice();
-        for (let i = 1; i < m.length; i++) {
-          const item = m[i];
-          if (!item.actions)
-            return;
-          for (let j = 0; j < actions.length; j++) {
-            if (item.actions.indexOf(actions[j]) === -1)
-              actions.splice(j, 1);
-          }
-        }
-        this.sharedActions = this._session.profile.actions.filter(a => actions.indexOf(a.name) > -1 && (this.selection.selected.length === 1 || a.multiple !== false));
-      }, undefined);
-    }
-    else
-      this.sharedActions = [];
-  }
-  copy(item: RecipientModel) {
-    this._mailbox.copy(item.documentId).subscribe(i => {
-      this._sb.toast('Copied', i.number || formTitle(item.formId));
-      this._router.navigate(['mailbox/i', i.id.encodeId()], {
-        state: { item: i },
-        policy: OpenPolicy.Clear
-      });
-    }, () => this._sb.error());
-    function formTitle(name) {
-      const form = this._session.profile.forms.find(f => f.name === name);
-      return form.title;
-    }
-  }
-  /**
- * execute function per selected item
- * @param fn
- * @param error
- */
-  private _forEach(fn: (item: HeaderModel) => Observable<any>, error: string): Observable<RecipientModel[]> {
-    const items = this.selection.selected.slice();
-    const errors = new Subject<string>();
-    errors.pipe().subscribe(m => this._sb.errorString(m));
-    const promises = items.map(m => fn(m).pipe(tap(() => {
-    }, (e: HttpErrorResponse) => {
-      let message: string;
-      switch (e.status) {
-        case 404:
-          message = this._translate.get('Err');
-          break;
-        case 406:
-          message = e.error;
-          break;
-        case 409:
-          message = this._translate.get('VersionErr', m.number);
-          Object.assign(m, e.error);
-          break;
-        default:
-          message = this._translate.get(error);
-      }
-      errors.next(message);
-    }), finalize(() => (m as ItemExtra).working = false)));
-    return forkJoin(promises).pipe(tap(() => {
-      errors.unsubscribe();
-      this.selection.clear();
-      this.dataSource.filter = '';
-    }), map(() => items as any));
-  }
-  private _add(m: RecipientModel<any>) {
-    this.dataSource.data.splice(0, 0, m);
-    this.dataSource.filter = '';
-  }
-
-  private _remove(item: HeaderModel) {
-    this.selection.deselect(item);
-    this.dataSource.data.remove(item);
-    this.dataSource.filter = '';
-    this._cd.markForCheck();
-  }
-
-  private _columns(): string[] {
-    const columns = ['select'];
-    if (this.folder && this.folder.columns)
-      this._appendcolumns(this.folder.columns, columns);
-    else if (!this.folder) {
-      const folder = this._session.profile.folders.find(f => f.name === 'fav');
-      if (folder && folder.columns)
-        this._appendcolumns(folder.columns, columns);
-    }
-    else if (this._config.folders && this._config.folders.columns)
-      this._appendcolumns(this._config.folders.columns, columns);
-    else {
-      columns.push('number');
-      if (!this.isMobile) {
-        columns.push('subject');
-      }
-      columns.push('value');
-    }
-    columns.push('options');
-    return columns;
-  }
-
-  private _appendcolumns(source: FolderColumn[], columns: string[]) {
-    this.customColumns = [];
-    source.forEach(c => {
-      if (HEADER_COLUMN_NAMES.indexOf(c.name) > -1)
-        columns.push(c.name);
-      else
-        this.customColumns.push(c);
-    });
-  }
-
-  sendAll(action: string, args: any) {
-    const params = queryParams(args);
-    this._forEach(i =>
-      this._mailbox.send(i.id, i.version, i.formId, null, action, params, i.read, i.folderId, i.received).
-        pipe(tap(() => {
-          if (i.folderId !== this.folderId) this.dataSource.data.remove(i)
-        })), 'SendErr').
-      subscribe(e => {
-        if (e.length > 1) this._sb.toast('SentMany', e.length.toString(),
-          this._actionAdjective(action, true));
-        else {
-          const origin = e[0].recipients.filter(r => r.originId === e[0].id);
-          if (origin.length)
-            this._accounts.getAll(origin.map(r => r.userId)).subscribe(u =>
-              this._sb.toast('SentTo', e[0].number,
-                this._actionAdjective(action), this._translate.join(u.map(u => u.name))));
-          else
-            this._sb.toast('Sent', e[0].number,
-              this._actionAdjective(action))
-        }
-      });
-  }
-  private _actionAdjective(name: string, plural?: boolean): string {
-    const action = this._session.profile.actions.find(a => a.name === name);
-    return ((plural ? (action.adjectivePlural || action.adjective) : action.adjective) || action.title).toLowerCase();
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}