@bizdoc/core 1.13.12 → 1.13.16

package/src/lib/chat/_chat-theme.scss

@@ -1,95 +0,0 @@
-@mixin chat-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $foreground: map-get($theme, foreground);
-  $background: map-get($theme, background);
-
-  $dragging-border-color:  mat.get-color-from-palette($foreground, divider);
-  $panel-background-color:  mat.get-color-from-palette($background, dialog);
-  $sender-text-color:  mat.get-color-from-palette($foreground, text);
-  $sender-background-color: #fafafa;
-
-  .chat-conversation {
-    .chat-item {
-      position: relative;
-
-      img {
-        max-width: 310px;
-        cursor: pointer;
-      }
-
-      .chat-text {
-        padding: 9px;
-        overflow-wrap: break-word;
-      }
-
-      .chat-time {
-        font-size: small;
-      }
-
-      .chat-info {
-        display: flex;
-        -ms-flex-direction: row;
-        -webkit-flex-direction: row;
-        flex-direction: row;
-      }
-    }
-
-    .chat-watermark {
-      place-content: center flex-end;
-      text-align: end;
-      width: 100%;
-
-      .mat-icon {
-        font-size: 21px;
-        width: 21px;
-        height: 21px;
-      }
-    }
-  }
-
-  .chat-typing {
-    margin-left: 2px;
-    margin-right: 2px;
-    font-size: small;
-    text-transform: lowercase
-  }
-
-  .chat-item {
-    &:not(.you) {
-      .chat-text {
-        color: $sender-text-color;
-        background-color: $sender-background-color;
-        border-radius: 5px 5px;
-        margin: 5px 0 0;
-
-        &:after {
-          content: '';
-          position: absolute;
-          bottom: 0;
-          left: 50%;
-          width: 0;
-          height: 0;
-          border: 15px solid transparent;
-          border-top-color: $sender-background-color;
-          border-bottom: 0;
-          border-left: 0;
-          margin-bottom: 1px;
-        }
-      }
-    }
-  }
-
-  [dir=rtl] .chat-item {
-    &:not(.you) {
-      .chat-text {
-        &:after {
-          left: auto;
-          right: 50%;
-          border-right: 0;
-          border-left: 15px solid transparent;
-        }
-      }
-    }
-  }
-}

package/src/lib/chat/chat-info.ts

@@ -1,76 +0,0 @@
-import { Injectable, Inject } from '@angular/core';
-import { Subject } from 'rxjs';
-import { BIZDOC_CONFIG, BizDocConfig, ChatSettings, ChatLauncherFn } from '../core/configuration';
-import { isMobile, isString } from '../core/functions';
-import { Contact, UserInfo } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { PATH_CHAR } from '../core/slots/pane-ref';
-import { RouterImpl } from '../core/router';
-
-export interface ChatOpenEvent {
-  contact: Contact;
-  text?: string;
-  image?: string;
-  resource?: { [key: string]: any };
-}
-
-@Injectable({ providedIn: 'root' })
-export class ChatInfo {
-  private _config: ChatSettings | boolean;
-  private _isMobile = isMobile();
-  _open$ = new Subject<string>();
-  constructor(
-    @Inject(BIZDOC_CONFIG) config: BizDocConfig,
-    private _router: RouterImpl,
-    private _session: SessionService
-  ) {
-    this._config = config.chating;
-  }
-  /**
-   *
-   * @param person
-   */
-  format(person: UserInfo): string {
-    if (this._config && isString((this._config as ChatSettings).app)) {
-      const { app } = this._config as ChatSettings;
-      return `<a href="${(app as string).formatArgs(person.id)}">${name}</a>`;
-    }
-    else if (this._config !== false)
-      return `<a data-info="${person.id}">${person.name}</a>`;
-    return person.name;
-  }
-  /**
-   *
-   * @param userId
-   */
-  open(userId: string, options?: { /*text?: string, resource?: {[key: string]: any}*/ mode?: 'room' | 'full',
-    group?: string
-  }) {
-    let contact = this._session.profile.contacts.find(c => c.id === userId);
-    if (!contact) {
-      const now = new Date();
-      contact = {
-        id: userId,
-        accepted: false,
-        time: now.toJSON() as any,
-        count: 0
-      };
-      this._session.profile.contacts.push(contact);
-    }
-
-    else if (contact.forgotten)
-      contact.forgotten = undefined;
-
-    if (this._config && (this._config as ChatSettings).app)
-      ((this._config as ChatSettings).app as ChatLauncherFn)(userId);
-    else if (this._isMobile)
-      this._open$.next(contact.id);
-    else if (!options || options.mode === 'room')
-      this._router.navigate(['chatroom', contact.id], {
-       // group: options ? options.group : null
-      });
-    else {
-      this._router.navigate(['contacts/c', contact.id]);
-    }
-  }
-}

