nuxeo-development-framework 3.1.1 → 3.1.2

package/src/lib/shared/libraryShared.module.ts

@@ -0,0 +1,47 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { ReadMoreComponent } from './components/read-more/read-more.component';
+import { UserCardComponent } from './components/user-card/user-card.component';
+import { AvatarModule } from '../components/avatar/avatar.module';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ButtonComponent } from './components/button/button.component';
+import { NoDataComponent } from './components/no-data/no-data.component';
+import { SpinnerComponent } from './components/spinner/spinner.component';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { AutocompleteLibModule } from 'angular-ng-autocomplete';
+import { ItemListComponent } from './components/item-list/item-list.component';
+import { RouterModule } from '@angular/router';
+import { DirectiveModule } from '../directive/directive.module';
+
+/**
+ * @title
+ * Shared UI Components
+ */
+@NgModule({
+  declarations: [ReadMoreComponent, UserCardComponent, ButtonComponent, NoDataComponent, SpinnerComponent, ItemListComponent],
+  imports: [
+    AvatarModule,
+    CommonModule,
+    RouterModule,
+    TranslateModule,
+    MatProgressSpinnerModule,
+    MatIconModule,
+    MatListModule,
+    MatMenuModule,
+    AutocompleteLibModule,
+    DirectiveModule
+  ],
+  exports: [
+    UserCardComponent,
+    ReadMoreComponent,
+    TranslateModule,
+    ButtonComponent,
+    NoDataComponent,
+    SpinnerComponent, 
+    ItemListComponent
+  ],
+})
+export class LibrarySharedModule { }

package/src/lib/shared-services/dialog-mangment.service.ts

@@ -0,0 +1,62 @@
+import { Injectable } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DialogMangmentService {
+  minizedModal = false;
+  creationMode='';
+  fileType = '';
+  addingFrom = '';
+  storedDynamicForm='';
+
+  constructor(private dialog: MatDialog) { }
+
+  openModal(component , type , creationMode , source , width , height, path?){
+    this.fileType = type ; 
+    this.addingFrom = source;
+    this.creationMode = creationMode;
+    let dialogRef = this.dialog.open(
+      component ,
+      {
+        width: width,
+        height: height,
+        maxWidth:'auto',
+        panelClass: 'watcher-dialog-container',
+        data: {
+          path: (path) ? path : ''
+         },
+        disableClose: true
+      }
+      );
+      dialogRef.afterClosed().subscribe(res => {
+        if(res){
+          //console.log('open minismed');
+          this.minizedModal = true;
+        }
+      })
+  }
+
+  openMinimzedModal(component , width , height,path?){
+    this.minizedModal = false;
+    let dialogRef = this.dialog.open(
+      component ,
+      {
+        width: width,
+        height: height,
+        panelClass: 'watcher-dialog-container',
+        data: {
+          path: (path) ? path : ''
+         },
+        disableClose: true
+      }
+      );
+      dialogRef.afterClosed().subscribe(res => {
+        if(res){
+          //console.log('open minismed');
+          this.minizedModal = true;
+        }
+      })
+  }
+}

package/src/lib/shared-services/dynamic-form.service.ts

