nuxeo-development-framework 3.1.4 → 3.1.6

package/src/lib/components/activities-log/activities-log/activities-log.component.ts

@@ -0,0 +1,177 @@
+import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges } from '@angular/core';
+import { AppConfigService } from '../../../configuration/app-config.service';
+import { ActivitiesLogService } from './activities-log.service';
+import { FormControl, FormGroup } from '@angular/forms';
+
+@Component({
+  selector: 'app-activities-log',
+  templateUrl: './activities-log.component.html',
+  styleUrls: ['./activities-log.component.scss']
+})
+export class ActivitiesLogComponent implements OnInit {
+  @Input()
+  documentId;
+  @Input()
+  file;
+  @Input() documentTitle;
+  @Output()
+  success = new EventEmitter();
+
+  filterForm = new FormGroup({
+    allevent: new FormControl(true),
+  });
+  p = 1;
+  count = 100;
+  isFetching = false;
+  activitylog = [];
+  constructor(private activitiesLogService: ActivitiesLogService, private myConfigService: AppConfigService) { }
+
+  ngOnInit(): void {
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    this.activitylog = []; // rest for log befor getting activities again
+    this.getActivities();
+  }
+
+  getActivities() {
+    this.isFetching = true;
+    this.activitiesLogService.getLogs(this.documentId, this.p - 1, this.count)
+      .subscribe((res: any) => {
+        //console.log(res);
+        if (this.filterForm.controls.allevent.value) {
+          res.entries.map(item => {
+            if (item?.eventId == "Download") {
+              item.principalName = item?.comment?.split(",")[1]?.split(":")[1]?.split("'")[0];
+              this.activitylog.push(
+                // {
+                //   documentLifecycle : 'registered', //'doclifecycle'
+                //   eventName:'incoming_register', //eventId
+                //   eventDate: '2021-09-27T10:42:38.000Z', // eventDate
+                //   creator:{
+                //     properties : {
+                //       firstName: "Cts",
+                //       lastName: "Sec"
+                //     }
+                //   },
+                //   documentName:'edge incoming 4 ' // pass from outside
+                // }
+                {
+                  documentLifecycle: item.docLifeCycle,
+                  eventName: item.eventId,
+                  eventDate: item.eventDate,
+                  creator: {
+                    properties: {
+                      firstName: item.principalName,
+                      lastName: ''
+                    }
+                  },
+                  documentName: this.documentTitle
+                }
+              );
+            } else {
+              this.activitylog.push(
+                // {
+                //   documentLifecycle : 'registered', //'doclifecycle'
+                //   eventName:'incoming_register', //eventId
+                //   eventDate: '2021-09-27T10:42:38.000Z', // eventDate
+                //   creator:{
+                //     properties : {
+                //       firstName: "Cts",
+                //       lastName: "Sec"
+                //     }
+                //   },
+                //   documentName:'edge incoming 4 ' // pass from outside
+                // }
+                {
+                  documentLifecycle: item.docLifeCycle,
+                  eventName: item.eventId,
+                  eventDate: item.eventDate,
+                  creator: {
+                    properties: {
+                      firstName: item.principalName,
+                      lastName: ''
+                    }
+                  },
+                  documentName: this.documentTitle
+                }
+              );
+            }
+          })
+        } else {
+          res.entries.filter(f => !this.myConfigService.myConfiguration.logs.excludedStates.includes(f.eventId))
+            .map(item => {
+              if (item?.eventId == "Download") {
+                item.principalName = item?.comment?.split(",")[1]?.split(":")[1]?.split("'")[0];
+                this.activitylog.push(
+                  // {
+                  //   documentLifecycle : 'registered', //'doclifecycle'
+                  //   eventName:'incoming_register', //eventId
+                  //   eventDate: '2021-09-27T10:42:38.000Z', // eventDate
+                  //   creator:{
+                  //     properties : {
+                  //       firstName: "Cts",
+                  //       lastName: "Sec"
+                  //     }
+                  //   },
+                  //   documentName:'edge incoming 4 ' // pass from outside
+                  // }
+                  {
+                    documentLifecycle: item.docLifeCycle,
+                    eventName: item.eventId,
+                    eventDate: item.eventDate,
+                    creator: {
+                      properties: {
+                        firstName: item.principalName,
+                        lastName: ''
+                      }
+                    },
+                    documentName: this.documentTitle
+                  }
+                );
+              } else {
+                this.activitylog.push(
+                  // {
+                  //   documentLifecycle : 'registered', //'doclifecycle'
+                  //   eventName:'incoming_register', //eventId
+                  //   eventDate: '2021-09-27T10:42:38.000Z', // eventDate
+                  //   creator:{
+                  //     properties : {
+                  //       firstName: "Cts",
+                  //       lastName: "Sec"
+                  //     }
+                  //   },
+                  //   documentName:'edge incoming 4 ' // pass from outside
+                  // }
+                  {
+                    documentLifecycle: item.docLifeCycle,
+                    eventName: item.eventId,
+                    eventDate: item.eventDate,
+                    creator: {
+                      properties: {
+                        firstName: item.principalName,
+                        lastName: ''
+                      }
+                    },
+                    documentName: this.documentTitle
+                  }
+                );
+              }
+            })
+        }
+        this.isFetching = false;
+        this.success.emit(true);
+      })
+  }
+  
+  getToggleFilters() {
+    this.activitylog = [];
+    this.getActivities();
+  }
+
+  onScroll() {
+    this.p++
+    this.getActivities();
+  }
+
+}

