@bizdoc/core 1.14.9 → 1.14.12

package/src/lib/compose/comments/comments.component.scss

@@ -1,33 +0,0 @@
-:host {
-  display: flex;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-  height: 100%;
-}
-
-.comments-thread {
-  flex: 1 1 auto;
-  overflow: auto;
-  padding: 8px 8px 0 8px;
-}
-
-.comment-deleted {
-  align-self: center;
-  font-variant: all-small-caps;
-}
-
-.comments-typing, .comments-reply {
-  font-size: 12px;
-  padding: 0 8px;
-}
-
-.comments-reply {
-  .modification {
-      font-size:medium
-  }
-}
-
-.modification {
-  font-variant: all-small-caps;
-}

package/src/lib/compose/comments/comments.component.ts

@@ -1,220 +0,0 @@
-import { Component, Input, OnInit, OnDestroy, Output, EventEmitter, OnChanges, ViewChild, ElementRef, AfterViewInit, Inject, SimpleChanges } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil, debounceTime, filter } from 'rxjs/operators';
-import { BizDocConfig, BIZDOC_CONFIG } from '../../core/configuration';
-import { DocumentModel, Comment, UserInfo } from '../../core/models';
-import { MailboxService } from '../../core/mailbox.service';
-import { HubService } from '../../core/hub.service';
-import { AccountService } from '../../core/account.service';
-import { PromptService } from '../../core/prompt.service';
-import { SessionService } from '../../core/session.service';
-import { TranslateService } from '../../core/translate.service';
-import { ChatInfo } from '../../chat/chat-info';
-import { EditInputComponent, EditTextEvent } from '../../core/tagging/edit-input.component';
-
-export const TYPING_NOTIFY = 500, TYPING_MESSAGE_TIME = 1500;
-
-@Component({
-  selector: 'bizdoc-comments',
-  templateUrl: './comments.component.html',
-  styleUrls: ['./comments.component.scss'],
-  host: {
-    class: 'comments'
-  }
-})
-/** comments component*/
-export class CommentsComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
-  @Input() model!: DocumentModel<any>;
-  @Output() readonly change = new EventEmitter();
-  sending = false;
-  @ViewChild('thread', { read: ElementRef, static: true }) threadElement: ElementRef;
-  @ViewChild(EditInputComponent, { static: true }) input: EditInputComponent;
-  typing?: string;
-  showDeleted = false;
-  replyName: string;
-  private _replyTo: Comment;
-  private _inFocus = false;
-  private _top = false;
-  private _typingTask: NodeJS.Timeout;
-  readonly _textChange = new Subject<void>();
-  private _preserveDraft: boolean;
-  private readonly _destroy = new Subject<void>();
-  /** comments ctor */
-  constructor(private _accounts: AccountService,
-    private _session: SessionService,
-    private _sb: PromptService,
-    private _translate: TranslateService,
-    private _chat: ChatInfo,
-    private _mailbox: MailboxService,
-    private _messaging: HubService,
-    @Inject(BIZDOC_CONFIG) private _config: BizDocConfig) {
-    this._preserveDraft = _config.comments && _config.comments.preserveDraft;
-  }
-  ngOnInit(): void {
-    this._messaging.comment$.pipe(takeUntil(this._destroy), filter(e => (e.id === this.model.documentId))).subscribe(e => {
-      if (!this.model.comments.find(c => c.id === e.model.id)) {
-        this.model.comments.push(e.model);
-        if (this._inFocus)
-          this._viewed();
-        this.change.emit();
-      }
-    });
-    this._messaging.commentTyping$.pipe(takeUntil(this._destroy), filter(e => e.id === this.model.documentId)).
-      subscribe(e => {
-        this._accounts.get(e.userId).subscribe(u => {
-          this.typing = u.name;
-          clearTimeout(this._typingTask);
-          this._typingTask = setTimeout(() => this.typing = null, TYPING_MESSAGE_TIME);
-        })
-      });
-    this._messaging.vote$.pipe(takeUntil(this._destroy), filter(e => e.id === this.model.documentId)).subscribe(e => {
-      const comment = this.model.comments.find(c => c.id === e.commentId);
-      comment && (comment.votes = e.votes);
-    });
-    this._messaging.commentUpdate$.pipe(takeUntil(this._destroy), filter(e => e.id === this.model.documentId)).subscribe(e => {
-      const comment = this.model.comments.find(c => c.id === e.model.id);
-      Object.assign(comment, e.model);
-    });
-    this._messaging.commentDelete$.pipe(takeUntil(this._destroy), filter(e => e.id === this.model.documentId)).subscribe(e => {
-      const comment = this.model.comments.find(c => c.id === e.id);
-      comment.deleted = true;
-      this.change.emit();
-    });
-    this._textChange.pipe(debounceTime(TYPING_NOTIFY), takeUntil(this._destroy)).subscribe(() =>
-      this._mailbox.typing(this.model.documentId));
-  }
-  private _formatUserElement(person: UserInfo) {
-    if (this._config.chating !== false)
-      return this._chat.format(person);
-    else
-      return person.nick || person.name;
-  }
-  /**
-   * Chat
-   * @param e
-   */
-  chat(e: MouseEvent) {
-    const userId = (e.srcElement as HTMLElement).getAttribute('data-info');
-    userId &&
-      this._chat.open(userId);
-  }
-  ngOnChanges(changes: SimpleChanges) {
-    const change = changes['model'];
-    if (this._preserveDraft) {
-      !change.firstChange && this._persist((change.previousValue as DocumentModel).documentId.toString());
-
-      const text = localStorage.getItem(this.model.documentId.toString());
-      if (text) this.input.text = text;
-    }
-    this._scrollToBottom();
-  }
-  get unreadComments(): number {
-    if (!this.model.viewed) return this.model.comments.length;
-    const me = this._session.userId;
-    let n = 0;
-    for (let i = this.model.comments.length; i > 0; i--) {
-      let comment = this.model.comments[i - 1];
-      if ((comment.byId || comment.userId) === me) break;
-      if (!comment.deleted && comment.time > this.model.viewed)
-        n++;
-    }
-
-    return n;
-  }
-  deleted(item: Comment) {
-  }
-  reply(item: Comment) {
-    this._replyTo = item;
-    this._accounts.get(item.byId || item.userId).
-      subscribe(u =>
-        this.replyName = this._translate.get('ReplyTo', this._formatUserElement(u)));
-    this.input.focus();
-  }
-  clearReply() {
-    this._replyTo = null;
-    this.replyName = null;
-  }
-  trackBy = (_, item: Comment) => item.id;
-  ngAfterViewInit() {
-    const { comments } = this.model;
-    if (!comments.length)
-      this.focus();
-    else {
-      const comment = comments[comments.length - 1];
-      if ((comment.byId || comment.userId) === this._session.userId)
-        this.focus();
-    }
-    this._scrollToBottom();
-  }
-  public focus() {
-    this.input.focus();
-  }
-  onScroll(evt: Event) {
-    if ((evt.target as HTMLDivElement).scrollTop === 0 && this.model.comments.length && !this._top) {
-      const time = this.model.comments.sort((c0, c1) => c0.time > c1.time ? 1 : -1)[0].time;
-      this._mailbox.comments(this.model.documentId, time).subscribe(cs => {
-        if (cs.length === 0)
-          this._top = true;
-        else {
-          this.model.comments = cs.reverse().concat(this.model.comments)
-          setTimeout(() => this._scrollToBottom());
-        }
-      });
-    }
-  }
-  private _scrollToBottom(): void {
-    try {
-      this.threadElement.nativeElement.scrollTop = this.threadElement.nativeElement.scrollHeight;
-    } catch (e) {
-      console.error(e)
-    }
-  }
-  onFocus() {
-    this._inFocus = true;
-    this._viewed();
-  }
-  onBlur() {
-    this._inFocus = false;
-  }
-  private _viewed() {
-    const { viewed, comments, documentId } = this.model;
-    comments.length && (!viewed || comments.findIndex(c => c.time > viewed) > -1) &&
-      this._mailbox.viewedcomments(documentId).subscribe(e => {
-        this.model.viewed = e.time;
-        this.change.emit();
-      });
-  }
-  post(evt: EditTextEvent) {
-    this.sending = true;
-    const options = { ...evt } as {
-      text?: string,
-      resource?: { [key: string]: any },
-      image?: string,
-      parentId?: number
-    };
-    if (this._replyTo)
-      options.parentId = this._replyTo.id;
-    this._mailbox.comment(this.model.documentId, options).subscribe(c => {
-      this.model.comments.push(c);
-      this.input.clear();
-      this.model.viewed = c.time;
-      this.change.emit();
-      setTimeout(() => this._scrollToBottom());
-      this.sending = false;
-    }, () => {
-      this._sb.error();
-      this.sending = false;
-    });
-  }
-  ngOnDestroy(): void {
-    if (this._typingTask) clearTimeout(this._typingTask);
-    this._destroy.next();
-    this._destroy.complete();
-
-    this._preserveDraft && this._persist(this.model.documentId.toString());
-  }
-  private _persist(id: string) {
-    this.input.text && this.input.text.length &&
-      window.localStorage.setItem(id, this.input.text);
-  }
-}