package/src/lib/chat/chat-pool.component.exp.ts

@@ -1,117 +0,0 @@
-import { Component } from '@angular/core';
-import { CdkDragEnd } from '@angular/cdk/drag-drop';
-
-import { playAudio } from '../core/functions';
-import { Contact } from '../core/models';
-import { HubService } from '../core/hub.service';
-import { SessionService } from '../core/session.service';
-import { ConversationComponent } from './conversation.component';
-
-/** */
-class Chat {
-  constructor(public info: Contact) { }
-  minimize?: boolean;
-  position?: { x: number; y: number };
-}
-
-@Component({
-  templateUrl: './chat-pool.component.html',
-  styleUrls: ['./chat-pool.component.scss']
-})
-export
-  class ChatPoolComponent {
-  readonly items?: Chat[] = [];
-  readonly comp = ConversationComponent;
-  constructor(
-    private _session: SessionService,
-    messaging: HubService
-  ) {
-    setTimeout(() => this._restore(), 500);
-
-    messaging.chat$.subscribe(e => {
-      if (!this.items.find(c => c.info.id !== e.contactId))
-        playAudio('notification_simple-01');
-    });
-  }
-
-  private _restore() {
-    const cookie = localStorage.getItem('chat');
-    cookie && cookie.split(',').forEach(id => {
-      const contact = this._session.profile.contacts.find(c => c.id === id);
-      if (contact) {
-        const args = this._args('chat-' + id);
-        const item = new Chat(contact);
-        item.position = { x: Math.min(args.x, window.innerWidth - 450), y: args.y < 0 ? 0 : Math.min(args.y, window.innerHeight - 100) };
-        item.minimize = args.minimize === 1;
-        this.items.push(item);
-      }
-    });
-  }
-
-  private _args(id: string) {
-    const cookie = localStorage.getItem(id);
-    const args = {} as any;
-    cookie && cookie.split('&').forEach(p => {
-      const param = p.split('=');
-      args[param[0]] = parseInt(param[1]);
-    });
-    return args;
-  }
-
-  open(contact: Contact, position?: { x: number; y: number }) {
-    const comp = this.items.find(c => c.info.id === contact.id);
-
-    if (comp) {
-      //comp.focus();
-      return;
-    }
-    const item = new Chat(contact);
-
-    item.position = position || this._position();
-
-
-    this.items.push(item);
-
-    this._save();
-  }
-
-  private _position() {
-    const args = this._args('chat-position');
-    if (args.x) return { x: args.x, y: args.y };
-
-    let max = 0, min = 0;
-
-    for (let i = 0; i < this.items.length; i++) {
-      let x = this.items[i].position.x;
-      min = min !== 0 ? Math.min(x, min) : x;
-      max = Math.max(x, max);
-    }
-    return { x: Math.min(window.innerWidth - 450, max + 350), y: 0 };
-  }
-
-  private _save() {
-    localStorage.setItem('chat', this.items.map(c => c.info.id).join(','));
-  }
-  drop(item: Chat, evt: CdkDragEnd) {
-    const { x, y } = evt.distance;
-    const { x: x0, y: y0 } = item.position;
-    item.position = { x: x0 + x, y: y0 + y };
-    this._store(item);
-  }
-  private _delete(item: Chat) {
-    localStorage.removeItem('chat-' + item.info.id);
-    localStorage.setItem('chat-position', `x=${item.position.x}&y=${item.position.y}`);
-  }
-  private _store(item: Chat) {
-    localStorage.setItem('chat-' + item.info.id, `x=${item.position.x}&y=${item.position.y}&minimize=${item.minimize ? 1 : 0}`);
-  }
-  close(item: Chat, evt: Event) {
-    this._delete(item);
-    this.items.remove(item);
-    this._save();
-  }
-  minimize(item: Chat, evt: Event) {
-    item.minimize = !item.minimize;
-    this._store(item);
-  }
-}

package/src/lib/chat/chat-pool.component.html

