nuxeo-development-framework 4.1.4 → 4.1.6

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

@@ -0,0 +1,279 @@
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewEncapsulation } from '@angular/core';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { UserService } from '../../../../shared-services/user.service';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { UserPreferencesService } from '../../../../core/services/user/user-preferences.service';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'lib-clipboard',
+  templateUrl: './clipboard.component.html',
+  styleUrls: ['./clipboard.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class ClipboardComponent implements OnInit, OnDestroy {
+
+  @Output() onClipboardClose = new EventEmitter();
+  @Output() onRefreshFolderTree = new EventEmitter();
+
+  @Input() clipboardItems = []; // array of id to items in clipboard
+  @Input() myCurrecntFolderData;
+  @Input() preventedGroups = [];
+  @Input() directory;
+
+  clipboardDocments = []; // array of documents with full details of items in clipboard
+  enableCopy = false;
+  enableMove = false;
+  clipboardLoading = false;
+  documentSelectedInClipboard = [];
+  myTargetFolderAcceptedChildrens;
+  refreshClipSubscription: Subscription;
+  constructor(private fileManagerService: FileManagerService,
+    private userService: UserService,
+    private customToastrService: CustomToastrService,
+    private userPreferenceService: UserPreferencesService) { }
+
+  ngOnInit(): void {
+    this.refreshClipSubscription = this.fileManagerService.onRefreshClipboard.subscribe(res => {
+      this.openClipboard();
+    })
+    this.openClipboard();
+  }
+
+  ngOnDestroy(): void {
+    this.refreshClipSubscription ? this.refreshClipSubscription.unsubscribe() : null;
+  }
+  closeClipboard() {
+    this.onClipboardClose.emit();
+    this.clipboardDocments = [];
+  }
+
+  openClipboard() {
+    this.enableCopy = false;
+    this.enableMove = false;
+    this.clipboardLoading = true;
+    if (this.myCurrecntFolderData.entity.properties['dmsfolder:documentTypeCode'] && this.myCurrecntFolderData.entity.properties['dmsfolder:documentTypeCode'] !== '08112021') {
+      // get accepted childerns for my current folder
+      // if (this.subtypesService.storedSubtypes[this.myCurrecntFolderData.entity.uid]) {
+      //     this.myTargetFolderAcceptedChildrens = this.subtypesService.storedSubtypes[this.myCurrecntFolderData.entity.uid];
+      // } else {
+      this.fileManagerService.getClipboardAcceptedTypes(this.myCurrecntFolderData.entity.uid).subscribe(res => {
+        this.myTargetFolderAcceptedChildrens = res;
+      }, error => {
+        this.clipboardLoading = false;
+        this.clipboardDocments = [];
+      })
+      // }
+    }
+    if (this.clipboardItems.length > 0) {
+      this.fileManagerService.getClipboardDocuments(this.clipboardItems).subscribe(res => {
+        res.map(document => {
+          document['canCopyToTarget'] = (this.canPerformActionInsideTarget(document) && this.checkIfNotTheSameParent(document) && document.canCopy);
+          document['canMoveToTarget'] = (this.canPerformActionInsideTarget(document) && this.checkIfNotTheSameParent(document) && document.canMove)
+        })
+        this.clipboardDocments = res;
+        console.log(this.clipboardDocments);
+        this.clipboardLoading = false;
+      })
+    } else {
+      this.clipboardDocments = [];
+      this.clipboardLoading = false;
+    }
+  }
+
+  // prevent copying or moving the file to its same place since it is prevented 
+  // prevent copying or moving the folder inside it self
+  checkIfNotTheSameParent(document) {
+    // let directory = this.getCurrentDirectory();
+    if (document.parentRef !== this.directory.dataItem.id && document.uid !== this.directory.dataItem.id) {
+      return true
+    } else {
+      return false
+    }
+  }
+
+  deletefromClipboard(document) {
+    let myindex = -1;
+    this.clipboardItems.map((id, index) => {
+      if (document.uid === id) {
+        myindex = index
+      }
+    })
+    this.clipboardItems.splice(myindex, 1);
+    this.customToastrService.show('success', 'TOASTER.SUCCESS', "TOASTER.removed_from_clipboard");
+    // let directory = this.getCurrentDirectory();
+    // let id =
+    //     directory.dataItem === undefined
+    //         ? this.mainFolder
+    //         : this.getCurrentFolderId(directory);
+    // this.reinitializeFolderTree(id, directory);
+    this.onRefreshFolderTree.emit();
+    this.openClipboard();
+    this.userPreferenceService.set('clipboardItems', JSON.stringify(this.clipboardItems));
+  }
+
+  // function to check if i can perform action on that target folder or not 
+  canPerformActionInsideTarget(document) {
+    //check if target is 'other' type folder or dms folder
+    if (this.myCurrecntFolderData.entity.properties['dmsfolder:documentTypeCode'] === '08112021' && !this.checkIfInPreventedGroups(this.myCurrecntFolderData.entity.path)) {
+      // if my folder is from type others and not in prevented groups
+      return true
+    } else if (this.myCurrecntFolderData.entity.properties['dmsfolder:documentTypeCode'] && this.myCurrecntFolderData.entity.properties['dmsfolder:documentTypeCode'] !== '08112021') {
+      //if my folder has code and was not other type folder then check for accepted chilrdrn for that folder to contain this file type
+      if (document.isFile === 'File') {
+        if (this.myTargetFolderAcceptedChildrens.contextParameters &&
+          this.myTargetFolderAcceptedChildrens.contextParameters.accepted_children && Array.isArray(this.myTargetFolderAcceptedChildrens.contextParameters.accepted_children) &&
+          this.myTargetFolderAcceptedChildrens.contextParameters.accepted_children.indexOf(document.properties['gdoc:documentTypeCode']) > -1) {
+          return true;
+        } else {
+          return false
+        }
+      } else {
+        if (this.myTargetFolderAcceptedChildrens.contextParameters &&
+          this.myTargetFolderAcceptedChildrens.contextParameters.accepted_children && Array.isArray(this.myTargetFolderAcceptedChildrens.contextParameters.accepted_children) &&
+          this.myTargetFolderAcceptedChildrens.contextParameters?.accepted_children.indexOf(document.properties['dmsfolder:documentTypeCode']) > -1) {
+          return true;
+        } else {
+          return false
+        }
+      }
+    } else {
+      // prevent action to this target 
+      return false
+    }
+
+  }
+
+  // function to check if this path not belong to group that is prevented from creating folder of type others
+  checkIfInPreventedGroups(path) {
+    // if in prevented froup rturn true else return false
+    console.log(path);
+    let myDepartment = this.userService.getUserDepartmentFromPath(path);
+    let exist = this.preventedGroups.indexOf(myDepartment) > -1 ? true : false;
+    return exist;
+  }
+
+  copyFromInsideClipboard() {
+    let clipboardSelectedItems = [];
+    let clipboardSelectedItemsLength = 0;
+    // seperate selected items in seperate array 
+    this.clipboardDocments.map((doc, index) => {
+      // can't copy file in the same place it exist and can't copy folder inside it self 
+      if (doc.isSelected && doc.parentRef !== this.directory.dataItem.id && doc.uid !== this.directory.dataItem.id) {
+        clipboardSelectedItems.push(doc.uid)
+      }
+    })
+
+    if (clipboardSelectedItems.length > 0) {
+      this.clipboardLoading = true;
+      //    this.currentPath = '';
+      this.fileManagerService
+        .copyTo({ id: this.directory.dataItem.id, name: this.directory.dataItem.name }, clipboardSelectedItems.toString())
+        .subscribe(
+          (res) => {
+            // remove selected items from clipboard after action is done
+            this.removeItemsAfterActionDone(clipboardSelectedItems);
+            this.clipboardLoading = false;
+            this.onClipboardClose.emit();
+            this.onRefreshFolderTree.emit();
+            this.customToastrService.show(
+              'success',
+              'TOASTER.SUCCESS',
+              'TOASTER.DOCUMENT_COPIED'
+            );
+          },
+          (err) => {
+            this.clipboardLoading = false;
+            this.customToastrService.show(
+              'error',
+              'TOASTER.ERROR',
+              'TOASTER.DOCUMENT_COPIED_ERROR'
+            );
+          }
+        );
+    } else {
+      this.customToastrService.show(
+        'error',
+        'TOASTER.ERROR',
+        'TOASTER.DOCUMENT_COPIED_DESTINATION_ERROR'
+      );
+    }
+
+  }
+
+  moveFromInsideClipboard() {
+    let clipboardSelectedItems = [];
+    let clipboardSelectedItemsLength = 0;
+    // seperate selected items in seperate array 
+    this.clipboardDocments.map((doc, index) => {
+      // can't move file in the same place it exist and can't move folder inside it self 
+      if (doc.isSelected && doc.parentRef !== this.directory.dataItem.id && doc.uid !== this.directory.dataItem.id) {
+        clipboardSelectedItems.push(doc.uid)
+      }
+    })
+
+    if (clipboardSelectedItems.length > 0) {
+      this.clipboardLoading = true;
+      this.fileManagerService
+        .moveTo({ id: this.directory.dataItem.id, name: this.directory.dataItem.name }, clipboardSelectedItems.toString())
+        .subscribe(
+          (res) => {
+            // remove selected items from clipboard after action is done
+            this.removeItemsAfterActionDone(clipboardSelectedItems);
+            this.clipboardLoading = false;
+            this.onClipboardClose.emit();
+            this.onRefreshFolderTree.emit();
+            this.customToastrService.show(
+              'success',
+              'TOASTER.SUCCESS',
+              'TOASTER.DOCUMENT_MOVED'
+            );
+          },
+          (err) => {
+            this.clipboardLoading = false;
+            this.customToastrService.show(
+              'error',
+              'TOASTER.ERROR',
+              'TOASTER.DOCUMENT_MOVED_ERROR'
+            );
+          }
+        );
+    } else
+      this.customToastrService.show(
+        'error',
+        'TOASTER.ERROR',
+        'TOASTER.DOCUMENT_MOVED_DESTINATION_ERROR'
+      );
+  }
+
+  removeItemsAfterActionDone(selectedItems) {
+    this.clipboardItems = this.clipboardItems.filter(function (el) {
+      return !selectedItems.includes(el);
+    });
+    this.userPreferenceService.set('clipboardItems', JSON.stringify(this.clipboardItems));
+  }
+
+  checking() {
+    this.enableCopy = false;
+    this.enableMove = false;
+    this.documentSelectedInClipboard = [];
+    // console.log(this.clipboardDocments);
+    this.clipboardDocments.map(document => {
+      // wokring with only selected documents 
+      if (document.isSelected === true) {
+        // document['canCopyToTarget'] = (this.canPerformActionInsideTarget(document) && document.canCopy);
+        // document['canMoveToTarget'] = (this.canPerformActionInsideTarget(document) && document.canMove)
+        this.documentSelectedInClipboard.push(document)
+      }
+    })
+    if (this.documentSelectedInClipboard.length > 0) {
+      this.enableCopy = this.documentSelectedInClipboard.every(item => {
+        return item.canCopyToTarget === true;
+      })
+      this.enableMove = this.documentSelectedInClipboard.every(item => {
+        return item.canMoveToTarget === true;
+      })
+    }
+    console.log(this.documentSelectedInClipboard)
+  }
+}

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

