nuxeo-development-framework 4.1.5 → 4.1.6

package/src/lib/components/correspondence-relation/components/correspondence-relation-create-form/correspondence-relation-create-form.component.html

@@ -0,0 +1,93 @@
+<div class="correspondence-relation-container" SetDirRtl style="height: 80%; width: 100%">
+  <div class="correspondence-relation-title">
+    {{ "correspondence-relation.add" | translate }}
+  </div>
+  <!-- <mat-divider></mat-divider> -->
+  <div mat-dialog-content [formGroup]="createform">
+    <div class="vocabulary-list">
+      <app-dynamic-form-vocabulary-item
+        [label]="'correspondence-relation.relation-type'"
+        [bindLabel]="'label'"
+        [bindValue]="'id'"
+        placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}"
+        [multiple]="false"
+        [searchable]="false"
+        [closeOnSelect]="true"
+        [hideSelectedItems]="false"
+        [vocabularyType]="'VOC_CorrespondenceRelationsNames'"
+        formControlName="relationname"
+        (onSelecting)="reset()"
+      >
+      </app-dynamic-form-vocabulary-item>
+    </div>
+
+    <div class="search-container" *ngIf="createform.value.relationname">
+      <ng-autocomplete
+        #auto
+        [data]="documentList"
+        [searchKeyword]="'filter'"
+        (selected)="selectItem($event)"
+        (inputChanged)="onSearchInputChange($event)"
+        [customFilter]="disableFilter"
+        (closed)="keep_Autocomplete_Results_Open()"
+        [itemTemplate]="itemTemplate"
+        [notFoundTemplate]="notFoundTemplate"
+        [placeholder]="'correspondence-relation.searchby' | translate"
+        [debounceTime]="1000"
+        [isLoading]="isLoading"
+        (inputCleared)="inputCleared()"
+      >
+      </ng-autocomplete>
+
+      <ng-template #itemTemplate let-item>
+        <div class="item">
+          <span>{{ item.title }}</span>
+        </div>
+      </ng-template>
+
+      <ng-template #notFoundTemplate>
+        <div>{{ "correspondence-relation.notfound" | translate }}</div>
+      </ng-template>
+
+      <div class="chip-list" *ngIf="related_corr.length > 0">
+        <mat-chip-list #chipList aria-label="corr selection">
+          <mat-chip
+            *ngFor="let corr of related_corr"
+            [selectable]="selectable"
+            [removable]="removable"
+            (removed)="on_remove_relation_Chip(corr)"
+          >
+            {{ corr.title }}
+            <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
+          </mat-chip>
+        </mat-chip-list>
+      </div>
+      <div class="exist-relation">
+        <span *ngIf="exist">
+          {{ "correspondence-relation.exist" | translate }}</span
+        >
+      </div>
+    </div>
+  </div>
+  <div class="button-group d-flex flex-row-reverse">
+    <cts-button
+      [theme]="'danger'"
+      size="'regular'"
+      [loading]="saving"
+      class="voc-form-close"
+      mat-dialog-close
+    >
+      {{ "BUTTONS.CLOSE" | translate }}
+    </cts-button>
+    <cts-button
+      (onClick)="onSaveClick()"
+      [theme]="'primary'"
+      size="'regular'"
+      [disabled]="
+        !this.createform.controls.relationname.valid || related_corr.length == 0
+      "
+    >
+      {{ "correspondence-relation.save" | translate }}
+    </cts-button>
+  </div>
+</div>

package/src/lib/components/correspondence-relation/components/correspondence-relation-create-form/correspondence-relation-create-form.component.scss