@@ -1,13 +0,0 @@
-<div *ngFor="let c of items"
-     [cdkDragFreeDragPosition]="c.position" cdkDrag cdkDragBoundary="body" (cdkDragEnded)="drop(c, $event)"
-     [class.minimize]="c.minimize"
-     class="chat-panel">
-  <div cdkDragHandle>
-    <div class="chat-tools">
-      <span class="divider"></span>
-      <button (click)="minimize(c, $event)" mat-icon-button [bizdocTooltip]="'Minimize' | translate"><mat-icon>{{c.minimize? 'maximize': 'minimize'}}</mat-icon></button>
-      <button (click)="close(c, $event)" mat-icon-button [bizdocTooltip]="'Close' | translate"><mat-icon>close</mat-icon></button>
-    </div>
-  </div>
-  <bizdoc-chat-conversation [contact]="c.info" class="container"></bizdoc-chat-conversation>
-</div>

package/src/lib/chat/chat-pool.component.scss

@@ -1,10 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  flex: 1 auto;
-  overflow-y: auto;
-}
-
-.minimize .container {
-  display: none
-}

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

@@ -1,6 +0,0 @@
-<ng-container *ngIf="contact; else contacts">
-  <bizdoc-chat-conversation [contact]="contact" fxFlex></bizdoc-chat-conversation>
-</ng-container>
-<ng-template #contacts>
-  <bizdoc-contacts (selected)="selected($event)"></bizdoc-contacts>
-</ng-template>

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

@@ -1,8 +0,0 @@
-:host {
-  display: flex;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-  height:100%;
-  width : 300px
-}

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

@@ -1,18 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-import { Contact } from '../core/models';
-
-@Component({
-  selector: 'bizdoc-chat',
-  templateUrl: './chat.mobile.component.html',
-  styleUrls: ['./chat.mobile.component.scss']
-})
-export
-  class ChatComponent {
-  @Input() contact: Contact;
-  @Output() contactChange = new EventEmitter<Contact>();
-  selected(contact: Contact) {
-    this.contact = contact;
-    this.contactChange.emit(contact);
-  }
-}

package/src/lib/chat/chat.service.ts

@@ -1,128 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable, Subject } from 'rxjs';
-import { tap } from 'rxjs/operators';
-import { Chat, Contact, UserInfo } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { HubService } from '../core/hub.service';
-import { playAudio } from '../core/functions';
-
-@Injectable({ providedIn: 'root' })
-export class ChatService {
-  active: string;
-  private _change$ = new Subject<Contact>();
-  get change() { return this._change$.asObservable(); }
-  private readonly _map: { [id: string]: Contact } = {};
-  constructor(private _http: HttpClient,
-    messaging: HubService,
-    private _session: SessionService) {
-    _session.profile.contacts.forEach(c => this._map[c.id] = c);
-    messaging.chatWatermark$.subscribe(e => {
-      const contact = this._map[e.contactId];
-      contact.watermark = e.time;
-    });
-    messaging.chat$.subscribe(e => {
-      this.active !== e.contactId &&
-        playAudio('notification_simple-01')
-      const contact = this._map[e.contactId];
-      const { model: {
-        text,
-        resource,
-        time
-      } } = e;
-      if (contact) {
-        if (!contact.count)
-          _session.profile.conversationsCount++;
-        if (contact.forgotten)
-          contact.forgotten = undefined;
-        Object.assign(contact, {
-          text,
-          resource,
-          time,
-          watermark: time,
-          accepted: true
-        });
-        contact.count++;
-      }
-      else {
-        const contact = {
-          id: e.model.userId,
-          count: 1,
-          text,
-          resource,
-          time,
-          accepted: true
-        };
-        this._map[e.model.userId] = contact;
-        _session.profile.contacts.push(contact);
-        _session.profile.conversationsCount++;
-      }
-      this._change$.next(contact)
-    });
-  }
-  private readonly _storage = {};
-  store(contactId: string, data: { text?: string, resource?: {}, image?: string }) {
-    this._storage[contactId] = data;
-  }
-  restore(contactId: string) {
-    return this._storage[contactId];
-  }
-  find(contactId: string) {
-    let contact = this._map[contactId];
-    if (contact) {
-      if (contact.forgotten)
-        contact.forgotten = undefined;
-    }
-    else {
-      contact = {
-        id: contactId,
-        count: 0,
-      } as Contact;
-      this._map[contactId] = contact;
-      this._session.profile.contacts.push(contact);
-    }
-    return contact;
-  }
-  conversations(contactId: string, before?: Date): Observable<Chat[]> {
-    return this._http.get<Chat[]>(`/api/chat/${contactId}`, {
-      params: before && { before: new Date(before).toJSON() }
-    });
-  }
-  seen(contactId: string): Observable<Timestamp> {
-    return this._http.put<Timestamp>(`/api/chat/seen/${contactId}`, {
-    }, { headers: { 'no-progress': 'true' } }).pipe(tap((e: Timestamp) => {
-      const contact = this._map[contactId];
-      contact.visited = e.time;
-      contact.count = 0;
-      this._session.profile.conversationsCount--;
-      this._change$.next(contact)
-    }
-    ));
-  }
-  typing(contactId: string): Observable<any> {
-    return this._http.put(`/api/chat/typing/${contactId}`, {
-    }, { headers: { 'no-progress': 'true' } });
-  }
-  forget(contactId: string): Observable<any> {
-    return this._http.put(`/api/account/forget/${contactId}`, {
-    });
-  }
-  findAll(name: string): Observable<UserInfo[]> {
-    return this._http.get<UserInfo[]>('/api/account/list', {
-      params: { name }
-    });
-  }
-  send(contactId: string, options: { text?: string; icon?: string }): Observable<Chat> {
-    return this._http.post<Chat>(`/api/chat/${contactId}`,
-      options).pipe(tap((c: Chat) => {
-        const contact = this.find(contactId);
-        Object.assign(contact, {
-          text: c.text,
-          time: c.time,
-          resource: c.resource,
-          accepted: false
-        } );
-      }));
-  }
-}
-declare type Timestamp = { time: Date };

