nuxeo-development-framework 3.0.9 → 3.1.2

package/src/lib/components/file-manger/components/delete/delete.component.ts

@@ -0,0 +1,80 @@
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { DxFormComponent } from 'devextreme-angular';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+
+@Component({
+  selector: 'app-delete',
+  templateUrl: './delete.component.html',
+  styleUrls: ['./delete.component.scss']
+})
+export class DeleteComponent implements OnInit {
+
+  @ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+  @Input()
+  set visible(value: any) {
+    if (this._visible === value) {
+      return;
+    }
+    this._visible = value;
+    this.visibleChange.emit(this._visible);
+  }
+  get visible() {
+    return this._visible;
+  }
+  @Output()
+  visibleChange = new EventEmitter<any>();
+  @Output()
+  refresh = new EventEmitter<any>();
+  @Input()
+  rtlEnabled = false;
+  @Input()
+  selectedItem: any;
+  // @Input()
+  // rootFolder: any;
+  // @Input()
+  // rootEntries: any;
+  @Input()
+  selectedItems: any;
+  // @Input()
+  // directory: any;
+  // formData: any = {};
+  // disable = true;
+  _visible = false;
+  // currentItem;
+  constructor(
+    private fileManagerService: FileManagerService,
+    protected customToastrService: CustomToastrService
+
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+
+  cancel() {
+    this.visible = false;
+  }
+
+  deleteFolder(answer) {
+    this.fileManagerService.deleteFolder(this.selectedItems).subscribe(
+        (res) => {
+            this.visible = answer;
+            this.refresh.next();
+            this.customToastrService.show(
+                'success',
+                'TOASTER.SUCCESS',
+                'TOASTER.DOCUMENT_DELETED'
+            );
+        },
+        (err) => {
+            this.visible = true;
+            this.customToastrService.show(
+                'error',
+                'TOASTER.ERROR',
+                'TOASTER.DOCUMENT_DELETED_ERROR'
+            );
+        }
+    );
+}
+}

package/src/lib/components/file-manger/components/folder-modal/folder-modal.component.html

@@ -0,0 +1,88 @@
+<div class="create-folder-modal d-flex justify-center w-full relative h-full">
+    <div class="folder-wrapper" SetRtl>
+        <div class="mb-5">
+            <div class="label-style">
+                {{ "FOLDERS.TYPE" | translate }}
+            </div>
+            <div class="text-base text-gray-900">{{ isArabic ?  folderType.arabicText : folderType.englishText }}</div>
+
+        </div>
+        <form #folderForm="ngForm">
+            <div class="mb-3">
+                <div class="label-style">
+                    {{ "FOLDERS.TITLE" | translate }}
+                </div>
+                <input
+                    class="field-style"
+                    [ngClass]="{'border-red-500' : staticForm.title === '..'}"
+                    required
+                    [(ngModel)]="staticForm.title"
+                    id="folderTitle"
+                    name="folderTitle"
+                />
+                <div class="text-red-500 text-base" *ngIf="staticForm.title === '..'">
+                    Invalid Folder Title
+                </div>
+            </div>
+            <div class="mb-3">
+                <div class="label-style">
+                    {{ "FOLDERS.DESCRIPTION" | translate }}
+                </div>
+                <input
+                    class="field-style"
+                    [(ngModel)]="staticForm.description"
+                    id="folderDescription"
+                    name="folderDescription"
+                />
+            </div>
+        </form>
+        
+        <div class="dynamic-part -mx-4" *ngIf="dynamicForm && showRenderer">
+            <app-dynamic-form
+                [form]="dynamicForm"
+                [data]="temporaryDyanmicData"
+                (change)="ondynamicFormChange($event)"
+            ></app-dynamic-form>
+        </div>
+    </div>
+    <!-- actions and buttons  -->
+    <div
+        class="
+            w-full
+            d-flex
+            justify-between
+            absolute
+            bottom-0
+        "
+    >
+        <div class="flex">
+            <button
+                class="cancelation-button"
+                (click)="closeDialog()"
+            >
+                {{ "BUTTONS.CANCEL" | translate }}
+            </button>
+        </div>
+
+        <!--  -->
+        <div class="d-flex">
+            <button
+                (click)="createDocument()"
+                [disabled]="
+                    !dynamicData.valid ||
+                    folderForm.invalid ||
+                    staticForm.title === '..'
+                "
+                [ngClass]="{
+                    'opacity-30 cursor-not-allowed':
+                    !dynamicData.valid ||
+                    folderForm.invalid ||
+                    staticForm.title === '..'
+                }"
+                class="submission-button "
+            >
+                {{ "BUTTONS.CREATE" | translate }}
+            </button>
+        </div>
+    </div>
+</div>

