nuxeo-development-framework 4.1.4 → 4.1.6

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

@@ -0,0 +1,213 @@
+<div class="template-modal-wraper d-flex relative h-full">
+    <div class="modal-body-section d-flex w-full">
+        <!-- forms and properties  -->
+        <div class="forms-section w-1/2">
+            <div class="">
+                <div class="mb-5">
+                    <div class="text-base font-bold text-gray-900">
+                        {{ "CREATE.FILE_TYPE" | translate }}
+                    </div>
+                    <div class="text-base text-gray-900">{{ fileType }}</div>
+                </div>
+                <div class="file-fields mt-3">
+                    <form #fileForm="ngForm">
+                        <div class="single-field mb-3">
+                            <div class="text-base font-bold text-gray-900">
+                                {{ "CREATE.TITLE" | translate
+                                }}<span class="text-red-500">*</span>
+                            </div>
+                            <input
+                                class="
+                                    h-10
+                                    w-full
+                                    bg-gray-100
+                                    p-1
+                                    border-2 border-gray-200
+                                    rounded
+                                "
+                                [(ngModel)]="selectedFile.title"
+                                required
+                                name="title"
+                                id="title"
+                            />
+                        </div>
+                        <div class="single-field mb-3">
+                            <div class="text-base font-bold text-gray-900">
+                                {{ "CREATE.DESCRIPTION" | translate
+                                }}<span class="text-red-500">*</span>
+                            </div>
+                            <input
+                                class="
+                                    h-10
+                                    w-full
+                                    bg-gray-100
+                                    p-1
+                                    border-2 border-gray-200
+                                    rounded
+                                "
+                                [(ngModel)]="selectedFile.description"
+                                required
+                                name="description"
+                                id="description"
+                            />
+                        </div>
+                    </form>
+                    <!-- *ngIf="" -->
+                    <div
+                        class="dynamic-part -mx-4"
+                        *ngIf="selectedFile.dynamicForm && showRenderer"
+                    >
+                        <app-dynamic-form
+                            [form]="selectedFile.dynamicForm"
+                            [data]="temporaryDyanmicData"
+                            (change)="ondynamicFormChange($event)"
+                        ></app-dynamic-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div
+            class="template-side-menu w-1/2 d-flex justify-center items-center"
+        >
+            <div class="text-gray-900 font-bold">No Templates Yet</div>
+        </div>
+    </div>
+
+    <!-- actions and buttons  -->
+    <div
+        class="
+            w-full
+            d-flex
+            justify-between
+            scanner-actions-wrapper
+            absolute
+            bottom-0
+        "
+    >
+        <div class="flex">
+            <button
+                class="
+                    cursor-pointer
+                    flex
+                    justify-center
+                    items-center
+                    border-2 border-gray-900
+                    text-gray-900
+                    rounded-3xl
+                    text-white
+                    w-30
+                    h-10
+                "
+                (click)="closeDialog()"
+            >
+                {{ "BUTTONS.CANCEL" | translate }}
+            </button>
+
+            <!-- *ngIf="
+            uploadMangmentService.uploadedFilesStatus
+                .uploadInProgress ||
+            uploadMangmentService.uploadedFilesStatus
+                .numberOfUploadedFiles !== 0 ||
+            addingProperties
+        " -->
+            <!-- <button
+                class="
+                    cursor-pointer
+                    flex
+                    justify-center
+                    items-center
+                    border-2 border-gray-900
+                    text-gray-900
+                    rounded-3xl
+                    text-white
+                    w-30
+                    h-10
+                    mx-2
+                "
+                (click)="minimizDialog()"
+            >
+                {{ "BUTTONS.MINIMIZED" | translate }}
+            </button> -->
+        </div>
+
+        <!--  -->
+        <div class="d-flex">
+            <!-- <button
+                *ngIf="
+                    (uploadMangmentService.uploadedFilesStatus
+                        .uploadInProgress ||
+                        selectedFile.file) &&
+                    !uploadMangmentService.addingPropertiesMode
+                "
+                (click)="startAddingProperties()"
+                class="
+                    hover:text-white hover:bg-gray-900
+                    cursor-pointer
+                    flex
+                    justify-center
+                    items-center
+                    border-2 border-gray-900
+                    text-gray-900
+                    rounded-3xl
+                    text-white
+                    w-36
+                    h-10
+                "
+            >
+                {{ "BUTTONS.ADD_PROPERTIES" | translate }}
+            </button> -->
+
+            <!-- *ngIf="
+                    uploadMangmentService.addingPropertiesMode &&
+                    !uploadMangmentService.uploadedFilesStatus.uploadInProgress
+                " -->
+            <!-- <button
+                
+                (click)="createDocument()"
+                [disabled]="scannerUploadButton.disabled || !selectedFile.dynamicData.valid || fileForm.invalid"
+                [ngClass]="{
+                    'opacity-30 cursor-not-allowed': scannerUploadButton.disabled || !selectedFile.dynamicData.valid || fileForm.invalid
+                }"
+                class="
+                    flex
+                    justify-center
+                    items-center
+                    border-2 border-gray-900
+                    text-white bg-gray-900
+                    rounded-3xl
+                    w-30
+                    h-10
+                "
+            >
+                {{ "BUTTONS.CREATE" | translate }}
+            </button> -->
+
+            <!-- <button
+                *ngIf="
+                    uploadMangmentService.addingPropertiesMode &&
+                    uploadMangmentService.uploadedFilesStatus.uploadInProgress
+                "
+                (click)="createWhenFinish()"
+                [disabled]="checkValidation()"
+                [ngClass]="{
+                    'opacity-30 cursor-not-allowed': checkValidation(),
+                    'cursor-pointer hover:text-white hover:bg-gray-900':
+                        !checkValidation()
+                }"
+                class="
+                    flex
+                    justify-center
+                    items-center
+                    border-2 border-gray-900
+                    text-gray-900
+                    rounded-3xl
+                    text-white
+                    w-40
+                    h-10
+                "
+            >
+                {{ "BUTTONS.CREATE_WHEN_FINSH" | translate }}
+            </button> -->
+        </div>
+    </div>
+</div>

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