package/src/lib/components/activities-log/activities-log/activities-log.service.ts

@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import { from } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+import { NuxeoService } from '../../../Core/services/nuxeo/nuxeo.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ActivitiesLogService {
+
+  constructor(private nuxeoService : NuxeoService) { }
+
+  getLogs(id, pageIndex = 0, pageSize = 5) {
+    const path = 'id/' + id + '/@audit';
+    return from(this.nuxeoService.nuxeoClient.request(path)
+      .queryParams({
+        currentPageIndex: pageIndex,
+        pageSize: pageSize
+      })
+      .get({
+        headers: {
+          "properties": "*"
+        }
+      }))
+      .pipe(
+        catchError((err) => {
+          throw err;
+        }));
+  }
+}

package/src/lib/components/activities-log/activities-log.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivitiesLogComponent } from './activities-log/activities-log.component';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { LatestActivityModule } from '../latest-activity/latest-activity.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { DynamicFormModule } from '../dynamic-form/dynamic-form.module';
+
+
+
+@NgModule({
+  declarations: [ActivitiesLogComponent],
+  imports: [
+    CommonModule,
+    MatProgressBarModule,
+    LatestActivityModule,
+    FormsModule,
+    ReactiveFormsModule,
+    DynamicFormModule
+  ],
+  exports:[ActivitiesLogComponent]
+})
+export class ActivitiesLogModule { }

package/src/lib/components/activity/activity/activity.component.html

@@ -0,0 +1,28 @@
+<ng-container *ngIf="user?.properties">
+  <div class="avtivity-wrapper">
+    <div class="user-image-wrapper">
+      <cts-avatar
+        class="cursor-pointer block diameter"
+        [user]="user"
+        routerLink="/users/profile/{{ user.properties.username }}"
+      ></cts-avatar>
+    </div>
+    <div class="user-data-wraper">
+      <div class="first-data-row">
+        <span
+          class="data-link"
+          routerLink="/users/profile/{{ user.properties.username }}"
+        >
+          <ng-content select=".lineOne"></ng-content>
+        </span>
+        <span class="data-link-part2  {{ lineOnePart2 }}">
+          <ng-content select=".lineOnePart2 "></ng-content>
+        </span>
+      </div>
+
+      <span class="lineTwo {{ lineTwoClass }}">
+        <ng-content select=".lineTwo "></ng-content>
+      </span>
+    </div>
+  </div>
+</ng-container>

package/src/lib/components/activity/activity/activity.component.scss