package/src/lib/components/file-manger/components/folder-modal/folder-modal.component.scss

@@ -0,0 +1,7 @@
+.folder-wrapper{
+    height: calc(100% - 50px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0px 10px;
+    width: 100%;
+}

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

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

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

@@ -0,0 +1,113 @@
+import { AfterViewInit, Component, Inject, OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { DynamicFormService } from '../../../../shared-services/dynamic-form.service';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { Subject, Subscription } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { TranslationService } from '../../../../Core/services/translation/translation.service';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+
+@Component({
+  selector: 'app-folder-modal',
+  templateUrl: './folder-modal.component.html',
+  styleUrls: ['./folder-modal.component.scss']
+})
+export class FolderModalComponent implements OnInit , AfterViewInit , OnDestroy {
+  folderType;
+  dynamicForm;
+  temporaryDyanmicData = {};
+  showRenderer = false;
+  dynamicData = {
+    valid : false
+  };
+  staticForm = {
+    title : '',
+    description : '',
+    // department:''
+  }
+
+  filter={};
+  filter2={};
+  parentId='2';
+  childId;
+  testingForm : FormGroup;
+  isArabic = false;
+  private _unsubscribeAll: Subject<any> = new Subject<any>();
+  isDmsFolder = false;
+  constructor(@Inject(MAT_DIALOG_DATA) public data , 
+  private dialogRef : MatDialogRef<FolderModalComponent>,
+  private fileMangerService : FileManagerService,
+  private dynamicFormService : DynamicFormService,
+  private translationService : TranslationService,
+  private tosterService : CustomToastrService,
+  private formBuilder : FormBuilder) { }
+
+  ngOnInit(): void {
+    this.translationService.isArabic.pipe(takeUntil(this._unsubscribeAll)).subscribe(res => {
+      this.isArabic = res;
+    })
+    this.folderType = this.data.folderType;
+    this.dynamicForm = this.data.dynamicForm;
+    this.fileMangerService.getFileSchemas(this.folderType.type).subscribe(schemas => {
+      schemas.map(item => {
+        if(item.name === "dmsfolder"){
+          this.isDmsFolder = true;
+        }
+      })
+    })
+   }
+  ngAfterViewInit(){
+    this.showRenderer = true;
+  }
+
+  ngOnDestroy(): void {
+    this._unsubscribeAll.next();
+    this._unsubscribeAll.complete();
+  }
+  ondynamicFormChange(dynamicData) {
+    if (dynamicData.data) {
+      console.log(dynamicData.data)
+      this.dynamicData = { ...dynamicData };
+    }
+  }
+  closeDialog() {
+    this.dialogRef.close(false);
+  }
+
+  createDocument() {
+    let params = this.constructPayLoad(this.dynamicData['data'] , this.staticForm);
+    this.fileMangerService.createFolder(params , this.fileMangerService.selectedFolderId).subscribe(res =>{
+      //console.log(res);
+      this.fileMangerService.onRefreshingFileManger.next();
+      this.tosterService.show('success', 'TOASTER.SUCCESS', "TOASTER.FOLDER_CREATED_SUCCE");
+      this.closeDialog();
+    })
+
+  }
+
+  constructPayLoad(dynamicValues , staticForm) {
+      // let props = this.constructDynamicFormPayload(dynamicValues);
+      let props = this.dynamicFormService.constructDynamicFormPayload(dynamicValues , this.dynamicForm);
+      let param = {
+        "document": {
+          "type": this.folderType.type,
+          "name": staticForm.title,
+          "properties": {
+            ...props,
+            "dc:description": staticForm.description,
+            "dc:title": staticForm.title,
+          }
+        }
+      };
+      if(this.folderType.documentCode && this.isDmsFolder){
+       param["documentTypeCode"] = this.folderType.documentCode;
+       param['document']['properties']['dmsfolder:documentTypeCode'] = this.folderType.documentCode;
+      }
+      return param;
+  }
+
+  changing(data){
+    //console.log(data);
+  }
+}

package/src/lib/components/file-manger/components/loan-request/loan-request.component.html

@@ -0,0 +1,31 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" id="photo-popup" [width]="500" [height]="200"
+closeOnOutsideClick="true" title="{{ 'FILE_MANAGER.LOAN_DOCUMENT' | translate }}"
+[(visible)]="visible">
+<div *dxTemplate="let data of 'content'">
+    <form (submit)="onFormLoanRequestSubmit($event)">
+        <dx-form class="collection-form-wrapper" #createForm [formData]="loanFormData"
+            [disabled]="loading">
+            <dxi-item dataField="Duration" editorType="dxNumberBox">
+                <dxo-label class="text-base font-bold"
+                    text="{{ 'CREATE.DURATION' | translate }}"></dxo-label>
+                <dxi-validation-rule type="required" message="Duration is required"></dxi-validation-rule>
+            </dxi-item>
+            <dxi-item itemType="button">
+                <dxo-button-options width="30%" type="danger" [useSubmitBehavior]="true"
+                    [template]="'loanTemplate'">
+                </dxo-button-options>
+            </dxi-item>
+            <ng-container *dxTemplate="let item of 'loanTemplate'">
+                <span class="dx-button-text">
+                    <ng-container *ngIf="loading; else notLoading">
+                        <dx-load-indicator width="24px" height="24px" [visible]="true"></dx-load-indicator>
+                    </ng-container>
+                    <ng-template #notLoading>{{
+                        "FILE_MANAGER.LOAN" | translate
+                        }}</ng-template>
+                </span>
+            </ng-container>
+        </dx-form>
+    </form>
+</div>
+</dx-popup>

