nuxeo-development-framework 3.1.6 → 3.1.8

package/src/lib/components/dynamic-form/components/dynamic-form/form-builder.service.ts

@@ -1,120 +0,0 @@
-import { Inject, Injectable } from '@angular/core';
-import { from, Observable } from 'rxjs';
-import { catchError, map, tap } from 'rxjs/operators';
-import { AppConfigService } from '../../../../configuration/app-config.service';
-import { NuxeoService } from '../../../../Core/services/nuxeo/nuxeo.service';
-import { FieldsAdapterService } from './fields.adapter';
-
-@Injectable({
-  providedIn: 'root'
-})
-
-export class FormBuilderService {
-  dynamicFieldsOperations;
-  myPrefix = '';
-  constructor(
-    private nuxeoService: NuxeoService,
-    private configService: AppConfigService,
-    private fieldsAdapter: FieldsAdapterService, @Inject('environment') private environment) {
-
-    this.dynamicFieldsOperations = this.configService.myConfiguration.dynamicForms.operations;
-  }
-
-  // getSchema(schema): Observable<any> {
-  //   return from(this.nuxeoService.nuxeoClient.request(`/config/schemas/${schema}`)
-  //     .get({
-  //       headers: {
-  //         'fetch.schema': 'fields'
-  //       }
-  //     })).pipe(
-  //       map((data: any) => this.fieldsAdapter.adapt(data.fields))
-  //     );
-  // }
-
-  getSchemaComponents(type){
-    return from(this.nuxeoService.nuxeoClient.request(`config/facets/${type}`)
-    .get({
-      headers: {
-        'fetch.schema': 'fields'
-      }
-    })).pipe(
-      map((data: any) => {
-        this.myPrefix = data.schemas[0].prefix;
-        return this.fieldsAdapter.adapt(data.schemas[0].fields)
-      })
-    );
-  }
-
-    createFormJson(type , jsonObject){
-      jsonObject['prefix']=this.myPrefix;
-      return from(
-        this.nuxeoService.nuxeoClient
-          .operation(this.dynamicFieldsOperations.createFormApi ? this.dynamicFieldsOperations.createFormApi : 'AC_UA_DynamicForm_Create', {
-            url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
-          })
-          .context({
-            "schema":type,
-            "json":jsonObject
-          })
-          .execute()
-      ).pipe(
-        catchError((err) => {
-          console.log(err);
-          throw err;
-        }))
-    
-  }
-
-    getDynamicForm(type) {
-      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;
-        })
-      );
-    }
-
-    adaptOutDynamicFields(data) {
-      let myAdaptedData = {};
-
-      Object.keys({...data}).map(key => {
-        myAdaptedData[this.myPrefix + ':' + key] = data[key];
-      })
-
-      return myAdaptedData;
-    }
-    
-    adaptInDynamicFields(data) {
-      let myAdaptedData = {};
-
-      Object.keys({...data}).map(key => {
-        if(key.includes(this.myPrefix + ':')){
-          myAdaptedData[key.replace(this.myPrefix+':','')] = data[key];
-        }
-      })
-
-      return myAdaptedData;
-    }
-}

package/src/lib/components/dynamic-form/components/dynamic-form-boolitem/dynamic-form-boolitem.component.html

@@ -1,14 +0,0 @@
-<ng-container *ngIf="!property.isEmpty() || isEditable()">
-  <div class="row gap">
-
-    <label class="col-sm-3" for="formGroupInputSmall">{{
-      property.label | translate
-      }}<span *ngIf="property.mandatory" class="text-danger">*</span></label>
-    <div class="col-sm-9">
-      <mat-checkbox [required]="property.mandatory" [attr.data-automation-id]="'card-boolean-' + property.key"
-        [attr.title]="'CORE.METADATA.ACTIONS.TOGGLE' | translate" [checked]="property.displayValue"
-        [disabled]="!isEditable()" (change)="changed($event)">
-      </mat-checkbox>
-    </div>
-  </div>
-</ng-container>

package/src/lib/components/dynamic-form/components/dynamic-form-boolitem/dynamic-form-boolitem.component.scss

@@ -1,2 +0,0 @@
-.app {
-}

package/src/lib/components/dynamic-form/components/dynamic-form-boolitem/dynamic-form-boolitem.component.ts