@@ -0,0 +1,33 @@
+.avtivity-wrapper{
+    align-items: center;
+    display: flex;
+    font-size: 12px;
+  .user-image-wrapper{
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+  .user-data-wraper{
+    display: flex;
+    flex-direction: column;
+    padding: 0px 10px;
+    .first-data-row{
+      display: flex;
+      align-items: center;
+      .data-link{
+        cursor: pointer;
+        font-size: 12px;
+        display: flex;
+        flex-direction: column;
+      }
+      .data-link-part2{
+        display: flex;
+        flex-direction: column;
+      }
+    }
+    .lineTwo{
+
+    }
+  }
+}

package/src/lib/components/activity/activity/activity.component.spec.ts

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

package/src/lib/components/activity/activity/activity.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'cts-activity',
+  templateUrl: './activity.component.html',
+  styleUrls: ['./activity.component.scss']
+})
+export class ActivityComponent implements OnInit {
+
+  @Input()
+  user;
+  /** Field for something */
+  @Input()
+  lineOneClass: string;
+  @Input()
+  lineTwoClass;
+  @Input()
+  lineOnePart2;
+  constructor() { }
+
+  ngOnInit(): void { }
+
+}

package/src/lib/components/activity/activity.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivityComponent } from './activity/activity.component';
+import { AvatarModule } from '../avatar/avatar.module';
+import { RouterModule } from '@angular/router';
+
+
+
+/**
+ * @ignore
+ */
+@NgModule({
+  declarations: [ActivityComponent ],
+  imports: [
+    CommonModule,
+    AvatarModule,
+    RouterModule
+  ],
+  exports:[
+    ActivityComponent,
+    RouterModule
+  ]
+})
+export class ActivityModule { }

package/src/lib/components/attachment-item/attachment-item/attachment-item.component.html

@@ -0,0 +1,36 @@
+<ng-container *ngIf="source != 'faceRecognition'">
+    <div SetRtl class="p-2 w-72 h-15 relative border-2 flex items-center text-lg cursor-pointer hover:bg-primary-100" 
+    [ngClass]="{'border-gray-200': item.progress === undefined , 
+    'border-primary-300': (item.progress === 'done' && item['generalValidationValid'] !== false) , 
+    'border-red-500': (item.progress === 'error' || item['generalValidationValid'] === false) }">
+        <mat-icon class="cursor-pointer  top-1  absolute text-gray-900 text-xl" 
+        [ngClass]="{'left-1' : isArabic , 'right-1' : !isArabic}" (click)="removeItem()" 
+        *ngIf="showRemoveButton">close</mat-icon>
+        <span class="my-icon-wrap">
+            <app-display-suitable-icon [data]="item" [dataType]="'file'"></app-display-suitable-icon>
+        </span>
+        <div class="file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg" matTooltip="{{item.batch.title ? item.batch.title : item.title}}" *ngIf="type === 'batch'">{{item.batch.title ? item.batch.title : item.title}}</div>
+        <div class="file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg" matTooltip="{{item.name}}" *ngIf="type === 'file'">{{item.name}}</div>
+        <div class="viewer-loader absolute bottom-0 w-11/12">
+            <mat-progress-bar *ngIf="item.progress === 'inProgress'" mode="indeterminate"></mat-progress-bar>
+        </div>
+    </div>
+</ng-container>
+
+<ng-container *ngIf="source == 'faceRecognition'">
+    <div class="w-52 h-52 relative border flex flex-col items-center cursor-pointer hover:bg-primary-100" 
+    [ngClass]="{'border-gray-200': item.progress === undefined, 'border-primary-300': item.progress === 'done', 'border-red-500': item.progress === 'error'}">
+        
+        <div class="flex items-center justify-center opacity-70 cursor-pointer bg-accent-100 rounded-full top-1  absolute text-gray-900 text-xl" 
+        [ngClass]="{'left-1' : isArabic , 'right-1' : !isArabic}" (click)="removeItem()">
+            <mat-icon class="icon-size-5">close</mat-icon>
+        </div>
+        <span class="h-3/4 w-full">
+            <img [src]="personImageLink || './assets/images/Photos/loadingImg.png'" class="w-full h-full" alt="personPhoto">
+        </span>
+        <div class="w-full h-1/4 overflow-hidden text-lg" [ngClass]="{'shortTitle': item.name.length < 25,'longTitle': item.name.length > 25}">{{item.name}}</div>
+        <div class="viewer-loader absolute bottom-0 w-full">
+            <mat-progress-bar *ngIf="item.progress === 'inProgress'" mode="indeterminate"></mat-progress-bar>
+        </div>
+    </div>
+</ng-container>