package/src/lib/components/file-manger/components/loan-request/loan-request.component.spec.ts

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

package/src/lib/components/file-manger/components/loan-request/loan-request.component.ts

@@ -0,0 +1,72 @@
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { DxFormComponent } from 'devextreme-angular';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+@Component({
+  selector: 'app-loan-request',
+  templateUrl: './loan-request.component.html',
+  styleUrls: ['./loan-request.component.scss']
+})
+export class LoanRequestComponent implements OnInit {
+  @ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+  @Input()
+  set visible(value: any) {
+    if (this._visible === value) {
+      return;
+    }
+    this._visible = value;
+    this.visibleChange.emit(this._visible);
+  }
+  get visible() {
+    return this._visible;
+  }
+  @Output()
+  visibleChange = new EventEmitter<any>();
+  @Input()
+  rtlEnabled = false;
+  @Input()
+  selectedItem: any;
+  loanFormData;
+  _visible = false;
+  loading = false;
+
+  constructor(private fileMangerService : FileManagerService,
+    private customToastrService : CustomToastrService) { }
+
+  ngOnInit(): void {
+  }
+
+  async onFormLoanRequestSubmit(e) {
+    e.preventDefault();
+    this.loading = true;
+    let loanRequestContext = {
+        "Request": {
+            "loanrequest:duration": this.loanFormData.Duration,
+            "loanrequest:requestTypee": "Loan",
+            "loanrequest:boxes": [],
+            "loanrequest:records": [this.selectedItem.id],
+            "Dep:departmentId": "9801adde-a1a0-44b7-b4b9-77283227071f"
+        }
+    };
+    this.fileMangerService.CreateLoanRequest("/default-domain/workspaces/PhysicalArchiving/Requests", loanRequestContext).subscribe(
+        (res) => {
+            this.visible = false;
+            this.loading = false;
+            this.customToastrService.show(
+                'success',
+                'TOASTER.SUCCESS',
+                'TOASTER.DOCUMENT_LOANED'
+            );
+        },
+        (err) => {
+            this.loading = false;
+            this.visible = true;
+            this.customToastrService.show(
+                'error',
+                'TOASTER.ERROR',
+                'TOASTER.DOCUMENT_LOANED_ERROR'
+            );
+        }
+    );
+}
+}