@@ -0,0 +1,3 @@
+.modal-body-section{
+    height: calc(100% - 80px);
+}

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

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

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

@@ -0,0 +1,55 @@
+import { Component, Inject, OnInit } from '@angular/core';
+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';
+
+@Component({
+  selector: 'app-template-modal',
+  templateUrl: './template-modal.component.html',
+  styleUrls: ['./template-modal.component.scss']
+})
+export class TemplateModalComponent implements OnInit {
+  fileType;
+  source;
+  selectedFile = {
+    title: '',
+    description: '',
+    fileType: '',
+    dynamicForm: '',
+    dynamicData: {
+      valid: false,
+      data: {}
+    },
+    file: ''
+  };
+  showRenderer = false;
+  temporaryDyanmicData = {};
+  constructor(@Inject(MAT_DIALOG_DATA) public data,
+  public uploadMangmentService: UploadManagmentService,
+  public dialogRef: MatDialogRef<TemplateModalComponent>,
+  public dialogMangmentService: DialogMangmentService,
+  private dynamicFormService: DynamicFormService) { }
+
+  ngOnInit(): void {
+    this.fileType = this.dialogMangmentService.fileType;
+    this.source = this.dialogMangmentService.addingFrom;
+
+    // this.dynamicFormService.getDynamicForm(this.fileType).subscribe(res => {
+      this.selectedFile.dynamicForm = this.dialogMangmentService.storedDynamicForm;
+      this.showRenderer = true;
+    // })
+  }
+
+  ondynamicFormChange(dynamicData) {
+    if (dynamicData.data) {
+      console.log(dynamicData.data)
+      this.selectedFile.dynamicData = { ...dynamicData };
+    }
+  }
+
+  closeDialog() {
+    this.dialogRef.close(false);
+
+  }
+}

package/src/lib/components/file-manger/components/transfer-doc/transfer-doc.component.html

@@ -0,0 +1,26 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" id="photo-popup" [width]="510" [height]="180"
+[(visible)]="visible" [closeOnOutsideClick]="true">
+<div *dxTemplate="let data of 'content'">
+    <div class="d-flex px-8 mb-5 -mt-8 h-20">
+        <img class="w-14 h-14" src="assets/images/thumbnails/warning.png" />
+        <div class="px-3 mt-3">
+            <span class="text-xl font-medium">{{  'confirmDialog.confirm' | translate }}</span>
+            <div class="
+                    text-lg text-secondary text-base
+                    mt-2
+                    sub-title
+                ">
+                {{ 'confirmDialog.Transfer_Item' | translate }}
+            </div>
+        </div>
+    </div>
+    <div class="conf-actions d-flex justify-end items-center px-6">
+        <button class="mx-2 submission-button w-1/3" (click)="transferDocument()">
+            {{ "BUTTONS.TRANSFER" | translate }}
+        </button>
+        <button class="mx-2 cancelation-button w-1/3" (click)="cancel()">
+            {{ "BUTTONS.CANCEL" | translate }}
+        </button>
+    </div>
+</div>
+</dx-popup>

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

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