@@ -0,0 +1,31 @@
+<ng-template #contentTemplate>
+	<div class="p-4">
+		<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>
+</ng-template>
+
+<ng-template #actionsTemplate let-dialog="dialog">
+	<button
+		[disabled]="disable"
+		class="submission-button px-5"
+		(click)="dialog.executeAction(copy, [false])"
+	>
+		{{ 'BUTTONS.COPY' | translate }}
+	</button>
+</ng-template>

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

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

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

@@ -0,0 +1,172 @@
+import {
+	Component,
+	EventEmitter,
+	Injector,
+	Input,
+	OnInit,
+	Output,
+	TemplateRef,
+	ViewChild
+} from '@angular/core';
+import { DxFormComponent } from 'devextreme-angular';
+import { of } from 'rxjs';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { DialogOptions } from '../../../../shared/components/nuxeo-dialog/models/dialog-option.model';
+import { NdfNuxeoDialog } from '../../../../shared/components/nuxeo-dialog/nuxeo.dialog';
+import { NuxeoDialogService } from '../../../../shared/components/nuxeo-dialog/services/nuxeo-dialog.service';
+import { DialogActionType } from '../../../../shared/components/nuxeo-dialog/models/dialog-option.model';
+import { tap } from 'rxjs/operators';
+import { BaseComponent } from '../../../../shared/components/base/base.component';
+@Component({
+	selector: 'app-copy',
+	templateUrl: './copy.component.html',
+	styleUrls: ['./copy.component.scss']
+})
+export class CopyComponent extends BaseComponent implements OnInit {
+	@ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+	@ViewChild('contentTemplate') contentTemplate!: TemplateRef<any>;
+	@ViewChild('actionsTemplate') actionsTemplate!: TemplateRef<any>;
+	@Input()
+	set visible(value: any) {
+		if (this._visible === value) {
+			return;
+		}
+		if (value) {
+			this.openDialog();
+		}
+		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,
+		public nuxeoDialogService: NuxeoDialogService,
+		injector: Injector
+	) {
+		super(injector);
+	}
+
+	ngOnInit(): void {}
+
+	openDialog(): void {
+		const options: DialogOptions = {
+			component: NdfNuxeoDialog,
+			config: {
+				title: this.translateService.instant('FILE_MANAGER.COPY_OR_MOVE'),
+				contentTemplate: this.contentTemplate,
+				actionsTemplate: this.actionsTemplate
+			}
+		};
+		this.nuxeoDialogService
+			.open(options)
+			.afterClosed()
+			.subscribe((res) => {
+				this.cancel();
+			});
+	}
+
+	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 = (
+		//   parent
+		//     ? this.fileManagerService.getTreeNodeChildren(parent)
+		//     : of(
+		//       this.rootEntries
+		//     )
+		// )
+		// return this.fileManagerService.parseNodeChildren(obs, parent);
+	};
+
+	copy: DialogActionType = (answer) => {
+		if (this.currentItem.canCopyToDestination) {
+			if (
+				this.directory?.dataItem?.id !== this.currentItem.id &&
+				!this.currentItem.entity.path.includes(this.selectedItem.name)
+			) {
+				// this.currentPath = '';
+				return this.fileManagerService
+					.copyTo(this.currentItem, this.selectedItems)
+					.pipe(
+						tap(
+							(res) => {
+								this.visible = answer;
+								this.getSelectedFolder.next(this.currentItem.id);
+								this.customToastrService.show(
+									'success',
+									'TOASTER.SUCCESS',
+									'TOASTER.DOCUMENT_COPIED'
+								);
+							},
+							(err) => {
+								this.visible = true;
+								this.customToastrService.show(
+									'error',
+									'TOASTER.ERROR',
+									'TOASTER.DOCUMENT_COPIED_ERROR'
+								);
+							}
+						)
+					);
+			} else
+				this.customToastrService.show(
+					'error',
+					'TOASTER.ERROR',
+					'TOASTER.FAILED_TO_COPY'
+				);
+		} else {
+			this.customToastrService.show(
+				'error',
+				'TOASTER.ERROR',
+				'TOASTER.NO_PERMISSION'
+			);
+		}
+		return of(null);
+	};
+}