package/src/lib/components/file-manger/components/move/move.component.html

@@ -0,0 +1,24 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" id="photo-popup" [width]="500" [height]="500"
+    title="{{ 'FILE_MANAGER.COPY_OR_MOVE' | translate }}" [(visible)]="visible" [showTitle]="true"
+    [closeOnOutsideClick]="true">
+    <div class="p-4" *dxTemplate="let data of 'content'">
+        <dx-scroll-view width="100%" height="100%">
+            <div class="form">
+                <dx-tree-view [rtlEnabled]="rtlEnabled" id="treeList" [rootValue]="rootFolder" keyExpr="id"
+                    displayExpr="name" hasItemsExpr="isExpanded" dataStructure="plain"
+                    [createChildren]="createTreeNodeChildren" [width]="465" (onItemClick)="selectItem($event)">
+                </dx-tree-view>
+            </div>
+        </dx-scroll-view>
+    </div>
+    <dxi-toolbar-item toolbar="bottom" [disabled]="disable">
+        <button class="submission-button px-5" (click)="move(false)">
+            {{ "BUTTONS.MOVE" | translate }}
+        </button>
+    </dxi-toolbar-item>
+    <dxi-toolbar-item toolbar="bottom">
+        <button class="cancelation-button px-5" (click)="cancel()">
+            {{ "BUTTONS.CANCEL" | translate }}
+        </button>
+    </dxi-toolbar-item>
+</dx-popup>

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

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

package/src/lib/components/file-manger/components/move/move.component.ts