package/src/lib/components/file-manger/components/transfer-doc/transfer-doc.component.ts

@@ -0,0 +1,74 @@
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { DxFormComponent } from 'devextreme-angular';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+
+@Component({
+  selector: 'app-transfer-doc',
+  templateUrl: './transfer-doc.component.html',
+  styleUrls: ['./transfer-doc.component.scss']
+})
+export class TransferDocComponent implements OnInit {
+  @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()
+  // rootFolder: any;
+  _visible = false;
+  currentItem;
+  constructor(private route : ActivatedRoute,
+    private fileMangerService : FileManagerService,
+    private customToastrService : CustomToastrService
+    ) { }
+
+  ngOnInit(): void {
+  }
+
+
+  transferDocument() {
+    let transferRequestContext = {
+        "Request": {
+            "transferrequest:records": [this.route.snapshot.queryParams.id],
+            "Dep:departmentId": "9801adde-a1a0-44b7-b4b9-77283227071f"
+        }
+    };
+    this.fileMangerService.CreateTransferRequest("/default-domain/workspaces/PhysicalArchiving/Requests", transferRequestContext).subscribe(
+        (res) => {
+            this.visible = false;
+            this.refresh.next();            
+            this.customToastrService.show(
+                'success',
+                'TOASTER.SUCCESS',
+                'TOASTER.DOCUMENT_TRANSFERED'
+            );
+        },
+        (err) => {
+            this.visible = true;
+            this.customToastrService.show(
+                'error',
+                'TOASTER.ERROR',
+                'TOASTER.DOCUMENT_TRANSFERED_ERROR'
+            );
+        }
+    );
+}
+
+cancel() {
+  this.visible = false;
+}
+}

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

@@ -0,0 +1,103 @@
+<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_ONLY" | translate }}
+                <span class="text-red-500">*</span>
+            </div>
+            <div *ngIf="!isDirectory">{{ translatedDocumentType ? (isArabic ? (translatedDocumentType.arabicName) : (translatedDocumentType.englishTitle)) : type}}</div>
+            <div *ngIf="isDirectory">{{ type === 'DmsFolder' ? (isArabic ? 'مجلد' : 'Folder') : type}}</div>
+
+        </div>
+        <form [formGroup]="fileForm" *ngIf="fileForm">
+            <div class="mb-3">
+                <div class="label-style">
+                    {{ "FOLDERS.TITLE_ONLY" | translate }}
+                </div>
+                <input
+                    class="field-style "
+                    [ngClass]="{'border-red-500' : fileForm.value.title === '..'}"
+                    required
+                    formControlName="title" 
+                    placeholder=" {{ 'CREATE.TITLE' | translate}}"
+                />
+                <div class="text-red-500 text-base" *ngIf="fileForm.value.title === '..'">
+                    {{ "FOLDERS.INVALID_TITLE_ONLY" | translate }}
+                </div>
+            </div>
+            <div class="mb-3">
+                <div class="label-style">
+                    {{ "FOLDERS.DESCRIPTION_ONLY" | translate }}
+                </div>
+                <input
+                    class="field-style "
+                    formControlName="description" 
+                    placeholder=" {{ 'CREATE.DESCRIPTION' | translate}}"
+                />
+            </div>
+
+             <!------------------ new statis form  ---------------------------->
+                        <div *ngIf="usingExtraFields && !isDirectory">
+                            <app-dynamic-fields-renderer 
+                                [mode]="'edit'"
+                                [fields]="fields" 
+                                [form]="fileForm" 
+                                [agencyNameFilter]="agencyNameFilter" 
+                                [countryNameFilter]="countryNameFilter"
+                            >
+                            </app-dynamic-fields-renderer>
+                        </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)="UpdateDocument()"
+                [disabled]="
+                    (dynamicData['data'] && !dynamicData.valid) ||
+                    fileForm.invalid ||
+                    fileForm.value.title === '..'
+                "
+                [ngClass]="{
+                    'opacity-30 cursor-not-allowed':
+                    (dynamicData['data'] && !dynamicData.valid) ||
+                    fileForm.invalid ||
+                    fileForm.value.title === '..'
+                }"
+                class="submission-button"
+            >
+                {{ "BUTTONS.UPDATE" | translate }}
+            </button>
+        </div>
+    </div>
+</div>

package/src/lib/components/file-manger/components/update-modal/update-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/update-modal/update-modal.component.spec.ts

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