package/src/lib/components/attachment-item/attachment-item/attachment-item.component.scss

@@ -0,0 +1,21 @@
+.my-icon-wrap{
+    width: 40px;
+    height: 40px;
+}
+.file-title{
+    width: calc(100% - 60px);
+}
+
+.shortTitle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-overflow: ellipsis;
+}
+
+.longTitle {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical; 
+    text-align: center;
+}

package/src/lib/components/attachment-item/attachment-item/attachment-item.component.spec.ts

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

package/src/lib/components/attachment-item/attachment-item/attachment-item.component.ts

@@ -0,0 +1,35 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { TranslationService } from '../../../Core/services/translation/translation.service';
+
+@Component({
+  selector: 'app-attachment-item',
+  templateUrl: './attachment-item.component.html',
+  styleUrls: ['./attachment-item.component.scss']
+})
+export class AttachmentItemComponent implements OnInit {
+
+  @Input() item;
+  @Input() type='batch';
+  @Input() showRemoveButton = true;
+  @Input() source = '';
+  @Input() personImageLink = '';
+  @Output() onRemovingItem = new EventEmitter();
+  translationSubscription : Subscription;
+  isArabic = false;
+  constructor(private translationService : TranslationService) { }
+
+  ngOnInit(): void {
+    this.translationSubscription = this.translationService.isArabic.subscribe(res => {
+      this.isArabic = res ;
+    });
+  }
+
+  removeItem(){
+    this.onRemovingItem.emit(this.item);
+  }
+
+  ngOnDestroy(){
+    this.translationSubscription ? this.translationSubscription.unsubscribe() : null;
+  }
+}

package/src/lib/components/attachment-item/attachment-item.module.ts

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DirectiveModule } from '../../directive/directive.module';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { DisplaySuitableIconModule } from '../display-suitable-icon/display-suitable-icon.module';
+import { AttachmentItemComponent } from './attachment-item/attachment-item.component';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+
+
+
+@NgModule({
+  declarations: [AttachmentItemComponent],
+  imports: [
+    CommonModule,
+    DirectiveModule,
+    MatProgressBarModule,
+    MatIconModule,
+    MatTooltipModule,
+    DisplaySuitableIconModule
+  ],
+  exports:[
+    AttachmentItemComponent
+  ]
+})
+export class AttachmentItemModule { }

package/src/lib/components/attachment-modal/attachment-modal.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AttachmentsComponent } from './attachments/attachments.component';
+import { AttachmentItemModule } from '../attachment-item/attachment-item.module';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
+import { DirectiveModule } from '../../directive/directive.module';
+
+
+
+@NgModule({
+  declarations: [AttachmentsComponent],
+  imports: [
+    CommonModule,
+    AttachmentItemModule,
+    MatIconModule,
+    TranslateModule,
+    DirectiveModule
+  ],
+  exports:[
+    AttachmentsComponent
+  ]
+})
+export class AttachmentModalModule { }

package/src/lib/components/attachment-modal/attachments/attachments.component.html