@@ -0,0 +1,114 @@
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { DxFormComponent } from 'devextreme-angular';
+import { of } from 'rxjs';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+
+@Component({
+  selector: 'app-move',
+  templateUrl: './move.component.html',
+  styleUrls: ['./move.component.scss']
+})
+export class MoveComponent implements OnInit {
+  @ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+  @Input()
+  set visible(value: any) {
+    if (this._visible === value) {
+      return;
+    }
+    this._visible = value;
+    this.visibleChange.emit(this._visible);
+  }
+  get visible() {
+    return this._visible;
+  }
+  @Output()
+  visibleChange = new EventEmitter<any>();
+  @Output()
+  getSelectedFolder = new EventEmitter<any>();
+  @Input()
+  rtlEnabled = false;
+  @Input()
+  selectedItem: any;
+  @Input()
+  rootFolder: any;
+  @Input()
+  rootEntries: any;
+  @Input()
+  selectedItems: any;
+  @Input()
+  directory: any;
+  @Input() pageConfigurations;
+  formData: any = {};
+  disable = true;
+  _visible = false;
+  currentItem;
+  constructor(
+    private fileManagerService: FileManagerService,
+    protected customToastrService: CustomToastrService
+
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+
+  cancel() {
+    this.visible = false;
+  }
+  selectItem(e) {
+    this.disable = false;
+    this.currentItem = e.itemData;
+  }
+  createTreeNodeChildren = (parent) => {
+    let myparent = parent ? parent.key : this.rootFolder;
+    let myobs;
+    if (myparent === this.pageConfigurations.rootName) {
+      // when it is root of file list then used passed root entries and for root of 
+      // my files or any other folder use getting childs for that folder with its id
+      myobs = this.fileManagerService.parseNodeChildren(of(this.rootEntries) , this.pageConfigurations, parent);
+
+    } else {
+      myobs = this.fileManagerService.createTreeNodeChildren(myparent)
+    }
+    return myobs;
+    // console.log(parent);
+    // let obs = this.fileManagerService.getTreeNodeChildren(myparent);
+    // return this.fileManagerService.parseNodeChildren(obs, parent);
+  }
+
+  move(answer) {
+    if (
+      this.directory?.dataItem?.id !== this.currentItem.id &&
+      !this.currentItem.entity.path.includes(this.selectedItem.name)
+    ) {
+      // this.currentPath = '';
+      this.fileManagerService
+        .moveTo(this.currentItem, this.selectedItems)
+        .subscribe(
+          (res) => {
+            this.visible = answer;
+            this.getSelectedFolder.next(this.currentItem.id);
+            this.customToastrService.show(
+              'success',
+              'TOASTER.SUCCESS',
+              'TOASTER.DOCUMENT_MOVED'
+            );
+          },
+          (err) => {
+            this.visible = true;
+            this.customToastrService.show(
+              'error',
+              'TOASTER.ERROR',
+              'TOASTER.DOCUMENT_MOVED_ERROR'
+            );
+          }
+        );
+    } else
+      this.customToastrService.show(
+        'error',
+        'TOASTER.ERROR',
+        'TOASTER.FAILED_TO_MOVE'
+      );
+  }
+}

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

@@ -0,0 +1,45 @@
+<form [formGroup]="PublicationForm" class="h-full" SetRtl>
+    <span class="text-gray-900 text-lg">
+        {{ "publishDocs.publishDialogTitle" | translate }}
+    </span>
+    <div class="flex flex-col justify-between h-full">
+        <!--Form Section-->
+        <div class="mt-2" *ngIf="!startPublishing; else loading">
+            <div class="mb-3">
+                <label class="text-base font-bold mb-0">
+                    {{ "publishDocs.target" | translate }}
+                    <span class="text-danger">*</span>
+                </label>
+                <ng-select [items]="sections" bindLabel="title" bindValue="uid"
+                    [placeholder]="'publishDocs.targetPlaceholder' | translate" formControlName="target">
+                </ng-select>
+                <div *ngIf="PublicationForm.get('target').touched && PublicationForm.get('target').errors?.required">
+                    <span class="text-red-500 text-base">
+                        {{ "publishDocs.target" | translate }}
+                        {{ "VALIDATORS.REQUIRED" | translate }}
+                    </span>
+                </div>
+            </div>
+            <div *ngIf="data.PublishType == 'File'" class="mb-3">
+                <label class="text-base font-bold mb-0">
+                    {{ "publishDocs.rendition" | translate }}
+                </label>
+                <ng-select [items]="renditionList" bindLabel="name" bindValue="value"
+                    [(ngModel)]="initialRenditionValue" formControlName="renditionName">
+                </ng-select>
+            </div>
+        </div>
+        <ng-template #loading>
+            <span class="flex h-full justify-center items-center"> {{ "publishDocs.doingPublish" | translate }}</span>
+        </ng-template>
+        <!--Buttons Section-->
+        <div class="d-flex justify-end mb-10">
+            <button class="submission-button" (click)="publish()" [disabled]="!PublicationForm.valid">
+                {{ "BUTTONS.PUBLISH" | translate }}
+            </button>
+            <button class="cancelation-button" (click)="close()">
+                {{ "BUTTONS.Cancel" | translate }}
+            </button>
+        </div>
+    </div>
+</form>