@@ -0,0 +1,252 @@
+import { Inject, Injectable } from '@angular/core';
+import { keys } from 'lodash';
+import { from, Observable, of } from 'rxjs';
+import {  catchError, map} from 'rxjs/operators';
+import { NuxeoService } from '../Core/services/nuxeo/nuxeo.service';
+import { AppConfigService } from '../configuration/app-config.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+
+export class DynamicFormService {
+  myPrefix ={};
+  dynamicFieldsOperations;
+  excludedSchemas = ["generaldocument" , "file_schema" , "dublincore" , "facetedTag" ,"common","uid","file","files","relatedtext"];
+ controlsTypes = ['string' , 'boolean' , 'string[]' , 'long' , 'date' , 'double'];
+  constructor(private nuxeoService : NuxeoService ,
+    @Inject('environment') private environment,
+    private configService : AppConfigService
+    ) { 
+    this.dynamicFieldsOperations = this.configService.myConfiguration.dynamicForms.operations;
+
+    }
+
+  getSchemaComponents(type){
+    return from(this.nuxeoService.nuxeoClient.request(`config/types/${type}`)
+    .get({
+    headers: {
+        'fetch.schema': 'fields'
+    }
+    })).pipe(map((data : any) => {
+        let fields = {};
+        let filteredSchemas = [];
+        if(data.schemas){
+          // exclude some schemas from the returned schemas
+           data.schemas.filter(item => {
+            if(this.excludedSchemas.indexOf(item.name) === -1){
+              filteredSchemas.push(item)
+            }
+          })
+          filteredSchemas.map(item => {
+            if(item.fields){
+              Object.keys(item.fields).map(key => {
+                //control type is exist in my provided controls types
+                if(this.controlsTypes.indexOf(item.fields[key]['type']) > -1){ 
+                  fields[key] = {...item.fields[key] }
+                  this.myPrefix[key] = item.prefix ? item.prefix : '';
+                }
+              })
+            }
+
+          })
+        }
+        
+        return this.adapt(fields);
+    }));
+  }
+
+  getSchemaComponentsFromFacets(schemaId){
+    return from(this.nuxeoService.nuxeoClient.request(`config/facets/${schemaId}`)
+    .get({
+    headers: {
+        'fetch.schema': 'fields'
+    }
+    })).pipe(map((data : any) => {
+        let fields = {};
+        let filteredSchemas = [];
+        if(data.schemas){
+          // exclude some schemas from the returned schemas
+           data.schemas.filter(item => {
+            if(this.excludedSchemas.indexOf(item.name) === -1){
+              filteredSchemas.push(item)
+            }
+          })
+          filteredSchemas.map(item => {
+            if(item.fields){
+              Object.keys(item.fields).map(key => {
+                //control type is exist in my provided controls types
+                if(this.controlsTypes.indexOf(item.fields[key]['type']) > -1){ 
+                  fields[key] = {...item.fields[key] }
+                  this.myPrefix[key] = item.prefix ? item.prefix : '';
+                }
+              })
+            }
+
+          })
+        }
+        return this.adapt(fields);
+    }));
+  }
+
+  getDynamicForm(type) : Observable<any> {
+    return from(
+      this.nuxeoService.nuxeoClient
+        .operation(this.dynamicFieldsOperations.getFormJson, {
+          url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
+        })
+        .context({
+          "schema": type
+        })
+        .execute({
+          headers: {
+            properties: '*',
+          },
+        })
+    ).pipe(
+      map((res : any) => {
+        if(res.entries.length > 0){
+          let myData =  JSON.parse(res['entries'][0]['properties']['note:note']);
+          this.myPrefix = myData.prefix;
+          return myData;
+        }else{
+          return ''
+        }
+      }),
+      catchError((err) => {
+        //console.log(err);
+        throw err;
+      })
+    );
+
+  }
+
+  createFormJson(type , jsonObject){
+    jsonObject['prefix']=this.myPrefix;
+    return from(
+      this.nuxeoService.nuxeoClient
+        .operation('AC_UA_DMS_DynamicForm_Create', {
+          url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
+        })
+        .context({
+          "schema":type,
+          "json":jsonObject
+        })
+        .execute()
+    ).pipe(
+      catchError((err) => {
+        //console.log(err);
+        throw err;
+      }))
+  
+}
+ 
+  adapt(fields): any {
+    const builderComponents = {};
+    fields = Object.keys(fields).map(fieldKey => {
+
+      const adaptedField = {
+        title: fieldKey,
+        icon: 'terminal',
+        prefix: fields[fieldKey]['prefix'],
+        schema: {
+          // 'validate.required': constraints.filter(item => item.name === 'NotNullConstraint').length > 0,
+          label: fieldKey,
+          type: '',
+          fixedKey: fieldKey,
+          input: true
+        }
+      };
+
+      switch (fields[fieldKey].type) {
+        case 'string':
+          adaptedField.schema.type = 'textfield';
+          const field = fields[fieldKey];
+          const constraints = field.constraints ? field.constraints : [];
+          const vocabularySearch = constraints.filter(item => item.name === 'directoryResolver');
+          const vocabulary = vocabularySearch.length ? vocabularySearch[0].parameters.directory : null;
+          const userSelector = constraints.filter(item => item.name === 'userManagerResolver');
+          if (vocabulary) {
+            adaptedField.schema.type = 'vocabulary';
+            adaptedField.schema['customOptions.vocId'] = vocabulary;
+          }else if(userSelector.length > 0){
+            adaptedField.schema.type = 'userSelector';
+            // adaptedField.schema['customOptions.multipleMode'] = true;
+          }
+          break;
+        case 'boolean':
+          adaptedField.schema.type = 'toggle';
+          break;
+        case 'string[]':
+          adaptedField.schema.type = 'textfield';
+          // tslint:disable-next-line:no-string-literal
+          // adaptedField.schema['multiple'] = true;
+          const field1 = fields[fieldKey];
+          const itemConstraints = field1.itemConstraints ? field1.itemConstraints : [];
+          const multipleUserSelector = itemConstraints.filter(item => item.name === 'userManagerResolver');
+          if(multipleUserSelector.length > 0){
+            adaptedField.schema.type = 'userSelector';
+            adaptedField.schema['customOptions.multipleMode'] = true;
+          }
+          break;
+        case 'long':
+          adaptedField.schema.type = 'number';
+          break;
+        case 'double':
+            adaptedField.schema.type = 'number';
+            break;
+        case 'date':
+          adaptedField.schema.type = 'customdate';
+      }
+      return adaptedField;
+    });
+    fields.forEach(field => {
+      builderComponents[field.schema.fixedKey] = field;
+    });
+    return builderComponents;
+  }
+
+  constructDynamicFormPayload(data , dynamicForm){
+    let updatedDynamicValues = {}
+    Object.keys(data).map(key => {
+      let updatedKey = key.replace(':','');
+      let prefix = dynamicForm.prefix[updatedKey];
+      if (prefix) {
+        // check if component is user selector to map its data from object to username or id only 
+        if(data[key] && data[key]['userSelector'] && data[key]['userSelector'] === true){
+           updatedDynamicValues[prefix + ':' + updatedKey] = this.getUserSelectorValue(data[key]['value']);
+        }else{
+           updatedDynamicValues[prefix + ':' + updatedKey] = data[key]
+        }
+     } else {
+        if(data[key]['userSelector'] && data[key]['userSelector'] === true){
+           updatedDynamicValues[updatedKey] = this.getUserSelectorValue(data[key]['value']);;
+        }else{
+           updatedDynamicValues[updatedKey] = data[key]
+        }
+     }
+    })  
+    this.removeNullValues(updatedDynamicValues);
+    return updatedDynamicValues;
+  }
+  
+  getUserSelectorValue(value){
+    if(!Array.isArray(value)){
+      return value.id ? value.id : value.properties.username;
+    }else {
+      let usersNames = [];
+      value.map(item => {
+        usersNames.push((item.id ? item.id : item.properties.username));
+      })
+      return usersNames;
+    }
+  }
+
+  removeNullValues(data){
+    Object.keys(data).map(key => {
+      if(data[key] === null){
+        delete data[key];
+      }
+    })
+  }
+}