package/src/lib/components/file-manger/components/create-directory/create-directory.component.html

@@ -0,0 +1,65 @@
+<!-- <dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" [width]="500" [height]="230" [dragEnabled]="false"
+[closeOnOutsideClick]="true" [(visible)]="visible"
+title="{{ 'FILE_MANAGER.NEW_DIRECTORY' | translate }}">
+<div *dxTemplate="let data of 'content'">
+    <form (submit)="onSubmit($event)">
+        <dx-form class="form-wrapper" #form [formData]="formData" [disabled]="loading">
+            <dxi-item dataField="title" editorType="dxTextBox">
+                <dxo-label text="{{ 'CREATE.TITLE' | translate }}"></dxo-label>
+                <dxi-validation-rule type="required" message="Title is required"></dxi-validation-rule>
+            </dxi-item>
+            <dxi-item name="description" editorType="dxTextBox">
+                <dxo-label text="{{ 'CREATE.DESCRIPTION' | translate }}"></dxo-label>
+            </dxi-item>
+            <dxi-item itemType="button">
+                <dxo-button-options width="30%" type="danger" [useSubmitBehavior]="true"
+                    [template]="'createTemplate'">
+                </dxo-button-options>
+            </dxi-item>
+            <ng-container *dxTemplate="let item of 'createTemplate'">
+                <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.CREATE" | translate
+                        }}</ng-template>
+                </span>
+            </ng-container>
+        </dx-form>
+    </form>
+</div>
+</dx-popup> -->
+
+<ng-template #contentTemplate>
+	<div>
+		<form>
+			<dx-form
+				class="form-wrapper"
+				#form
+				[formData]="formData"
+				[disabled]="loading"
+			>
+				<dxi-item dataField="title" editorType="dxTextBox">
+					<dxo-label text="{{ 'CREATE.TITLE' | translate }}"></dxo-label>
+					<dxi-validation-rule
+						type="required"
+						message="Title is required"
+					></dxi-validation-rule>
+				</dxi-item>
+				<dxi-item name="description" editorType="dxTextBox">
+					<dxo-label text="{{ 'CREATE.DESCRIPTION' | translate }}"></dxo-label>
+				</dxi-item>
+			</dx-form>
+		</form>
+	</div>
+</ng-template>
+
+<ng-template #actionsTemplate let-dialog="dialog">
+	<button
+		class="submission-button px-5"
+		(click)="dialog.executeAction(onSubmit, [$event])"
+	>
+		{{ 'FILE_MANAGER.CREATE' | translate }}
+	</button>
+</ng-template>

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

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