@@ -0,0 +1,124 @@
+@import "../../../../assets/scss/myApp.scss";
+.correspondence-relation-container {
+  padding: 20px;
+  .correspondence-relation-title {
+    margin-bottom: 8px;
+    font-size: 20px;
+    color: $gray-500;
+  }
+  .mat-dialog-content {
+    height: 100%;
+    width: 100%;
+  }
+  .button-group {
+    margin-top: 12px;
+    column-gap: 6px !important;
+    cts-button {
+      width: 16%;
+      @include normal-screen {
+        width: 20%;
+      }
+      @include medium-screen {
+        width: 28%;
+      }
+    }
+  }
+  .item {
+    margin: 1px;
+    padding: 8px 10px;
+    font-size: 0.75rem;
+  }
+
+  .dialog-actions {
+    button {
+      background-image: $wrapper-gradient;
+      height: 40px;
+      color: $white;
+      border: none;
+      width: 70px;
+      border-radius: 3px;
+    }
+    button:disabled {
+      opacity: 0.4;
+      cursor: not-allowed;
+    }
+    button:hover {
+      opacity: 0.7;
+    }
+  }
+
+  .autocomplete-container .suggestions-container ul {
+    max-height: 150px !important;
+  }
+
+  .autocomplete-container .suggestions-container {
+    height: 150px !important;
+    margin-top: 10px;
+    max-height: 150px !important;
+    border: 1px lightgray solid !important;
+    box-shadow: none !important;
+  }
+  .search-container {
+    position: relative;
+  }
+  .chip-list {
+    max-height: 150px;
+    border: 1px lightgray solid;
+    overflow: scroll;
+    padding: 10px;
+    margin-bottom: 10px;
+    top: 215px;
+    position: absolute;
+    width: 100%;
+    .mat-standard-chip {
+      border-radius: 5px !important;
+    }
+    .mat-chip.mat-standard-chip {
+      background-color: rgba(143, 152, 170, 0.1) !important;
+      height: auto;
+    }
+  }
+
+  .autocomplete-container {
+    box-shadow: none !important;
+  }
+
+  .autocomplete-container .input-container input {
+    background-color: rgba(143, 152, 170, 0.1) !important;
+    padding: 10px !important;
+  }
+
+  .exist-relation {
+    background-color: #f8d7da !important;
+    color: #842029 !important;
+    border-color: #f5c2c7 !important;
+    position: absolute;
+    width: 100%;
+    top: 300px;
+  }
+  .autocomplete-container .suggestions-container .complete-selected,
+  .autocomplete-container .suggestions-container ul li:hover {
+    background-color: rgba(143, 152, 170, 0.1) !important;
+  }
+  .vocabulary-list {
+    margin-bottom: 10px;
+    .mat-error {
+      display: none !important;
+    }
+  }
+
+  .mat-dialog-content {
+    margin: 3px 0px 0px 0px !important;
+    padding: 0px !important;
+  }
+}
+
+[dir="rtl"] {
+  .input-container input {
+    direction: rtl;
+  }
+  .x {
+    left: 10px;
+    right: auto !important;
+  }
+}