package/src/lib/chat/contacts.component.html

@@ -1,37 +0,0 @@
-    <!-- search -->
-<mat-form-field floatLabel="never" class="search">
-  <input type="search" matInput [formControl]="searchControl" [matAutocomplete]="user" placeholder="{{'SearchContacts' | translate}}" />
-  <button mat-button *ngIf="searchControl.value" matSuffix mat-icon-button aria-label="" (click)="searchControl.setValue('')">
-    <mat-icon>close</mat-icon>
-  </button>
-  <mat-autocomplete #user (optionSelected)="optionSelected($event)">
-    <mat-option *ngFor="let u of users$ | async" [value]="u.id">
-      {{u.name}}
-    </mat-option>
-  </mat-autocomplete>
-</mat-form-field>
-<!-- contacts -->
-<mat-nav-list>
-  <mat-list-item *ngFor="let c of contacts |filter:'forgotten':undefined| sort : 'time' : 'desc'" (click)="open(c)" [class.read]="c.visited>=c.time">
-    <bizdoc-avatar [person]="c" *ngIf="c.name" [interactive]="false"></bizdoc-avatar>
-    <h3 matLine>
-      {{c.nick || c.name}}
-    </h3>
-    <div matLine>
-      <div class="chat-text" [innerText]="c.text | htmlToText"></div>
-    </div>
-    <p matLine>
-      <small [bizdocTooltip]="c.time | amCalendar">{{c.time | amTimeAgo}}</small>
-      <small *ngIf="!c.accepted">
-        {{'You' | translate }}
-      </small>
-      <mat-icon *ngIf="!c.accepted && c.watermark>=c.time" class="watermark">done_all</mat-icon>
-    </p>
-    <button mat-icon-button [matMenuTriggerFor]="menu" (click)="$event.stopPropagation()" class="tool">
-      <mat-icon [matBadge]="c.count" [matBadgeHidden]="!c.count" matBadgeSize="medium" matBadgeColor="accent" matBadgePosition="before" matBadgeOverlap="false">more_vert</mat-icon>
-    </button>
-    <mat-menu #menu>
-      <button mat-menu-item (click)="forget(c)">{{'Forget'|translate}}</button>
-    </mat-menu>
-  </mat-list-item>
-</mat-nav-list>

package/src/lib/chat/contacts.component.scss

