nuxeo-development-framework 3.0.9 → 3.1.2

package/src/lib/components/comments/services/comment-api.service.ts

@@ -0,0 +1,85 @@
+import { Inject, Injectable } from '@angular/core';
+import { from, Observable } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import { AdapterService } from '../../../Core/adapters/adapter.service';
+import { NuxeoService } from '../../../Core/services/nuxeo/nuxeo.service';
+import { CommentConstants } from '../constants/comment';
+@Injectable({
+  providedIn: 'root',
+})
+export class CommentApiService {
+  constructor(private nuxeoService: NuxeoService, private commentAdapter: AdapterService, @Inject('environment') private environment) { }
+
+  getComments(parentId, params = {}): Observable<any> {
+
+    return from(
+      this.nuxeoService.nuxeoClient
+        .request(`${this.environment.commentsApi}/pp/${CommentConstants.pageProvider.comments.name}`)
+        .queryParams({
+          queryParams: parentId,
+          ...params
+        })
+        .get({
+          headers: CommentConstants.pageProvider.comments.headers,
+        })
+    ).pipe(
+      map((data: any) => {
+        //  data.entries.map((item) => this.commentAdapter.adaptIn(item));
+        return data;
+      }),
+      catchError((err) => {
+        throw err;
+      })
+    );
+
+
+  }
+
+  createComment(comment, id): Observable<any> {
+    return from(
+      this.nuxeoService.nuxeoClient
+        .request(`id/${id}/@comment`)
+        .queryParams({ properties: '*' })
+        .post({
+          body: { 'entity-type': 'comment', ...comment },
+        })
+    ).pipe(
+      catchError((err) => {
+        throw err;
+      })
+    );
+  }
+
+  deleteComment(prentId , commentId) {
+    return from(
+      this.nuxeoService.nuxeoClient
+        .request(`id/${prentId}/@comment/${commentId}`)
+        .headers({
+          "properties": "*",
+        })
+        .delete()
+    ).pipe(
+      catchError((err) => {
+        throw err;
+      })
+    );
+  }
+
+  updateDocument(comment , prentId , commentId){
+    return from(
+      this.nuxeoService.nuxeoClient
+        .request(`id/${prentId}/@comment/${commentId}`)
+        .headers({
+          "properties": "*",
+        })
+        .put({
+          body: {...comment },
+        })
+    ).pipe(
+      catchError((err) => {
+        throw err;
+      })
+    );
+  }
+
+}

package/src/lib/components/confirm-caller/confirm-caller.dialog.html

@@ -0,0 +1,26 @@
+<div [dir]="'dir' | translate">
+  <h1 class="dialog-title">{{data.title | translate}}</h1>
+  <div>
+    <div>{{data.message | translate}}</div>
+  </div>
+
+  <div mat-dialog-actions>
+  <!--   <cts-button
+      [theme]="'primary'"
+      [size]="'regular'"
+      [disabled]="calling"
+      (onClick)="makeCall()"
+    >
+      {{ 'Yes' | translate}}
+    </cts-button> -->
+
+    <button class="btn confirm" [disabled]="calling"
+    (click)="makeCall()">
+      {{ 'Yes' | translate}}
+    </button>
+
+    <button class="btn btn-light" [mat-dialog-close]="false">
+      {{'Cancel' | translate}}
+    </button>
+  </div>
+</div>

package/src/lib/components/confirm-caller/confirm-caller.dialog.scss