package/src/lib/compose/comments/comments.pane.component.ts

@@ -1,41 +0,0 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
-import { DocumentModel } from '../../core/models';
-import { PaneRef } from '../../core/slots/pane-ref';
-import { TranslateService } from '../../core/translate.service';
-import { CommentsComponent } from './comments.component';
-
-@Component({
-  template: `<bizdoc-comments [model]=model></bizdoc-comments>`,
-  styles: [
-    `:host{
-  min-width: 320px;
-}`  ],
-  host: {
-    class: 'pane'
-  } 
-}) export
-  class CommentsPaneComponent implements OnInit, OnDestroy {
-  model: DocumentModel<any>;
-  @ViewChild(CommentsComponent, { static: true })
-  private _comments: CommentsComponent;
-  public get comments(): CommentsComponent {
-    return this._comments;
-  }
-  private readonly _destroy = new Subject<void>();
-  constructor(translate: TranslateService, private _pane: PaneRef<CommentsPaneComponent>) {
-    _pane.title = translate.get('Comments');
-    _pane.dataChange.subscribe(d => {
-      this.model = d['item'];
-      this._pane.group = `#${this.model.number}`;
-    });
-  }
-  ngOnInit(): void { 
-      this._comments.change.pipe(takeUntil(this._destroy)).
-        subscribe(() => this._pane.badge = this._comments.unreadComments);
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/compose/comments/edit-comment.component.html

@@ -1,3 +0,0 @@
-<bizdoc-edit-text (ok)="ok($event)"
-                  [resource]="data.resource" [text]="data.text" [image]="data.image"
-                  [disabled]="sending" autofocus></bizdoc-edit-text>

package/src/lib/compose/comments/edit-comment.component.ts

@@ -1,35 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { PromptService } from '../../core/prompt.service';
-import { MailboxService } from '../../core/mailbox.service';
-import { POPUP_DATA } from '../../core/popup/popup.component';
-import { PopupRef } from "../../core/popup/popup-ref";
-import { EditTextEvent } from '../../core/tagging/edit-input.component';
- 
-@Component({
-  selector: 'bizdoc-edit-comment',
-  templateUrl: './edit-comment.component.html',
-})
-export class EditCommentComponent {
-  sending: boolean;
-  constructor(
-    private _popupRef: PopupRef<EditCommentComponent>,
-    @Inject(POPUP_DATA) public data: CommentData,
-    private _sb: PromptService,
-    private _mailbox: MailboxService) {
-  }
-  ok(evt: EditTextEvent) {
-    this.sending = true;
-    this._mailbox.commentupdate(this.data.documentId, this.data.id, evt).subscribe(c =>
-      this._popupRef.close(c), () => {
-        this.sending = false;
-        this._sb.error();
-      });
-  }
-}
-export interface CommentData {
-  documentId: any;
-  id: number;
-  image?: string;
-  text?: string;
-  resource?: { [key: string]: any };
-}

package/src/lib/compose/comments/edits.component.html

@@ -1,7 +0,0 @@
-<span class="mat-title">{{'History' | translate}}</span>
-
-<div *ngFor="let v of versions | async" class="comment">
-  <p [innerHTML]="v.text|taggingHtml:resource"></p>
-  <bizdoc-identity-name class="mat-body" [identity]="v.userId" [by]="v.byId" *ngIf="v.byId || byId"></bizdoc-identity-name>
-  <small>{{v.time | amCalendar}}</small>
-</div>

package/src/lib/compose/comments/edits.component.ts

@@ -1,33 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { CommentVersion } from '../../core/models';
-import { POPUP_DATA } from '../../core/popup/popup.component';
-import { MailboxService } from '../../core/mailbox.service';
-
-@Component({
-  selector: 'bizdoc-comment-edits',
-  templateUrl: './edits.component.html',
-  styles: [':host { padding: 8px }']
-})
-export class CommentEditsComponent implements OnInit {
-  versions: Observable<CommentVersion[]>;
-  byId: string;
-    resource: { [key: string]: any; };
-  constructor(
-    @Inject(POPUP_DATA) private _data: CommentVersionData,
-    private _mailbox: MailboxService
-  ) {
-    this.byId = _data.byId;
-    this.resource = _data.resource;
-  }
-  ngOnInit(): void {
-    this.versions = this._mailbox.edits(this._data.documentId, this._data.id);
-  }
-}
-
-export interface CommentVersionData {
-  id: number;
-  byId: string;
-  documentId: number;
-  resource: {[key:string]: any }
-}

package/src/lib/compose/comments/quick-comment.component.exp.ts

@@ -1,60 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { Component, Inject, OnInit } from '@angular/core';
-import { filter, takeUntil } from 'rxjs';
-import { debounceTime, Subject } from 'rxjs';
-import { AccountService } from '../../core/account.service';
-import { HubService } from '../../core/hub.service';
-import { DOCUMENT_MODEL, MailboxService } from '../../core/mailbox.service';
-import { DocumentModel } from '../../core/models';
-import { PromptService } from '../../core/prompt.service';
-import { EditTextEvent } from '../../core/tagging/edit-input.component';
-import { TYPING_MESSAGE_TIME, TYPING_NOTIFY } from './comments.component';
-
-@Component({
-  selector: 'bizdoc-quick-comment',
-  templateUrl: './quick-comment.component.html',
-  styleUrls: ['./quick-comment.component.scss']
-})
-export class QuickCommentComponent implements OnInit, OnDestroy {
-  sending: boolean;
-  typing?: string;
-  private _typingTask: NodeJS.Timeout;
-  readonly _textChange = new Subject<void>();
-  private readonly _destroy = new Subject<void>();
-  constructor(
-    @Inject(DOCUMENT_MODEL) public model: DocumentModel<any>,
-    private _accounts: AccountService,
-    private _mailbox: MailboxService,
-    private _messaging: HubService,
-    private _sb: PromptService
-  ) { }
-  ngOnInit(): void {
-    this._textChange.pipe(debounceTime(TYPING_NOTIFY), takeUntil(this._destroy)).subscribe(() =>
-      this._mailbox.typing(this.model.documentId));
-    this._messaging.commentTyping$.pipe(takeUntil(this._destroy), filter(e => e.id === this.model.documentId)).
-      subscribe(e => {
-        this._accounts.get(e.userId).subscribe(u => {
-          this.typing = u.name;
-          clearTimeout(this._typingTask);
-          this._typingTask = setTimeout(() => this.typing = null, TYPING_MESSAGE_TIME);
-        })
-      });
-  }
-  post(evt: EditTextEvent) {
-    const { text, resource } = evt;
-    this.sending = true;
-    this._mailbox.comment(this.model.documentId, { text, resource }).
-      subscribe(c => {
-        this.model.comments.push(c);
-        this.sending = false;
-      }, () => {
-        this._sb.error()
-        this.sending = false;
-      })
-  }
-  ngOnDestroy(): void {
-    if (this._typingTask) clearTimeout(this._typingTask);
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/compose/comments/quick-comment.component.html

@@ -1,5 +0,0 @@
-<div class="comments-typing" [style.visibility]="typing ? 'visible': 'hidden'">{{'Typing' | translate : typing}}</div>
-<bizdoc-edit-text (ok)="post($event)" (change)="_textChange.next()"
-                  [disabled]="sending" [placeholder]="''">
-</bizdoc-edit-text>
-<div *ngIf="model.comments.length">{{(model.comments.length === 1 ? 'OneComment' : 'CommentsCount') | translate: model.comments.length}}</div>

package/src/lib/compose/comments/quick-comment.component.scss

@@ -1,11 +0,0 @@
-:host {
-  display: flex;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-
-.comments-typing {
-  font-size: 12px;
-  padding: 0 8px;
-}

package/src/lib/compose/comments/votes.component.html

@@ -1,7 +0,0 @@
-<span class="mat-title">{{'Votes' | translate}}</span>
-<div *ngFor="let v of votes | async" class="vote">
-  <bizdoc-identity-name class="mat-body" [identity]="v.userId" [by]="v.byId"></bizdoc-identity-name>
-  <button mat-icon-button><mat-icon>{{v.voted === 1 ? 'thumb_up_alt' : 'thumb_down_alt'}}</mat-icon></button>
-  <br />
-  <small bizdocTooltip="{{v.time | amCalendar }}">{{v.time | amTimeAgo}}</small>
-</div>

package/src/lib/compose/comments/votes.component.ts

@@ -1,38 +0,0 @@
-import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
-import { filter, takeUntil } from 'rxjs/operators';
-import { HubService } from '../../core/hub.service';
-import { Vote } from '../../core/models';
-import { POPUP_DATA } from '../../core/popup/popup.component';
-import { MailboxService } from '../../core/mailbox.service';
-
-@Component({
-  selector: 'bizdoc-comment-votes',
-  templateUrl: './votes.component.html',
-  styles: [':host { padding: 8px }']
-})
-export class CommentLikesComponent implements OnInit, OnDestroy {
-  votes: Observable<Vote[]>;
-  private readonly _destroy = new Subject<void>();
-  constructor(
-    @Inject(POPUP_DATA) private _data: CommentVoteData,
-    private _mailbox: MailboxService,
-    private _messaging: HubService
-  ) {
-    this._messaging.vote$.pipe(takeUntil(this._destroy), filter(e => e.id === this._data.documentId)).subscribe(e => {
-
-    });
-  }
-  ngOnInit(): void {
-    this.votes = this._mailbox.votes(this._data.documentId, this._data.id);
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}
-
-export interface CommentVoteData {
-  id: number;
-  documentId: number;
-}

package/src/lib/compose/compose-resolve.service.ts

@@ -1,42 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Resolve, ActivatedRouteSnapshot, Router } from '@angular/router';
-import { Observable, of } from 'rxjs';
-import { tap } from 'rxjs/operators';
-import { DocumentModel, RecipientModel } from '../core/models';
-import { MailboxService } from '../core/mailbox.service';
-import { PromptService } from '../core/prompt.service';
-/**
- * get model before route navigate */
-@Injectable()
-export class RecipientResolveService implements Resolve<void | RecipientModel<any>>{
-  constructor(private _mailbox: MailboxService, private _sb: PromptService, private _router: Router) {
-
-    }
-    resolve(route: ActivatedRouteSnapshot): Observable<void | RecipientModel<any>> {
-    const nav = this._router.getCurrentNavigation();
-    if (nav.extras && nav.extras.state) {
-      const item = nav.extras.state['item'];
-        if (item)
-            return of(item);
-    }
-        const id = route.paramMap.get('id').decodeId();
-        return this._mailbox.get(id).pipe(tap(null, () => this._sb.error()));
-  }
-}
-/** */
-@Injectable()
-export class DocumentResolveService implements Resolve<void | DocumentModel<any>>{
-  constructor(private _mailbox: MailboxService, private _sb: PromptService, private _router: Router) {
-
-    }
-    resolve(route: ActivatedRouteSnapshot): Observable<void | DocumentModel<any>> {
-    const data = this._router.getCurrentNavigation();
-    if (data.extras && data.extras.state) {
-      const item = data.extras.state['item'];
-        if (item)
-            return of(item);
-    }
-        const id = route.paramMap.get('id').decodeId();
-        return this._mailbox.info(id).pipe(tap(null, () => this._sb.error()));
-  }
-}

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

@@ -1,67 +0,0 @@
-<mat-toolbar class="nav-toolbar">
-  <button mat-icon-button color="primary" (click)="form.back()" [bizdocTooltip]="'Back'|translate" *ngIf="form.page !== undefined" tabindex="1">
-    <mat-icon class="mat-icon-rtl-mirror">arrow_back</mat-icon>
-  </button>
-  <button mat-icon-button color="primary" *ngIf="model.draft" data-help="submit"
-          (click)="submit()" [disabled]="!valid||working" [bizdocTooltip]="'Submit' | translate">
-    <mat-icon class="mat-icon-rtl-mirror">send</mat-icon>
-  </button>
-  <button mat-icon-button color="primary" *ngIf="form.actions.length === 1" [attr.data-help]="'action-'+form.actions[0].name" (click)="send(model.actions[0])" [disabled]="!valid||working" [bizdocTooltip]="form.actions[0].title">
-    <mat-icon class="mat-icon-rtl-mirror">{{form.actions[0].icon || 'send'}}</mat-icon>
-  </button>
-  <button mat-icon-button data-help="send" color="primary" *ngIf="form.actions.length > 1" [matMenuTriggerFor]="actionmenu" [disabled]="!valid||working" [bizdocTooltip]="'Send' | translate">
-    <mat-icon class="mat-icon-rtl-mirror">send</mat-icon>
-  </button>
-  <!-- action -->
-  <mat-menu #actionmenu>
-    <ng-container *ngFor="let a of form.actions | sort : 'group'; let i = index">
-      <mat-divider *ngIf="i>0 && form.actions[i-1].group !== a.group"></mat-divider>
-      <button mat-menu-item (click)="send(a.name)">{{a.title}}</button>
-    </ng-container>
-  </mat-menu>
-  <button mat-icon-button (click)="form.save().subscribe()" data-help="save" [disabled]="!dirty||working" [bizdocTooltip]="(model.draft ? 'SaveDraft' : 'Save') | translate" *ngIf="mode === 'compose'">
-    <mat-icon>save</mat-icon>
-  </button>
-  <button mat-icon-button data-help="tag" (click)="form.tag($event)" [bizdocTooltip]="'Tags' | translate" [disabled]="working"><mat-icon class="filled">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>
-  <button mat-icon-button data-help="flag" [bizdocTooltip]="'Flagged'| translate" [disabled]="working" (click)="form.flag()"><mat-icon class="filled">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>
-  <button mat-icon-button (click)="form.attach()" data-help="attach" [bizdocTooltip]="'AttachFile' | translate" [disabled]="working"><mat-icon>attach_file</mat-icon></button>
-  <button mat-icon-button [disabled]="working" data-help="edit" (click)="edit()" [bizdocTooltip]="'Edit' | translate" *ngIf="mode !== 'compose' && !model.completed && model.pending"><mat-icon>create</mat-icon></button>
-  <span class="divider"></span> 
-  <button mat-icon-button (click)="toggle('comments')" data-help="comments" [bizdocTooltip]="'Comments' | translate" [matBadge]="newCommentsCount" [matBadgeHidden]="!newCommentsCount" matBadgeColor="accent">
-    <mat-icon class="filled">format_quote</mat-icon>
-  </button>
-  <button mat-icon-button (click)="toggle('views')" [bizdocTooltip]="'View' | translate" [attr.aria-label]="'View' | translate" *ngIf="enableAnalysis" class="tool"><mat-icon>data_usage</mat-icon></button>
-  <button mat-icon-button [matMenuTriggerFor]="optionsMenu" [bizdocTooltip]="'Options' | translate" [attr.aria-label]="'Options' | translate"><mat-icon>more_vert</mat-icon></button>
-  <mat-menu #optionsMenu="matMenu">
-    <ng-template matMenuContent>
-      <button mat-menu-item (click)="form.copy()" [disabled]="working">
-        <!--<mat-icon>content_copy</mat-icon>-->
-        <span>{{'Copy' | translate}}</span>
-      </button>
-      <button mat-menu-item (click)="discard()" *ngIf="model.draft && !model.issued" [disabled]="working">
-        <!--<mat-icon>delete_outlined</mat-icon>-->
-        <span>{{'Discard' | translate}}</span>
-      </button>
-      <ng-container *ngIf="form.help">
-        <mat-divider></mat-divider>
-        <button mat-menu-item (click)="form.guide(form.help)">
-          <!--<mat-icon>help_outline</mat-icon>-->
-          <span>{{'Help' | translate}}</span>
-        </button>
-      </ng-container>
-    </ng-template>
-  </mat-menu>
-</mat-toolbar>
-<mat-sidenav-container class="page-container">
-  <mat-sidenav-content>
-    <bizdoc-form [model]=model #form (validChange)="valid=$event"
-                 (workingChange)="working=$event"
-                 (dirtyChange)="dirty=$event" [mode]="mode"></bizdoc-form>
-  </mat-sidenav-content>
-  <mat-sidenav mode="over" position="end" [opened]="false" #drawer autoFocus="false" class="side-nav">
-    <ng-container [ngSwitch]="viewMode">
-      <bizdoc-document-views [model]="model" *ngSwitchCase="'views'"></bizdoc-document-views>
-      <bizdoc-comments [model]="model" *ngSwitchDefault></bizdoc-comments>
-    </ng-container>
-  </mat-sidenav>
-</mat-sidenav-container>

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

@@ -1,14 +0,0 @@
-.page-container ::ng-deep form {
-  padding: 6px;
-}
-
-/*:host ::ng-deep .mat-mini-fab {
-  z-index: 100;
-  position: fixed;
-  bottom: 30px;
-  right: 30px;
-}
-*/
-.side-nav {
-  min-width: 280px;
-}