package/src/lib/shared-services/file-manager.adapter.ts

@@ -0,0 +1,69 @@
+import { DatePipe } from '@angular/common';
+import { Injectable } from '@angular/core';
+import { IconService } from '../components/display-suitable-icon/display-suitable-icon/icon.service';
+
+@Injectable({ providedIn: 'root' })
+export class FileManagerAdapter {
+    constructor(
+        public datePipe: DatePipe,
+        private iconService : IconService
+
+    ) { }
+    adapt(item) {
+        return {
+            id: item?.uid,
+            name: item?.title,
+            isFavorite: item?.contextParameters?.favorites?.isFavorite,
+            extension: item?.properties && item?.properties?.['file:content'] ? item?.properties?.['file:content']['mime-type'] : '',
+            isDirectory: item?.facets?.indexOf('Folderish') > -1 ? true : false,
+            size: item && item?.properties ? item?.properties['file:content']?.length : '',
+            creator: item && item?.properties && item?.properties['creator']?.properties?.firstName !== undefined && item?.properties['creator']?.properties?.firstName !== null ? `${item?.properties['creator'].properties?.firstName} ${item?.properties['creator'].properties?.lastName}` : '-',
+            modified: item && item?.properties ? this.datePipe.transform(item?.properties['modified'], 'dd-MM-yyyy') : '',
+            lastContributor: item && item?.properties && item?.properties['lastContributor']?.properties?.firstName !== undefined && item?.properties['lastContributor'].properties?.firstName !== null ? `${item?.properties['lastContributor'].properties?.firstName} ${item?.properties['lastContributor'].properties?.lastName}` : '-',
+            items: item?.contextParameters?.hasFolderishChild ? false : [],
+            entity: item,
+        };
+    }
+
+    treeViewAdapt(item, parent = true , pageConfigurations={} ) {
+        return {
+            id: item?.uid,
+            name: item?.title,
+            parentId: parent ? item?.parentRef : (pageConfigurations ? pageConfigurations['rootName'] : 'root'),
+            icon: 'folder',
+            isExpanded: item?.contextParameters?.hasFolderishChild,
+            entity: item
+        };
+    }
+    
+    dropDownTreeViewAdapt(item, parent = true) {
+        return {
+            id: item?.uid,
+            name: item?.title,
+            parentId: parent ? item?.parentRef : 'root',
+            icon: 'folder',
+            isExpanded: item?.contextParameters?.hasFolderishChild,
+            entity: item
+        };
+    }
+
+    fulltreeViewAdapt(item, parent = true) {
+        return {
+            id: item?.uid,
+            name: item?.title,
+            parentId: parent ? item?.parentRef : 'root',
+            icon: this.iconService.getFileIcon(item, 'document'),
+            isExpanded: this.checkIfExpanded(item),
+            entity: item
+        };
+    }
+
+    checkIfExpanded(document){
+        // if it is file then it is not expandable
+        if(!(document.facets) || (document.facets.length > 0 && document.facets.indexOf('Folderish') === -1)){
+          return false
+        }else{
+          return true
+        } 
+      }
+}