@@ -0,0 +1,34 @@
+@import "../../assets/scss/myApp.scss";
+.aca-file-version-upload-dialog {
+  overflow: unset;
+
+  .dialog-actions {
+    justify-content: flex-end;
+
+    button {
+      text-transform: uppercase;
+    }
+  }
+
+  .file-version-dialog__title {
+    padding-left: 8px;
+  }
+}
+.dialog-title {
+  font-size: $text-lg;
+  text-align: center;
+}
+
+.mat-dialog-actions{
+  display: flex;
+  justify-content: center;
+  .btn{
+    width: auto;
+    margin: 0px 5px;
+    min-width: 70px;
+  }
+  .confirm{
+    background-image: linear-gradient(to bottom, #0dbab5, #2e62df);
+    color: white;
+  }
+}

package/src/lib/components/confirm-caller/confirm-caller.dialog.ts

@@ -0,0 +1,68 @@
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { CustomToastrService } from '../custom-toastr/services/custom-toastr.service';
+import { ConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';
+
+/**
+ * A material dialog confirm component that will ask the user for confirmation,
+ * then shows a loader and execute a function and only close the dialog after the action is complete
+ *
+ *
+ *  ![screenshot-1](../screenshots/dialog.png)
+ *
+ * ### Usage Example
+ * ~~~ts
+ * let actionFunction = () => {
+ *     return this.someService.observableFunction();
+ *   };
+ *   return this.dialog
+ *     .open(ConfirmCallerDialogComponent, {
+ *       data: {
+ *         call: actionFunction,
+ *         title: 'path.to.title.translation',
+ *         toastrTitle: 'path.to.success.title',
+ *         toastrMsg: 'path.to.success.message',
+ *       },
+ *     })
+ *     .afterClosed()
+ *     .pipe(take(1))
+ *     .subscribe((data) => {
+ *       if (data) {
+ *           // do something on success
+ *      }
+ *    });
+ * ~~~
+ * @title
+ * Confirm dialog
+ */
+@Component({
+  templateUrl: './confirm-caller.dialog.html',
+  encapsulation: ViewEncapsulation.None,
+  styleUrls: ['./confirm-caller.dialog.scss'],
+  host: { class: 'confirm-caller' },
+})
+export class ConfirmCallerDialogComponent {
+  calling = false;
+  constructor(
+    @Inject(MAT_DIALOG_DATA) public data,
+    public dialogRef: MatDialogRef<ConfirmDialogComponent>,
+    private toastr: CustomToastrService
+  ) {}
+  makeCall() {
+    this.calling = true;
+    this.data.call(this.data).subscribe(
+      (data) => {
+        this.calling = false;
+        this.dialogRef.close(data);
+        this.toastr.show('success', this.data.toastrTitle, this.data.toastrMsg);
+      },
+      (error) => {
+        this.calling = false;
+        this.toastr.show('error', 'Error',
+          error.ret.message ?
+            `errors.${error.ret.code}`
+            : 'genericError');
+      }
+    );
+  }
+}

package/src/lib/components/confirm-caller/confirm-caller.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ConfirmCallerDialogComponent } from './confirm-caller.dialog';
+import { TranslateModule } from '@ngx-translate/core';
+import { ConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';
+import { MatDialogModule } from '@angular/material/dialog';
+import { LibrarySharedModule } from '../../shared/libraryShared.module';
+
+/**
+ * @title
+ * Confirm Dialog Module
+ */
+@NgModule({
+  declarations: [ConfirmCallerDialogComponent, ConfirmDialogComponent],
+  imports: [MatDialogModule, CommonModule,LibrarySharedModule, TranslateModule],
+  exports: [TranslateModule,ConfirmCallerDialogComponent, ConfirmDialogComponent],
+  providers: [],
+})
+export class ConfirmCallerModule { }

package/src/lib/components/confirm-caller/confirm-dialog/confirm-dialog.component.html

@@ -0,0 +1,13 @@
+<div dir="{{'dir' | translate}}">
+  <div class="content-container">
+    <span class="content-span full-width">{{ data.message | translate }}</span>
+  </div>
+  <div class="button-group">
+    <button mat-flat-button id="no-button" [mat-dialog-close]="false">
+      {{ 'No' | translate}}
+    </button>
+    <button mat-flat-button id="yes-button" [mat-dialog-close]="true">
+      {{ 'Yes' | translate}}
+    </button>
+  </div>
+</div>

package/src/lib/components/confirm-caller/confirm-dialog/confirm-dialog.component.spec.ts

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

package/src/lib/components/confirm-caller/confirm-dialog/confirm-dialog.component.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+/** @ignore */
+@Component({
+  selector: 'app-confirm-dialog',
+  templateUrl: './confirm-dialog.component.html',
+  styleUrls: ['./confirm-dialog.component.scss']
+})
+export class ConfirmDialogComponent implements OnInit {
+
+  constructor(@Inject(MAT_DIALOG_DATA) public data, public dialogRef: MatDialogRef<ConfirmDialogComponent>) { }
+
+  ngOnInit(): void {
+  }
+
+
+}

package/src/lib/components/confirmation-dialog/confirmation-dialog/confirmation-dialog.component.html

@@ -0,0 +1,24 @@
+<!-- <div class="confirmation-dialog-contianer">
+    <div class="conf-title text-center text-gray-900 text-xl mb-5">
+        {{data.title | translate}}
+    </div>
+    <div class="conf-message text-center text-gray-900 text-lg mb-5">
+        {{data.message | translate}}
+    </div>
+    <div class="conf-actions d-flex justify-around items-center">
+        <button class="hover:text-gray-900 border-2 hover:border-gray-900 hover:bg-white w-30 bg-gray-900 text-white h-10 rounded-lg" (click)="executeFunction(false)">{{'BUTTONS.No' | translate}}</button>
+        <button class="hover:text-gray-900 border-2 hover:border-gray-900 hover:bg-white w-30 bg-gray-900 text-white h-10 rounded-lg" (click)="executeFunction(true)">{{'BUTTONS.Yes' | translate}}</button>
+    </div>
+</div> -->
+
+<div class="d-flex px-0 mb-5 h-24">
+    <img class="w-14 h-14" src="assets/images/thumbnails/warning.png">
+    <div class="px-3 mt-3">
+       <span class="text-xl font-medium ">{{data.title | translate}}</span>
+       <div class="text-lg text-secondary text-base mt-2 sub-title">{{data.message | translate}}</div>
+    </div>
+ </div> 
+<div class="conf-actions d-flex justify-end items-center px-0">
+   <button class="mx-2 cancelation-button w-1/3" (click)="executeFunction(false)">{{data.cancelButton | translate}}</button>
+   <button class="mx-2 submission-button w-1/3" (click)="executeFunction(true)">{{data.confirmButton | translate}}</button>
+</div>

package/src/lib/components/confirmation-dialog/confirmation-dialog/confirmation-dialog.component.spec.ts

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

package/src/lib/components/confirmation-dialog/confirmation-dialog/confirmation-dialog.component.ts

@@ -0,0 +1,19 @@
+import { Component, Inject, OnInit } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-confirmation-dialog',
+  templateUrl: './confirmation-dialog.component.html',
+  styleUrls: ['./confirmation-dialog.component.scss']
+})
+export class ConfirmationDialogComponent implements OnInit {
+
+  constructor(@Inject(MAT_DIALOG_DATA) public data , private dialofRef : MatDialogRef<ConfirmationDialogComponent>) { }
+
+  ngOnInit(): void {
+  }
+
+  executeFunction(answer){
+    this.dialofRef.close(answer);
+  }
+}

