nuxeo-development-framework 3.1.6 → 3.1.8

package/src/lib/components/file-manger/components/scan-modal/scan-modal.component.ts

@@ -1,337 +0,0 @@
-import { Component, Inject, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { UploadManagmentService } from '../../../../shared-services/upload-managment.service';
-import { DialogMangmentService } from '../../../../shared-services/dialog-mangment.service';
-import { DynamicFormService } from '../../../../shared-services/dynamic-form.service';
-import { FileManagerService } from '../../../../shared-services/file-manager.service';
-import { UserService } from '../../../../shared-services/user.service';
-import { Subscription } from 'rxjs';
-import * as moment from 'moment';
-import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
-import { DocumentScanService } from '../../../documents/components/document-scan/document-scan.service';
-import { DateHelperService } from '../../../hijri-gregorian-datepicker/services/date-helper.service';
-import { AdapterService } from '../../../../Core/adapters/adapter.service';
-import { TranslationService } from '../../../../Core/services/translation/translation.service';
-import { NuxeoService } from '../../../../Core/services/nuxeo/nuxeo.service';
-import { AppConfigService } from '../../../../configuration/app-config.service';
-
-@Component({
-  selector: 'app-scan-modal',
-  templateUrl: './scan-modal.component.html',
-  styleUrls: ['./scan-modal.component.scss']
-})
-export class ScanModalComponent implements OnInit {
-  scannerUploadButton;
-  fileType;
-  source;
-  activeTab = 'scan';
-  createWhenFinishMode = false;
-  myEnvironment
-  selectedFile = {
-    staticData : {},
-    fileType: '',
-    dynamicForm: '',
-    dynamicData: {
-      valid: false,
-      data: {}
-    },
-    file: ''
-  };
-  temporaryDyanmicData = {};
-  showRenderer = false;
-
-  uploadStartSubscription : Subscription;
-  fileChangeSubscription  :Subscription;
-  fileFormSubscription : Subscription;
-  agencyCategCodeSubscription : Subscription;
-  countryCategCodeSubscription : Subscription;
-  langSubscription: Subscription;
-
-  isArabic = false;
-  showStaticForm = false
-  usingExtraFields = false; // flage to switch between static form types
-  fileForm : FormGroup;
-  staticFormFields;
-  agencyNameFilter ;
-  countryNameFilter;
-
-  constructor(@Inject(MAT_DIALOG_DATA) public data,
-    public dialogRef: MatDialogRef<ScanModalComponent>,
-    public uploadMangmentService: UploadManagmentService,
-    public dialogMangmentService: DialogMangmentService,
-    private fileMangerService: FileManagerService,
-    private tosterService: CustomToastrService,
-    private formBuilder : FormBuilder,
-    private dynamicFormService: DynamicFormService,
-    private dateHelperService : DateHelperService,
-    private adapter : AdapterService,
-    private translationService : TranslationService,
-    private nuxeoService  : NuxeoService,
-    private userService : UserService,
-    private appConfService : AppConfigService,
-    @Inject('environment') private envirnoment,
-    private documentScanService : DocumentScanService) { 
-      this.myEnvironment = this.envirnoment
-    }
-
-  ngOnInit(): void {
-    this.langSubscription= this.translationService.isArabic.subscribe(res => {
-      this.isArabic = res;
-    });
-
-    this.createWhenFinishMode = false;
-    this.fileType = this.dialogMangmentService.fileType;
-    this.source = this.dialogMangmentService.addingFrom;
-
-    this.fileMangerService.getFileSchemas(this.fileType.type).subscribe(schemas => {
-      schemas.map(item => {
-        if(item.name === "generaldocument"){
-          this.usingExtraFields = true;
-        }
-      })
-      this.initiatfileForm();
-          //if starting from filemnager then i have fixed file type for all attachmetn and single dynaimc form  type
-    if (this.source === 'fileManger') {
-      if(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.length > 0){
-        setTimeout(() => {
-          this.selectedFile = {...this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.shift()};
-          this.temporaryDyanmicData =this.selectedFile.dynamicData.data;
-          this.fileForm.patchValue(this.selectedFile.staticData);
-          if(this.selectedFile['staticData']['agencyCategoryCode']){
-            this.agencyNameFilter = {
-              category : this.selectedFile['staticData']['agencyCategoryCode']
-            };
-          }
-          if(this.selectedFile['staticData']['countryCategoryCode']){
-            this.countryNameFilter = {
-              category : this.selectedFile['staticData']['countryCategoryCode']
-            };
-          }
-          this.openSubscriptions();
-        }, 2000);
-        setTimeout(() => {
-          this.showRenderer = true;
-        }, 3000);
-      }else{
-          this.selectedFile.dynamicForm = this.dialogMangmentService.storedDynamicForm;
-          this.showRenderer = true;
-          this.openSubscriptions();
-      }
-    }
-    })
-
-    this.uploadStartSubscription = this.documentScanService.uploadStart.subscribe(res => {
-      this.uploadMangmentService.uploadedFilesStatus.uploadInProgress = res;
-    })
-    this.fileChangeSubscription = this.documentScanService.fileChange.subscribe(event => {
-      //console.log(event);
-      this.selectedFile.file = event;
-      let payLoad = this.constructPayLoad(this.selectedFile);
-      this.fileMangerService.createFile(payLoad, this.fileMangerService.selectedFolderId).subscribe(res => {
-        if(res['status'] && res['status'] === 'failed'){
-          this.uploadMangmentService.scanCreationFailed = true;
-         this.tosterService.show('error' , 'TOASTER.ERROR' , 'TOASTER.UPLOAD_ERROR');
-          this.removeSubscription();
-        }else{
-          this.fileMangerService.onRefreshingFileManger.next();
-          this.tosterService.show('success', 'TOASTER.SUCCESS', "TOASTER.FILE_CREATED_SUCCE")
-          this.documentScanService.storedFile = {};
-          this.uploadMangmentService.resetStatus();
-          this.removeSubscription();
-        }
-    })
-    })
-
-     this.scannerUploadButton = document.getElementById('scannerUploadButton');
-  }
-  
-  initiatfileForm(){
-    if(this.usingExtraFields){
-      this.fileForm = this.formBuilder.group({
-        title : ['' , [Validators.required]],
-        description : [''],
-        subject : ['' , [Validators.required]],
-        documentNumber : [''],
-        gdocumentDate : [null , [Validators.required]],
-        secrecyLevel : [null],
-        importanceLevel:[null],
-        departmentCode:[''],
-        agencyCategoryCode:[null],
-        agencyName:[null],
-        countryCategoryCode:[null],
-        countryName:[null],
-        remarks:['']
-      })
-    }else{
-      this.fileForm = this.formBuilder.group({
-        title : ['' , [Validators.required]],
-        description : ['']
-      })
-    }
-    this.staticFormFields = this.appConfService.myConfiguration.staticFormFields;
-    if(this.fileFormSubscription){
-      this.fileFormSubscription.unsubscribe();
-    }
-    if(this.fileForm.get('departmentCode')){
-      this.fileForm.get('departmentCode').setValue(this.userService.getUserDepartmentFromPath(this.data.path));
-    }
-
-  }
-
-  openSubscriptions(){
-    this.fileFormSubscription =  this.fileForm.valueChanges.subscribe(data => {
-      this.selectedFile.staticData = data;
-    })
-
-    if(this.fileForm.get('agencyCategoryCode')){
-      this.agencyCategCodeSubscription =  this.fileForm.get('agencyCategoryCode').valueChanges.subscribe(res => {
-        this.fileForm.get('agencyName').setValue(null);
-            this.agencyNameFilter = {
-              category : res
-            };
-      })
-    }
-
-    if(this.fileForm.get('countryCategoryCode')){
-      this.countryCategCodeSubscription =  this.fileForm.get('countryCategoryCode').valueChanges.subscribe(res => {
-        this.fileForm.get('countryName').setValue(null);
-        this.countryNameFilter = {
-          category : res
-        };
-      })
-    }
-
-  }
-
-  onUploading(event) {
-    this.uploadMangmentService.uploadedFilesStatus.uploadInProgress = event;
-  }
-
-  // onScannerSuccess(event) {
-  //   //console.log(event);
-  //   this.selectedFile.file = event;
-  //   let payLoad = this.constructPayLoad(this.selectedFile);
-  //   this.fileMangerService.createFile(payLoad, this.fileMangerService.selectedFolderId).subscribe(res => {
-  //     this.fileMangerService.onRefreshingFileManger.next();
-  //     this.tosterService.show('success', 'TOASTER.SUCCESS', "TOASTER.FILE_CREATED_SUCCE")
-  //     this.documentScanService.storedFile = {};
-  //     this.uploadMangmentService.resetStatus();
-  //   })
-  // }
-
-  ondynamicFormChange(dynamicData) {
-    if (dynamicData.data) {
-      console.log(dynamicData.data)
-      this.selectedFile.dynamicData = { ...dynamicData };
-    }
-  }
-
-  closeDialog() {
-    this.documentScanService.storedFile = {};
-    this.removeSubscription();
-    this.dialogRef.close(false);
-
-  }
-
-  minimizDialog() {
-    this.documentScanService.onMinimizing.emit(true);
-    this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.push({...this.selectedFile})
-    this.removeSubscription();
-    this.dialogRef.close(true);
-  }
-
-  removeSubscription(){
-    setTimeout(() => {
-      this.uploadStartSubscription ? this.uploadStartSubscription.unsubscribe() : '';
-      this.fileChangeSubscription ? this.fileChangeSubscription.unsubscribe() : '';
-    }, 2000);
-  }
-
-  startAddingProperties() {
-    this.uploadMangmentService.addingPropertiesMode = true;
-  }
-
-
-  createDocument() {
-    this.documentScanService.onMinimizing.emit(true);
-    this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.push({...this.selectedFile});
-    this.scannerUploadButton.click();
-    this.dialogRef.close(true);
-  }
-
-  constructPayLoad(file) {
-    let props = this.dynamicFormService.constructDynamicFormPayload(file.dynamicData.data, file.dynamicForm);
-    let staticFormData = this.mappingStaticData(file.staticData)
-
-    let param = {
-      "document": {
-        "type": this.fileType.type,
-        "name": file.staticData.title,
-        "properties": {
-          ...props,
-          ...staticFormData,
-          "file:content": {
-            "upload-batch": file.file.blob['upload-batch'],
-            "upload-fileId": file.file.blob['upload-fileId']
-          }
-        }
-      }
-    };
-    if (file.fileType.documentCode) {
-      param["documentTypeCode"] = file.fileType.documentCode
-    }
-    return {params : param , originFile : file};
-  }
-
-  mappingStaticData(data){
-    if(data.gdocumentDate && data.gdocumentDate !== null){
-      moment.locale('en');
-      data['hdocumentDate'] = this.dateHelperService.gregorianToHijri(data.gdocumentDate,'iYYYY-iMM-iDD');
-      data.gdocumentDate = (moment(data.gdocumentDate).format("YYYY-MM-DDT00:00:00.000") + "Z")
-    }
-    return this.adapter.adaptOut(data , this.staticFormFields)
-  }
-
-  constructDynamicFormPayload(file) {
-    let updatedDynamicValues = {}
-    Object.keys(file?.dynamicData?.data).map(key => {
-      let updatedKey = key.replace(':', '');
-      let prefix = file.dynamicForm.prefix[updatedKey];
-      if (prefix) {
-        // check if component is user selector to map its data from object to username or id only 
-        if(file.dynamicData.data[key] && file.dynamicData.data[key]['userSelector'] && file.dynamicData.data[key]['userSelector'] === true){
-           updatedDynamicValues[prefix + ':' + updatedKey] = file.dynamicData.data[key]['value']['id'] ? file.dynamicData.data[key]['value']['id'] : file.dynamicData.data[key]['value']['properties']['username'];
-        }else{
-           updatedDynamicValues[prefix + ':' + updatedKey] = file.dynamicData.data[key]
-        }
-     } else {
-        if(file.dynamicData.data[key]['userSelector'] && file.dynamicData.data[key]['userSelector'] === true){
-           updatedDynamicValues[updatedKey] = file.dynamicData.data[key]['value']['id'] ? file.dynamicData.data[key]['value']['id'] : file.dynamicData.data[key]['value']['properties']['username'];
-        }else{
-           updatedDynamicValues[updatedKey] = file.dynamicData.data[key]
-        }
-     }
-    })
-    return updatedDynamicValues;
-  }
-
-  createWhenFinish() {
-
-  }
-
-  changTabTo(tabName) {
-    this.activeTab = tabName;
-  }
-  checkValidation() {
-    return false;
-  }
-
-  ngOnDestroy(){
-    this.langSubscription ? this.langSubscription.unsubscribe() : '';
-    this.agencyCategCodeSubscription ? this.agencyCategCodeSubscription.unsubscribe() : null;
-    this.countryCategCodeSubscription ? this.countryCategCodeSubscription.unsubscribe() : null;
-    this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : null;
-  }
-}
-

package/src/lib/components/file-manger/components/share-dialog/share-dialog.component.html

@@ -1,159 +0,0 @@
-<form [formGroup]="shareForm" class="h-full p-5 overflow-auto" SetRtl>
-
-  <div class="flex flex-col justify-between h-full">
-    <!--Form Section-->
-    <div class="add-permsion-wrapper">
-      <span class="text-gray-900 text-lg">
-        {{ "share.shareDialogTitle" | translate }}
-      </span>
-      <div class="mt-5 selectorsWrapper">
-        <app-select-users-by-departments
-          formControlName="depAnditsUsers"
-          [allowMultipleUsers]= "true"
-          [userLabel]="'share.users'  | translate"
-          [depLabel]="'share.Dep'  | translate"
-          [display]="'column'">
-        </app-select-users-by-departments>
-      </div>
-      <div *ngIf="forbiddenUsers.length" class="flex">
-        <ng-container *ngFor="let p of forbiddenUsers; let i as index">
-          <span class="text-red-500 text-base">
-            {{p}}&nbsp;
-          </span>
-        </ng-container>
-        <span class="text-red-500 text-base">
-           <p *ngIf="forbiddenUsers.length == 1">
-            {{ "share.single_forbidden" | translate }}
-           </p>
-           <p *ngIf="forbiddenUsers.length > 1">
-            {{ "share.multi_forbidden" | translate }}
-           </p>
-        </span>
-      </div>
-      <div *ngIf="sameCurrentUser">
-        <span class="text-red-500 text-base">
-          {{ "share.shareWithLoggedInUser" | translate }}
-        </span>
-      </div>
-      <div *ngIf="isSharedBefore.length" class="flex">
-          <span class="text-red-500 text-base">
-            {{ "share.share_exists" | translate }}
-            <ng-container *ngFor="let p of isSharedBefore">
-              {{p}}
-            </ng-container>
-            {{ "share.before" | translate }}
-          </span>
-      </div>
-      <div class="mt-4 rightsSelector">
-        <label class="text-base font-bold mb-0">
-          {{ "share.Rights" | translate }}
-          <span class="text-danger">*</span>
-        </label>
-        <ng-select 
-          [items]="rights" 
-          bindLabel="label"
-          bindValue="value"
-          [placeholder]="'permission.rightsPlaceholder' | translate"
-          formControlName="rights"
-          (change)="setRight($event)"
-        >
-        </ng-select>
-      </div>
-      <div *ngIf="sharedList.length" class="mt-4">
-        <div>
-          <label class="text-base font-bold mb-0">
-            {{ "share.fileUrl" | translate }}
-          </label>
-          <div class="flex relative">
-            <input 
-              #fileUrl
-              [value]="shareableUrl"
-              disabled
-              class="appearance-none block w-full  bg-accent-100 text-gray-700 border border-gray-200 rounded py-2.5 px-4 
-              leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
-              type="text"
-            >
-            <button class="absolute pt-2.5 bg-accent-100"
-              [matTooltip] = "'BUTTONS.COPY' | translate"
-              [ngClass]="(locale === 'en')  ? 'right-2' : 'left-2'"
-              [cdkCopyToClipboard]="fileUrl.value"
-              (click)="copy()">
-              <mat-icon svgIcon="mat_solid:content_copy" class="icon-size-6"></mat-icon>
-            </button>
-            <div *ngIf="copied" class="flex absolute justify-around w-24 -mt-10 border 
-            border-red-700 h-7 rounded bg-gray-200"
-            [ngClass]="(locale === 'en')  ? 'right-0' : 'left-0'">
-              <div class="w-3 h-3 justify-center bg-gray-200 transform rotate-45 border
-               mt-5 borders-color">
-              </div>
-              <span class="absolute font-extralight">{{ "share.copied" | translate }}</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--Shares Section-->
-    <div *ngIf="sharedList.length">
-      <div class="flex flex-row justify-between h-7 border-b-2 border-accent-100 mt-2">
-        <span class="text-base font-bold">
-          {{ "share.shares" | translate }}
-        </span>
-        <button mat-icon-button *permission="{name: 'canRemoveShare', entity: selectedItem.entity}"
-          matTooltip="{{'share.Rm_All_shares' | translate}}" (click)="openDialog('Rem_ALL_shares')">
-          <mat-icon [svgIcon]="'heroicons_outline:trash'"
-          [ngClass]="(locale === 'en')  ? 'mr-2' : 'ml-2'"></mat-icon>
-        </button>
-      </div>
-      <div class="h-52 overflow-y-auto">
-        <div class="flex flex-row justify-between mt-2.5">
-          <span class="w-1/2 text-base font-bold">{{"share.shareWith" | translate}}</span>
-          <span class="w-1/4 text-base font-bold">{{"share.share_date" | translate}}</span>
-          <span class="w-1/4 text-base font-bold">{{"share.permission" | translate}}</span>
-          <span>&nbsp;</span>
-        </div>
-        <ng-container *ngFor="let d of sharedList">
-          <div class="flex flex-row justify-between mt-2.5">
-            <div class="flex flex-row w-1/2">
-              <div class="flex-0 w-8 h-8 rounded-full overflow-hidden">
-                <cts-avatar [user]="{
-                properties: {
-                  firstName: d.user.properties?.firstName,
-                  lastName: d.user.properties?.lastName
-                }
-              }">
-                </cts-avatar>
-              </div>
-              <div class="flex flex-col -mt-2 px-2 break-all">
-                <span>{{d.user.fullName}}</span>
-                <span>{{d.user.properties.email}}</span>
-              </div>
-            </div>
-            <div class="w-1/4 mt-1.5 break-all px-2.5">
-              <span>{{d.sharedDate  | localizedDate:"dd MMMM yyyy":(isArabic? 'ar-AR' : 'en-US')}}</span>
-            </div>
-            <div class="w-1/4 mt-1.5 break-all px-4">
-              <span>{{"rights." + d.sharedMode | translate}}</span>
-            </div>
-            <div class="mt-1.5">
-              <button mat-icon-button *permission="{name: 'canRemoveShare', entity: selectedItem.entity}"
-                matTooltip="{{'share.Rm_custom_share' | translate}}"
-                (click)="openDialog('Rem_custom_share',d.user.properties.username,d.sharedMode)">
-                <i class="ms-Icon ms-Icon--ChromeClose" aria-hidden="true"
-                [ngClass]="(locale === 'en')  ? 'mr-2.5' : 'ml-2.5'"></i>
-              </button>
-            </div>
-          </div>
-        </ng-container>
-      </div>
-    </div>
-    <!--Buttons Section-->
-    <div class="flex flex-row justify-between mt-2 py-1">
-      <button class="submission-button" [disabled]="disabled" (click)="share()">
-        {{ "share.shareButton" | translate }}
-      </button>
-      <button class="cancelation-button" (click)="close()">
-        {{ "BUTTONS.Cancel" | translate }}
-      </button>
-    </div>
-  </div>
-</form>

package/src/lib/components/file-manger/components/share-dialog/share-dialog.component.scss

@@ -1,38 +0,0 @@
-.share-dialog-wrapper {
-    .mat-dialog-container {
-        overflow: hidden;
-        padding: 0 !important;
-    }
-    .borders-color {
-        --tw-border-opacity: 1;
-        border-bottom-color: rgba(
-            185,
-            28,
-            28,
-            var(--tw-border-opacity)
-        ) !important;
-        border-right-color: rgba(
-            185,
-            28,
-            28,
-            var(--tw-border-opacity)
-        ) !important;
-    }
-
-    .rightsSelector {
-        .ng-select-container {
-            .ng-value-container {
-                .ng-placeholder {
-                    font-size: 12px;
-                    margin-top: 3px;
-                }
-            }
-        }
-    }
-    .selectorsWrapper {
-        .dep-label,
-        .users-label {
-            @apply text-base font-bold mb-0;
-        }
-    }
-}

package/src/lib/components/file-manger/components/share-dialog/share-dialog.component.spec.ts

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