package/src/lib/components/correspondence-relation/components/correspondence-relation-create-form/correspondence-relation-create-form.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CorrespondenceRelationCreateFormComponent } from './correspondence-relation-create-form.component';
+
+describe('CorrespondenceRelationCreateFormComponent', () => {
+  let component: CorrespondenceRelationCreateFormComponent;
+  let fixture: ComponentFixture<CorrespondenceRelationCreateFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CorrespondenceRelationCreateFormComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CorrespondenceRelationCreateFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/correspondence-relation/components/correspondence-relation-create-form/correspondence-relation-create-form.component.ts

@@ -0,0 +1,159 @@
+import {
+  Component,
+  Inject,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { CorrespondenceRelationService } from '../../services/correspondence-realation.service';
+
+@Component({
+  selector: 'cts-correspondence-relation-create-form',
+  templateUrl: './correspondence-relation-create-form.component.html',
+  styleUrls: ['./correspondence-relation-create-form.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class CorrespondenceRelationCreateFormComponent implements OnInit {
+  visible = true;
+  selectable = true;
+  removable = true;
+  saving = false;
+  createform: FormGroup;
+  related_corr: any[] = [];
+  exist: boolean = false;
+  isLoading: boolean = false;
+  documentList = [];
+  exist_relations_list: any[] = [];
+  correspondanceId;
+  constructor(
+    private _formBuilder: FormBuilder,
+    private corressvc: CorrespondenceRelationService,
+    private toastr: CustomToastrService,
+    public dialogRef: MatDialogRef<CorrespondenceRelationCreateFormComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any
+  ) { }
+
+  /**dialog actions */
+  onSaveClick() {
+    this.saving=true;
+    this.corressvc
+      .create_Named_Relation(this.data.corr_id, this.createform.value.relationname, this.related_corr.map((corre) => corre.id))
+      .subscribe(
+        (data) => {
+          if (data) {
+            this.corressvc.getUpdatedRelation.next();
+            this.toastr.show(
+              'success',
+              'success',
+              'RELATION_ADDED'
+            );
+            this.saving=false;
+            this.dialogRef.close(true);
+          }
+        },
+        (err) => {
+          this.saving=false;
+          this.toastr.show('error', 'error',
+            err.ret.message ?
+              `errors.${err.ret.code}`
+              : 'genericError');
+        }
+      );
+    // this.dialogRef.close({
+    //   docs: this.related_corr.map((corre) => corre.id),
+    //   relationname: this.createform.value.relationname,
+    // });
+
+  }
+
+  onCloseoClick() {
+    this.dialogRef.close();
+  }
+
+  /*************************************************** */
+  @ViewChild('auto') auto;
+  ngOnInit(): void {
+    this.exist_relations_list = this.data.exist_relations_list;
+    this.correspondanceId = this.data.correspondance.uid;
+    console.log('related', this.data);
+    this.dialogRef.updateSize('50%', '85%');
+    this.createform = this._formBuilder.group({
+      relationname: ['', Validators.required],
+    });
+  }
+
+  on_remove_relation_Chip(relation) {
+    this.related_corr.splice(this.related_corr.indexOf(relation), 1);
+  }
+
+  /**ng-Autocomplete related functions */
+  alwaysopened: boolean = false;
+  clearSerachInput() {
+    this.documentList = [];
+    if (this.auto) this.auto.query = '';
+  }
+
+  is_relation_exist(relation): boolean {
+    if (this.exist_relations_list.length == 0) return false;
+    let exist_relation = this.exist_relations_list.filter(
+      (exist_relation) =>
+        exist_relation.relationId === this.createform.value.relationname &&
+        exist_relation.uid === relation.id
+    );
+    this.exist = exist_relation.length > 0;
+    return this.exist;
+  }
+
+  is_corresp_added(corresp) {
+    let exist_corresp = this.related_corr.filter((exist_corresp) => {
+      return exist_corresp.id === corresp.id;
+    });
+    return exist_corresp.length > 0;
+  }
+  selectItem(item) {
+    this.auto.query = this.auto.toHighlight;
+    if (this.is_relation_exist(item)) return;
+    else if (this.is_corresp_added(item)) return;
+    else {
+      this.related_corr.push(item);
+    }
+  }
+
+  keep_Autocomplete_Results_Open() {
+    if (this.alwaysopened) {
+      this.auto.filteredList = this.documentList;
+      this.auto.isOpen = true;
+      this.auto.isFocused = true;
+    }
+  }
+
+  onSearchInputChange(val: string) {
+    if (val?.length == 0) {
+      return;
+    }
+    this.corressvc.search(val, '', 'relationFile').subscribe((data) => {
+      console.log("documentList", data)
+      this.documentList = data.filter((correspondance) => {
+        return this.correspondanceId != correspondance.id;
+      });
+      this.isLoading = false;
+      this.alwaysopened = this.documentList.length > 0;
+      return this.documentList;
+    });
+  }
+  disableFilter = (items: any[]) => items;
+
+  inputCleared() {
+    this.documentList = [];
+    this.alwaysopened = false;
+  }
+
+  reset() {
+    this.related_corr = [];
+    this.clearSerachInput();
+    this.exist = false;
+  }
+}

package/src/lib/components/correspondence-relation/components/correspondence-relation-list/correspondence-relation-list.component.html

@@ -0,0 +1,33 @@
+<div class="relations-list" *ngIf="relateddoc.length > 0">
+  <ng-container>
+    <div *ngFor="let group of relateddoc; first as isFirst">
+      <mat-accordion class="example-headers-align" multi>
+        <mat-expansion-panel [expanded]="isFirst">
+          <mat-expansion-panel-header>
+            <mat-panel-title>
+              {{('vocabulary.VOC_CorrespondenceRelationsNames.' + group[0]) | translate }}
+            </mat-panel-title>
+          </mat-expansion-panel-header>
+          <ng-template matExpansionPanelContent>
+            <mat-list>
+              <div class="mat-list-items" *ngFor="let item of group[1]">
+                <cts-item-list
+                  [item]="item"
+                  [title]="item.title"
+                  [iconname]="'link'"
+                  [actions]="menu_actions"
+                  (actionclicked)="handleMenuItemClicked($event)"
+                  (itemClicked)="showCorrespondenceInViewer(item)"
+                  [moreclasses]="'link-relation'"
+                ></cts-item-list>
+              </div>
+            </mat-list>
+          </ng-template>
+        </mat-expansion-panel>
+      </mat-accordion>
+    </div>
+  </ng-container>
+</div>
+<div class="nocontent" *ngIf="relateddoc.length === 0">
+  <p>{{ "correspondence-relation.nocontent" | translate }}</p>
+</div>

package/src/lib/components/correspondence-relation/components/correspondence-relation-list/correspondence-relation-list.component.scss

@@ -0,0 +1,42 @@
+.relations-list{
+    border: 1px solid #eee;
+  .mat-expansion-panel {
+      box-shadow: none !important;
+  }
+  .mat-expansion-panel-header {
+      border-bottom: 1px solid #d9dce2;
+      background-color: #f5f6f8;
+      height: 50px !important;
+  }
+  .mat-expansion-panel-header:hover {
+       background-color: #f5f6f8 !important;
+  }
+  .mat-expansion-panel-header:focus {
+    background-color: #f5f6f8 !important;
+}
+  .mat-expansion-panel-header-title {
+      font-weight: 500;
+  }
+
+  .mat-accordion .mat-expansion-panel {
+    border-radius: 0px !important;
+}
+
+.mat-expansion-panel-body{
+    padding: 0px !important;
+    
+}
+}
+.nocontent{
+    color: gray;
+    padding: 10px;
+    font-size: 14px;
+    border: 1px solid #d9dce2;
+    p{
+        margin: 0px;
+        text-align: center;
+    }
+}
+
+
+

package/src/lib/components/correspondence-relation/components/correspondence-relation-list/correspondence-relation-list.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CorrespondenceRelationListComponent } from './correspondence-relation-list.component';
+
+describe('CorrespondenceRelationListComponent', () => {
+  let component: CorrespondenceRelationListComponent;
+  let fixture: ComponentFixture<CorrespondenceRelationListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CorrespondenceRelationListComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CorrespondenceRelationListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/correspondence-relation/components/correspondence-relation-list/correspondence-relation-list.component.ts

@@ -0,0 +1,112 @@
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { take } from 'rxjs/operators';
+import { AdapterService } from '../../../../core/adapters/adapter.service';
+import { ConfirmCallerDialogComponent } from '../../../confirm-caller/confirm-caller.dialog';
+import { DocumentsService } from '../../../documents/services/documents.service';
+import { ViewerFilesService } from '../../services/viewer-files.service';
+import { CorrespondenceRelationService } from '../../services/correspondence-realation.service';
+
+@Component({
+  selector: 'cts-correspondence-relation-list',
+  templateUrl: './correspondence-relation-list.component.html',
+  styleUrls: ['./correspondence-relation-list.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class CorrespondenceRelationListComponent implements OnInit {
+  @Input()
+  correspondence_id;
+  @Input()
+  reload: boolean = false;
+  relateddoc: any[] = [];
+  menu_actions = [
+    { title: 'correspondence-relation.view_corr', name: 'view' },
+    { title: 'correspondence-relation.delete', name: 'delete' },
+  ];
+  constructor(
+    private relationsvc: CorrespondenceRelationService,
+    private dialog: MatDialog,
+    private viewerFilesService: ViewerFilesService,
+    private documentsApi: DocumentsService,
+    private adapter: AdapterService
+  ) {}
+  ngOnInit(): void {
+    this.loadData();
+    this.relationsvc.getUpdatedRelation.subscribe((res) => {
+      this.loadData();
+    });
+  }
+  loadData() {
+    this.relationsvc
+      .get_Correspondence_Relation_WithoutReply(this.correspondence_id)
+      .subscribe((result) => {
+        let resultarray = result.value;
+        let resultsgrouped = resultarray.reduce((r, a) => {
+          r[a.relationId] = [...(r[a.relationId] || []), a];
+          return r;
+        }, {});
+        this.relateddoc = [];
+        for (let group of Object.entries(resultsgrouped)) {
+          this.relateddoc.push(group);
+        }
+      });
+  }
+  onDeleteClick(relateddoc) {
+    let functionToPerform = () => {
+      return this.relationsvc.Delete_Named_Relation(
+        this.correspondence_id,
+        relateddoc.relationId,
+        relateddoc.uid
+      );
+    };
+    let title = '';
+    let msg = '';
+    this.openDialog(
+      functionToPerform,
+      'Success',
+      'correspondence-relation.deleted_success'
+    ).subscribe((data) => {
+      if (data) {
+        this.relationsvc.getUpdatedRelation.next();
+      }
+    });
+  }
+  openDialog(functionToPerform, title, msg) {
+    return this.dialog
+      .open(ConfirmCallerDialogComponent, {
+        width: '400px',
+        panelClass:'relation-confirm-dialog',
+        data: {
+          call: functionToPerform,
+          title: 'genericConfirm',
+          toastrTitle: title,
+          toastrMsg: msg,
+        },
+      })
+      .afterClosed()
+      .pipe(take(1));
+  }
+
+  view_Corres(relation) {
+    let url = window.location.href;
+    window.open(url.replace(this.correspondence_id, relation.uid), '_blank');
+  }
+
+  showCorrespondenceInViewer(relation) {
+    this.documentsApi.getDocument(relation.uid).subscribe((file) => {
+      let adaptedFile = this.adapter.adaptIn(
+        { ...file },
+        this.relationsvc.incomingConstant['fields']
+      );
+      this.viewerFilesService.updateViewer.next(adaptedFile);
+    });
+  }
+
+  handleMenuItemClicked(event) {
+    if (event.action === 'view') {
+      this.view_Corres(event.item);
+    } else if (event.action === 'delete') {
+      this.onDeleteClick(event.item);
+    }
+  }
+}

package/src/lib/components/correspondence-relation/components/correspondence-relation-reply/correspondence-relation-reply.component.html

@@ -0,0 +1,20 @@
+<div class="relations-list" *ngIf="replyrelation.length > 0">
+  <ng-container>
+    <mat-list>
+      <div class="mat-list-items" *ngFor="let item of replyrelation">
+        <cts-item-list
+          [item]="item"
+          [title]="item.title"
+          [actions]="menu_actions"
+          [iconname]="item.iconName"
+          [moreclasses]="item.moreclasses"
+          (actionclicked)="fireAction(item, 'view')"
+          (itemClicked)="fireAction(item)"
+        ></cts-item-list>
+      </div>
+    </mat-list>
+  </ng-container>
+</div>
+<div class="nocontent" *ngIf="replyrelation.length === 0">
+  <p>{{ "correspondence-relation.nocontentreply" | translate }}</p>
+</div>

package/src/lib/components/correspondence-relation/components/correspondence-relation-reply/correspondence-relation-reply.component.scss

@@ -0,0 +1,9 @@
+.nocontent{
+    color: gray;
+    padding: 10px;
+    font-size: 14px;
+    p{
+        margin: 0px;
+        text-align: center;
+    }
+}

package/src/lib/components/correspondence-relation/components/correspondence-relation-reply/correspondence-relation-reply.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CorrespondenceRelationReplyComponent } from './correspondence-relation-reply.component';
+
+describe('CorrespondenceRelationReplyComponent', () => {
+  let component: CorrespondenceRelationReplyComponent;
+  let fixture: ComponentFixture<CorrespondenceRelationReplyComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CorrespondenceRelationReplyComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CorrespondenceRelationReplyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});