package/src/lib/components/confirmation-dialog/confirmation-dialog.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ConfirmationDialogComponent } from './confirmation-dialog/confirmation-dialog.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatDialogModule } from '@angular/material/dialog';
+
+
+
+@NgModule({
+  declarations: [ConfirmationDialogComponent],
+  imports: [
+    CommonModule,
+    TranslateModule,
+    MatDialogModule
+  ],
+  exports:[ConfirmationDialogComponent]
+})
+export class ConfirmationDialogModule { }

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

@@ -0,0 +1,27 @@
+<div class="relations-container">
+  <div  class="mb-3">
+    <div class="subheader">
+      <div>{{ "correspondence-relation.reply_relation" | translate }}</div>
+    </div>
+    <cts-correspondence-relation-reply
+      [correspondence_id]="corr_id"
+      (actionclicked)="handleActions($event)"
+    ></cts-correspondence-relation-reply>
+  </div>
+
+  <div class="mb-2">
+    <div class="subheader">
+      <div>{{ "correspondence-relation.title" | translate }}</div>
+      <div *permission="{
+        name: 'AddRelatedCorrespondence',
+        entity: correspondance , user: nuxeoService.nuxeoClient.user
+      }" (click)="openDialog()"><mat-icon>add</mat-icon></div>
+    </div>
+    <cts-correspondence-relation-list
+      [correspondence_id]="corr_id"
+      [reload]="reload"
+    ></cts-correspondence-relation-list>
+  </div>
+
+
+</div>

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