@@ -0,0 +1,41 @@
+<div id="anything"></div>
+<div class="iner-wrapping  border drop-zone w-full p-5  border-solid  relative" 
+     appDragAndDrop (fileDroped)="uploadingFiles($event)"
+    [ngClass]="{'border-accent-200 bg-accent-50  hover:bg-accent-100' : AppConfigService.theme === 'ksreleif' , 'border-primary-200 bg-primary-50 hover:bg-primary-200' : AppConfigService.theme === 'dgda',
+    'flex justify-center items-center': source != 'faceRecognition'}">
+
+    <div class="flex flex-wrap mt-3 w-full justify-start "
+    [ngClass]="{'absolute top-2 left-3 right-3': source != 'faceRecognition'}">
+        <div class="mx-2 mb-2 z-50"  *ngFor="let file of uploadMangmentService.uploadedFilesStatus.uploadedFiles"
+        [ngClass]="{'bg-primary-100' : file.name === activeFile.name, 'h-15': source != 'faceRecognition', 
+        'h-52': source == 'faceRecognition'}">
+            <app-attachment-item [item]="file"  [type]="'batch'" [source]="source" [personImageLink]="file?.previewLink"
+            (onRemovingItem)="removeItem($event , uploadMangmentService.uploadedFilesStatus.uploadedFiles)" 
+            (click)="selectItem(file)"></app-attachment-item>
+        </div>
+    
+        <div class="mx-2 mb-2 z-50"  *ngFor="let file of uploadMangmentService.uploadedFilesStatus.allfiles"
+        [ngClass]="{'bg-primary-100' : file.name === activeFile.name,'h-15': source != 'faceRecognition', 
+        'h-52': source == 'faceRecognition'}">
+            <app-attachment-item [item]="file" [type]="'file'" [source]="source" [personImageLink]="file?.previewLink"
+            (onRemovingItem)="removeItem($event , uploadMangmentService.uploadedFilesStatus.allfiles)" 
+            (click)="selectItem(file)"></app-attachment-item>
+        </div>
+    </div>
+
+    <input class="opacity-0 absolute -inset-0 w-full cursor-pointer" type="file" #fileInput id="fileInput" [accept]="allowedTypes" [multiple]="multiple" (change)="uploadingFiles($event.target.files)" >
+    <div class="flex justify-center items-center flex-col" *ngIf="uploadMangmentService.uploadedFilesStatus.numberOfFilesToBeUploaded === 0 || (source == 'faceRecognition' && !uploadMangmentService.uploadedFilesStatus.uploadedFiles.length && !uploadMangmentService.uploadedFilesStatus.allfiles.length)"
+    [ngClass]="{'mt-44': source == 'faceRecognition'}">
+        <mat-icon class="text-primary mb-2 w-auto h-auto text-7xl">file_upload</mat-icon>
+        <h3 class="text-center text-lg mb-2 font-bold text-primary" *ngIf="source != 'faceRecognition'">{{'DRAGE_DROP' | translate}}</h3>
+        <h3 class="text-center text-lg mb-2 font-bold text-primary" *ngIf="source == 'faceRecognition'">{{'faceRecognition.dragDropPhotos' | translate}}</h3>
+        <h3 class="text-center text-lg mb-2 font-bold text-primary">{{'OR' | translate}}</h3>
+        <label class="cursor-pointer flex justify-center items-center bg-primary rounded-3xl text-white w-36 h-10" (click)="triggerUpload()">{{'BROSE_FILES' | translate}}</label>
+    </div>
+</div>
+
+<!--  -->
+<div class="mt-2 text-lg text-primary font-bold flex justify-center items-center" *ngIf="uploadMangmentService.uploadedFilesStatus.uploadInProgress">
+    <div>{{'UPLOADING' | translate}} {{uploadMangmentService.uploadedFilesStatus.numberOfUploadedFiles}}/{{uploadMangmentService.uploadedFilesStatus.numberOfFilesToBeUploaded}}</div>
+</div>
+<!-- showing uploading files progress  -->

package/src/lib/components/attachment-modal/attachments/attachments.component.scss

@@ -0,0 +1,5 @@
+.iner-wrapping{
+    height: calc(100% - 35px);
+    overflow-y: auto;
+    overflow-x: hidden;
+}

package/src/lib/components/attachment-modal/attachments/attachments.component.spec.ts

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