@@ -1,49 +0,0 @@
-:host {
-  display: flex;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-
-.search {
-  padding: 8px 8px 0;
-  -moz-animation: width ease-in-out 1;
-  -o-animation: width ease-in-out 1;
-  -webkit-animation: width ease-in-out 1;
-  animation: width ease-in-out 1;
-
-  &.collapse {
-    width: 0
-  }
-}
-
-mat-nav-list {
-  -ms-flex: 1 1 auto;
-  -webkit-flex: 1 1 auto;
-  flex: 1 1 auto;
-  overflow: auto;
-
-  mat-list-item {
-    .chat-text {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      max-width: 150px;
-      display: block;
-    }
-
-    .watermark {
-      width: 16px;
-      height: 16px;
-      font-size: 16px;
-    }
-
-    .tool {
-      opacity: 0
-    }
-
-    &:hover .tool {
-      opacity: 1
-    }
-  }
-}

package/src/lib/chat/contacts.component.ts

@@ -1,88 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, OnDestroy, OnInit, Output, Pipe, PipeTransform } from "@angular/core";
-import { merge, Observable, Subject } from 'rxjs';
-import { debounceTime, map, takeUntil, switchMap, filter } from 'rxjs/operators';
-
-import { Contact, UserInfo } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { PromptService } from '../core/prompt.service';
-import { FormControl } from '@angular/forms';
-import { ChatService } from './chat.service';
-import { HubService } from '../core/hub.service';
-import { isString } from "../core/functions";
-import { MatAutocompleteSelectedEvent } from "@angular/material/autocomplete";
-import { AccountService } from "../core/account.service";
-import { forkJoin } from "rxjs";
-import { tap } from "rxjs/operators";
-import { HTML_EXP } from "../core/tagging/edit-input.component";
-
-@Pipe({name: 'htmlToText'})
-export class HtmlSimplePipe implements PipeTransform {
-    transform(value: any, ...args: any[]) {
-      if (!value) return '';
-      else if (!HTML_EXP.test(value)) return value;
-      else return (value as string).replace(HTML_EXP, '');
-    }
-}
-
-@Component({
-  selector: 'bizdoc-contacts',
-  templateUrl: './contacts.component.html',
-  styleUrls: ['./contacts.component.scss']
-})
-export
-  class ContactsComponent implements OnInit, OnDestroy {
-  @Output() readonly selected = new EventEmitter<Contact>();
-  contacts: Contact[];
-  users$: Observable<UserInfo[]>;
-  readonly searchControl = new FormControl();
-  private readonly _destroy = new Subject<void>();
-  constructor(
-    private _service: ChatService,
-    private _sb: PromptService,
-    private _session: SessionService,
-    private _accounts: AccountService,
-    private _changeDetector: ChangeDetectorRef,
-    private _messaging: HubService) {
-    merge(this._messaging.chat$, this._messaging.chatWatermark$).
-      pipe(takeUntil(this._destroy)).
-      subscribe(() =>
-        this._changeDetector.detectChanges());
-    _service.change.
-      pipe(takeUntil(this._destroy)).
-      subscribe(c => this._accounts.get(c.id).subscribe(u => Object.assign(c, u)));
-    this.contacts = this._session.profile.contacts;
-  }
-  private _prepare() {
-    forkJoin(this.contacts.map(c =>
-      this._accounts.get(c.id).pipe(tap(u => Object.assign(c, u))))).
-      subscribe()
-  }
-  ngOnInit(): void {
-    const me = this._session.userId;
-    this._prepare();
-    this.users$ = this.searchControl.valueChanges.pipe(debounceTime(200),
-      filter(v => isString(v)),
-      takeUntil(this._destroy),
-      switchMap(v => this._service.findAll(v)),
-      map(us => us.filter(u => u.id !== me)));
-  }
-  optionSelected(ev: MatAutocompleteSelectedEvent) {
-    const { value: id } = ev.option;
-    const contact = this._service.find(id);
-    this.open(contact);
-  }
-  open(item: Contact) {
-    this.selected.next(item);
-  }
-
-  forget(item: Contact) {
-    this._service.forget(item.id).subscribe(() => {
-      item.forgotten = true;
-      this.contacts.remove(item);
-    }, () => this._sb.error());
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/chat/contacts.pane.component.ts

@@ -1,25 +0,0 @@
-import { Component } from "@angular/core";
-import { Contact } from '../core/models';
-import { PanesRouter } from "../core/slots/router.service";
-import { PaneRef } from "../core/slots/pane-ref";
-import { TranslateService } from "../core/translate.service";
-
-
-@Component({
-  template: `<bizdoc-contacts (selected)="selected($event)"></bizdoc-contacts>`,
-  host: {
-    class: 'pane'
-  }})
-export
-  class ContactsPaneComponent {
-  constructor(
-    pane: PaneRef,
-    translate: TranslateService,
-    private _router: PanesRouter) {
-  pane.title = translate.get('Contacts')}
-  selected(contact: Contact) {
-    this._router.navigate(['c', contact.id], {
-      pathMode: 'relative'
-    });
-  }
-}