@@ -0,0 +1,34 @@
+@import "../../../../assets/scss/myApp.scss";
+.relations-container {
+  .subheader {
+    padding: 10px 0px 0px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 14px;
+    font-weight: bold;
+    mat-icon {
+      font-size: 25px;
+      cursor: pointer;
+      color: $gray-500;
+    }
+  }
+  .relations-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    a {
+      font-size: 30px;
+      color: lightslategrey;
+    }
+  }
+  .relations-list {
+    border: 1px solid #00000026;
+    .relation-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,149 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { CorrespondenceRelationService } from '../../services/correspondence-realation.service';
+import { take } from 'rxjs/operators';
+import { ConfirmCallerDialogComponent } from '../../../confirm-caller/confirm-caller.dialog';
+import { CorrespondenceRelationCreateFormComponent } from '../correspondence-relation-create-form/correspondence-relation-create-form.component';
+import { DocumentsService } from '../../../documents/services/documents.service';
+import { ViewerFilesService } from '../../services/viewer-files.service';
+import { UserPreferencesService } from '../../../../Core/services/user/user-preferences.service';
+import { NuxeoService } from '../../../../Core/services/nuxeo/nuxeo.service';
+@Component({
+  selector: 'cts-correspondence-relation',
+  templateUrl: './correspondence-relation.component.html',
+  styleUrls: ['./correspondence-relation.component.scss'],
+})
+export class CorrespondenceRelationComponent implements OnInit {
+  @Input()
+  corr_id;
+    /** Correspondance */
+    @Input()
+    correspondance;
+  relations_list: any;
+  reload: boolean = false;
+  constructor(
+    public dialog: MatDialog,
+    private corrrelationsvc: CorrespondenceRelationService,
+    private toastr: CustomToastrService,
+    private viewerFilesService: ViewerFilesService,
+    private documentsApi: DocumentsService,
+    private userPreference: UserPreferencesService,
+    public nuxeoService : NuxeoService
+  ) {}
+
+  ngOnInit(): void {
+    this.getallrelated();
+    this.corrrelationsvc.getUpdatedRelation.subscribe((res) => {
+      this.getallrelated();
+    });
+  }
+
+  openDialog() {
+    let data = {};
+    if (this.relations_list)
+    data = {
+      exist_relations_list: this.relations_list.value,
+      correspondance: this.correspondance,
+    };
+    else data = { exist_relations_list: [] };
+    const dialogConfig = new MatDialogConfig();
+    dialogConfig.data = data;
+    dialogConfig.direction =
+      this.userPreference.locale === 'ar' ? 'rtl' : 'ltr';
+    dialogConfig.panelClass = 'custom-dialog-container';
+    dialogConfig.width = '50%';
+    dialogConfig.disableClose= true ;
+    const dialogRef = this.dialog.open(
+      CorrespondenceRelationCreateFormComponent,
+      dialogConfig
+    );
+
+    dialogRef.afterClosed().subscribe((result) => {
+      if (result) {
+        this.corrrelationsvc
+          .create_Named_Relation(this.corr_id, result.relationname, result.docs)
+          .subscribe(
+            (data) => {
+              this.reload = true;
+              this.corrrelationsvc.getUpdatedRelation.next();
+              this.toastr.show(
+                'success',
+                'success',
+                'Realation Successfuly added'
+              );
+            },
+            (err) => {
+              this.toastr.show('error', 'error',
+                err.ret.message ?
+                  `errors.${err.ret.code}`
+                  : 'genericError');
+            }
+          );
+      }
+    });
+  }
+
+  getallrelated() {
+    this.corrrelationsvc
+      .get_Correspondence_Relation_WithoutReply(this.corr_id)
+      .subscribe((results) => {
+        this.relations_list = results;
+      });
+  }
+
+  handleActions(event) {
+    if (event.action === 'view') {
+      this.view_Corres(event.item);
+    } else if (event.action === 'delete') {
+      this.deleteRelation(event.item);
+    } else if (event.action === 'show') {
+      this.showCorrespondenceInViewer(event.item.uid);
+    }
+  }
+
+  view_Corres(relation) {
+    let url = window.location.href;
+    window.open(url.replace(this.corr_id, relation.uid), '_blank');
+  }
+
+  showCorrespondenceInViewer(corres_id) {
+    this.documentsApi.getDocument(corres_id).subscribe((file) => {
+      this.viewerFilesService.updateViewer.next(file);
+    });
+  }
+  openConfirmDialog(functionToPerform, title, msg) {
+    return this.dialog
+      .open(ConfirmCallerDialogComponent, {
+        width: '400px',
+        data: {
+          call: functionToPerform,
+          title: 'genericConfirm',
+          toastrTitle: title,
+          toastrMsg: msg,
+        },
+      })
+      .afterClosed()
+      .pipe(take(1));
+  }
+  deleteRelation(relateddoc) {
+    let functionToPerform = () => {
+      return this.corrrelationsvc.Delete_Named_Relation(
+        this.corr_id,
+        relateddoc.relationId,
+        relateddoc.uid
+      );
+    };
+    let title = '';
+    let msg = '';
+    this.openConfirmDialog(
+      functionToPerform,
+      'Success',
+      'correspondence-relation.deleted_success'
+    ).subscribe((data) => {
+      if (data) {
+        this.corrrelationsvc.getUpdatedRelation.next();
+      }
+    });
+  }
+}