@@ -1,34 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { MatCheckboxChange } from '@angular/material/checkbox';
-import { DynamicFormUpdateService } from '../../services/dynamic-form-update.service';
-import { DynamicFormBoolItemModel } from '../../models/dynamic-form.models';
-import { TranslateService } from '@ngx-translate/core';
-
-/** @ignore */
-
-@Component({
-  selector: 'app-dynamic-form-boolitem',
-  templateUrl: './dynamic-form-boolitem.component.html',
-  styleUrls: ['./dynamic-form-boolitem.component.scss']
-})
-export class DynamicFormBoolItemComponent {
-  @Input()
-  property: DynamicFormBoolItemModel;
-
-  @Input()
-  editable: boolean;
-
-  constructor(
-    private dynamicFormUpdateService: DynamicFormUpdateService,
-    public translate: TranslateService
-  ) {}
-
-  isEditable() {
-    return this.editable && this.property.editable;
-  }
-
-  changed(change: MatCheckboxChange) {
-    //this.dynamicFormUpdateService.update(this.property, change.checked);
-    //this.property.value = change.checked;
-  }
-}

package/src/lib/components/dynamic-form/components/dynamic-form-builder/dynamic-form-builder.component.html

@@ -1,15 +0,0 @@
-<div class="container-fluid" dir="ltr">
-  <form-builder [form]="form" [options]="builderOptions" [rebuild]="refresher" (change)="onChange($event)"></form-builder>
-  <!-- <button class="save-form" (click)="save()">SAVE</button> -->
-  <div class="mx-2 save-form">
-    <cts-button
-    [loading]="saving"
-    [theme]="'primary'"
-    [size]="'regular'"
-    (onClick)="save()"
-    
-  >
-    {{ "BUTTONS.SAVE" | translate }}
-  </cts-button>
-  </div>
-</div>

package/src/lib/components/dynamic-form/components/dynamic-form-builder/dynamic-form-builder.component.scss

@@ -1,73 +0,0 @@
-.formio-dialog {
-  direction: ltr;
-  text-align: left;
-  .card-title {
-    border: 0px !important;
-  }
-}
-
-.builder {
-  text-align: left;
-  div[ref="copyComponent"],
-  div[ref="pasteComponent"],
-  div[ref="editJson"] {
-    display: none;
-    visibility: hidden;
-  }
-  .formarea {
-    flex: 0 0 75%;
-    .formio-component {
-      .formio-form {
-        .builder-component {
-          .form-group {
-            label {
-              color: #646f85;
-              font-size: 13px;
-            }
-            input {
-              border: 1px solid #ccc;
-              border-radius: 5px;
-              background-color: rgba(143, 152, 170, 0.1);
-              height: 40px;
-            }
-          }
-          .formio-component-vocabulary {
-            input {
-              border: none;
-              background: no-repeat;
-              height: 40px;
-            }
-          }
-        }
-      }
-    }
-  }
-  .formcomponents {
-    flex: 0 0 25%;
-    max-width: 25%;
-    .builder-sidebar {
-      input {
-      }
-      .form-builder-panel {
-        .show {
-          .card-body {
-            width: 80%;
-            .formcomponent {
-              width: 100%;
-              overflow: hidden;
-              white-space: nowrap !important;
-              text-overflow: ellipsis;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.container-fluid {
-  .save-form {
-    margin-top: 15px;
-    width: 200px;
-  }
-}

package/src/lib/components/dynamic-form/components/dynamic-form-builder/dynamic-form-builder.component.ts

@@ -1,161 +0,0 @@
-import {
-  Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ViewEncapsulation
-} from '@angular/core';
-import { Components, FormBuilderComponent } from 'angular-formio';
-import { Utils } from 'formiojs';
-import { cloneDeep } from 'lodash';
-import { baseEditForm } from '../form-wrappers/base-edit-form/base-edit-form';
-@Component({
-  selector: 'app-dynamic-form-builder',
-  templateUrl: './dynamic-form-builder.component.html',
-  styleUrls: ['./dynamic-form-builder.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class DynamicFormBuilderComponent implements OnChanges, OnInit {
-  @ViewChild('json') jsonElement?: ElementRef;
-  @Input()
-  form: any = {};
-  @Input()
-  builder: any = {};
-  @Input()
-  builderComponents = {};
-  @Output()
-  formUpdated = new EventEmitter();
-  saving = false;
-  @ViewChild(FormBuilderComponent, { static: false }) FormBuilderComponent: FormBuilderComponent;
-  builderOptions = {
-    noDefaultSubmitButton: true,
-    builder: {
-      basic: false,
-      advanced: false,
-      data: false,
-      premium: false,
-      layout: {
-        components: {
-          htmlelement: false,
-          content: false
-        }
-      },
-      customBasic: {
-        title: 'Basic Components',
-        default: true,
-        weight: 0,
-        components: {}
-      }
-    },
-    editForm: {
-      textfield: [
-
-        {
-          key: 'api',
-          ignore: true
-        },
-        {
-          key: 'logic',
-          ignore: true
-        },
-        {
-          key: 'layout',
-          ignore: true
-        }
-      ],
-      number: [
-        {
-          key: 'display'
-        },
-        {
-          key: 'api',
-          ignore: true
-        },
-        {
-          key: 'logic',
-          ignore: true
-        },
-        {
-          key: 'layout',
-          ignore: true
-        }
-      ]
-    }
-  };
-  refresher = new EventEmitter();
-  deletedComponents = {};
-  // tslint:disable-next-line:variable-name
-  private _form: any = {};
-
-  constructor() {
-    const numberEditForm = Components.components.number.editForm();
-    const textEditForm = Components.components.textfield.editForm();
-    textEditForm.components[0].components[1].components = textEditForm.components[0].components[1].components.filter(item => !['persistent', 'protected', 'dbIndex', 'encrypted', 'calculateServer'].includes(item.key));
-    numberEditForm.components[0].components[1].components = numberEditForm.components[0].components[1].components.filter(item => !['persistent', 'protected', 'dbIndex', 'encrypted', 'calculateServer'].includes(item.key));
-    Components.components.textfield.editForm = () =>
-      baseEditForm([textEditForm.components[0].components[1]]);
-    Components.components.number.editForm = () =>
-      baseEditForm([numberEditForm.components[0].components[1]]);
-    this._form = this.form;
-  }
-  ngOnInit() {
-
-  }
-  ngOnChanges(changes) {
-    if (changes.form || changes.builderComponents) {
-      if (this.form.components) {
-        Utils.eachComponent(this.form.components, (comp) => {
-          if (this.builderComponents[comp.key]) {
-            this.deletedComponents[comp.key] = cloneDeep(this.builderComponents[comp.key]);
-            delete this.builderComponents[comp.key];
-          } else if (Object.keys(this.builderComponents).length) {
-            Utils.findComponent(this.form.components, comp.key, null, (found, path) => {
-              Utils.removeComponent(this.form.components, path);
-              this._form = cloneDeep(this.form);
-            });
-          }
-        });
-      }
-      this.builderOptions.builder.customBasic.components = cloneDeep(this.builderComponents);
-
-
-      this.refresher.next();
-    }
-  }
-  save() {
-    this.saving = true;
-    this.form = cloneDeep(this._form);
-    this.formUpdated.next(this.form);
-    setTimeout(() => {
-      this.saving = false;
-    }, 500);
-  }
-  onChange(event: any) {
-    this.handleComponentChange(event.component, event.type);
-
-    if (['addComponent', 'saveComponent', 'deleteComponent'].indexOf(event.type) > -1) {
-      this._form = cloneDeep(event.form);
-    }
-
-  }
-
-  handleComponentChange(component, eventType): void {
-    if (component.fixedKey) {
-      component.key = component.fixedKey;
-      if (component.fixedKey && this.builderOptions.builder.customBasic.components[component.fixedKey] && eventType === 'addComponent') {
-        this.deletedComponents[component.fixedKey] =
-          { ...this.builderOptions.builder.customBasic.components[component.fixedKey] };
-        this.builderOptions.builder.customBasic.components[component.fixedKey] = false;
-      }
-      if (component.fixedKey && this.deletedComponents[component.fixedKey] && eventType === 'deleteComponent') {
-        this.builderOptions.builder.customBasic.components[component.fixedKey] =
-          { ... this.deletedComponents[component.fixedKey] };
-        delete this.deletedComponents[component.fixedKey];
-      }
-      this.refresher.next();
-
-    } else {
-      Utils.eachComponent([component], (comp) => {
-        this.handleComponentChange(comp, eventType);
-      });
-    }
-  }
-
-
-}

package/src/lib/components/dynamic-form/components/dynamic-form-checkbox-item/dynamic-form-checkbox-item.component.html

@@ -1,10 +0,0 @@
-<div class="checkbox-container">
-  <input
-    [checked]="checked"
-    [disabled]="disabled"
-    [(ngModel)]="value"
-    (change)="setValue($event)"
-    type="checkbox"
-  />
-  <label class="checkbox-lable">{{ label | translate }}</label>
-</div>

package/src/lib/components/dynamic-form/components/dynamic-form-checkbox-item/dynamic-form-checkbox-item.component.scss

@@ -1,13 +0,0 @@
-.checkbox-lable {
-  color: #8f98aa;
-  font-size: 16px;
-  margin-bottom: 0px;
-}
-.checkbox-container {
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-  input[type="checkbox"] {
-    transform: scale(1.2);
-  }
-}

package/src/lib/components/dynamic-form/components/dynamic-form-checkbox-item/dynamic-form-checkbox-item.component.spec.ts

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

package/src/lib/components/dynamic-form/components/dynamic-form-checkbox-item/dynamic-form-checkbox-item.component.ts

@@ -1,72 +0,0 @@
-import {
-  Component,
-  Input,
-  Optional,
-  Self,
-  ViewEncapsulation,
-} from '@angular/core';
-import {
-  AbstractControl,
-  ControlValueAccessor,
-  NgControl,
-} from '@angular/forms';
-import { TranslateService } from '@ngx-translate/core';
-/**
- * A checkbox input that can be used inside reactive or template driven forms
- * @title
- * Checkbox
- * @example
- *   <cts-dynamic-form-checkbox-item
- *     [label]="'test slide'"
- *     formControlName="checkbox"
- * ></cts-dynamic-form-checkbox-item>
- */
-@Component({
-  selector: 'cts-dynamic-form-checkbox-item',
-  templateUrl: './dynamic-form-checkbox-item.component.html',
-  styleUrls: ['./dynamic-form-checkbox-item.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class DynamicFormCheckboxItemComponent implements ControlValueAccessor {
-  value;
-  /** Input Label */
-  @Input()
-  label;
-  /** set input to disabled */
-  @Input()
-  disabled: boolean = false;
-  /** is checkbox checked */
-  @Input()
-  checked: boolean = false;
-  onChange: any = () => { };
-  onTouched: any = () => { };
-  constructor(
-    public translate: TranslateService,
-    @Self() @Optional() private control: NgControl
-  ) {
-    this.control.valueAccessor = this;
-  }
-  writeValue(obj: boolean): void {
-    this.value = obj;
-  }
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-  isRequired() {
-    if (!this.control.control.validator) {
-      return false;
-    }
-
-    const validator = this.control.control.validator({} as AbstractControl);
-    return validator && validator.required;
-  }
-  setValue(event) {
-    this.onChange(event.target.checked);
-  }
-}

package/src/lib/components/dynamic-form/components/dynamic-form-dateitem/dynamic-form-dateitem.component.html

@@ -1,56 +0,0 @@
-<div class="app-property-value">
-  <div class="app-input-wrapper">
-    <ng-container *ngIf="label">
-      <label class="" for="formGroupInputSmall"
-        >{{ label | translate
-        }}<span *ngIf="isRequired()" class="text-danger m-1">*</span>
-      </label>
-    </ng-container>
-    <div class="input-container">
-      <ng-container *ngIf="isEditable(); else readOnly">
-
-        <button *ngIf="!isfilter" type="button" class="claendar-icon" [owlDateTimeTrigger]="dt3">
-          <i class="bi bi-calendar-week icon"></i>        </button>
-        <input
-          class="form-control"
-          [disabled]="isDisabled() || null"
-          (blur)="onTouched($event)"
-          [min]="min"
-          [max]="max"
-          [selectMode]="selectMode"
-          [required]="isRequired"
-          [(ngModel)]="valueDate"
-          (ngModelChange)="onDateChanged($event)"
-          autocomplete="false"
-          [owlDateTimeTrigger]="dt3"
-          [owlDateTime]="dt3"
-          placeholder="{{ placeholder }}"
-        />
-        <button type="button" *ngIf="valueDate" (click)="onDateClear()" class="relative mx-1 clear-date-btn"
-        [ngClass]="{'d-none': isDisabled()}">
-          <i class="clear-date-icon material-icons  flex mr-1">&#xE14C;</i>
-        </button>
-        <owl-date-time
-          [startAt]="startAt"
-          [pickerType]="pickerType"
-          #dt3
-        ></owl-date-time>
-
-        <mat-error
-          [attr.data-automation-id]="'card-textitem-error-'"
-          class="app-textitem-editable-error"
-          *ngIf="hasErrors()"
-        >
-          <ul>
-            <li *ngIf="control.errors.required">
-              {{ "VALIDATORS.REQUIRED" | translate }}
-            </li>
-          </ul>
-        </mat-error>
-      </ng-container>
-      <ng-template #readOnly>
-        {{ valueDate | date }}
-      </ng-template>
-    </div>
-  </div>
-</div>