nuxeo-development-framework 5.6.4 → 5.6.5

package/src/lib/components/dynamic-fields-renderer/dynamic-fields-renderer/dynamic-fields-renderer.component.html

@@ -1,285 +0,0 @@
-<div [formGroup]="form" *ngIf="form">
-	<div class="renderer-container">
-		<div class="field-container" *ngFor="let field of fields">
-			<div class="flex gap-x-2 items-center" *permission="{ name: field.permission, entity: field.formControlName }">
-				<div class="single-field mb-3" *ngIf="field.type === 'text'">
-					<ng-container *ngIf="field.customLabel; else showLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<ng-template #showLabel>
-						<div class="label-style">
-							{{ field.label | translate }}
-							<span class="text-red-500" *ngIf="field.required">*</span>
-						</div>
-					</ng-template>
-					<input
-						class="field-style"
-						id="{{ field.formControlName }}"
-						[formControlName]="field.formControlName"
-						placeholder=" {{ field.placeholder | translate }}"
-					/>
-				</div>
-				<div class="single-field mb-3" *ngIf="field.type === 'number'">
-					<ng-container *ngIf="field.customLabel; else showLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<ng-template #showLabel>
-						<div class="label-style">
-							{{ field.label | translate }}
-							<span class="text-red-500" *ngIf="field.required">*</span>
-						</div>
-					</ng-template>
-
-					<input
-						min="1"
-						type="number"
-						class="field-style"
-						[formControlName]="field.formControlName"
-						placeholder=" {{ field.placeholder | translate }}"
-					/>
-				</div>
-				<div class="single-field mb-3" *ngIf="field.type === 'textarea'">
-					<ng-container *ngIf="field.customLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<app-dynamic-form-textarea
-						[id]="field.formControlName"
-						[label]="field.label"
-						placeholder="{{ field.placeholder | translate }}"
-						[disabled]="field.disabled"
-						[formControlName]="field.formControlName"
-					>
-					</app-dynamic-form-textarea>
-				</div>
-				<div class="single-field mb-3" *ngIf="field.type === 'date'">
-					<ng-container *ngIf="field.customLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<cts-dynamic-form-hijri-dateitem
-						[formControlName]="field.formControlName"
-						[label]="field.label"
-						[minHijri]="field.minHijri"
-						[maxHijri]="field.maxHijri"
-						[minGreg]="field.minGreg"
-						[maxGreg]="field.maxGreg"
-					>
-					</cts-dynamic-form-hijri-dateitem>
-				</div>
-				<div class="single-field mb-3" *ngIf="field.type === 'spellCheckerField'">
-					<ng-container *ngIf="field.customLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<ndf-spell-checker-text-field
-						[id]="field.formControlName"
-						[formControlName]="field.formControlName"
-						[placeholder]="field.placeholder"
-						[fieldType]="field.fieldType"
-						[label]="field.label"
-						(checkFromText)="checkTextOfSpellCheckField(field.formControlName)"
-					></ndf-spell-checker-text-field>
-				</div>
-				<div class="single-field mb-3" *ngIf="field.type === 'dynamic-vocabulary'">
-					<ng-container *ngIf="field.customLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<app-dynamic-form-vocabulary-item
-						[label]="field.label"
-						[bindLabel]="field.bindLabel"
-						[bindValue]="field.bindValue"
-						placeholder="{{ field.placeholder | translate }}"
-						[multiple]="field.multiple"
-						[searchable]="field.searchable"
-						[closeOnSelect]="field.closeOnSelect"
-						[disabled]="field.disabled"
-						[hideSelectedItems]="field.hideSelectedItems"
-						[vocabularyType]="field.vocabularyType"
-						[onlyIds]="field.onlyIds"
-						[formControlName]="field.formControlName"
-					>
-					</app-dynamic-form-vocabulary-item>
-				</div>
-
-				<!-- <div class="single-field mb-3" *ngIf="field.type === 'department-selector'">
-                    <div class="label-style">
-                        {{ field.label | translate }}
-                        <span class="text-red-500" *ngIf="field.required">*</span>
-                    </div>
-                    <app-dynamic-form-department
-                    [formControlName]="field.formControlName"
-                    [placeholder]="field.placeholder"
-                    [pp_departmentNestedTree]="field.pp_departmentNestedTree"
-                    [pp_departmentTree]="field.pp_departmentTree"
-                    [customPrefix]="field.customPrefix"
-                    [customParentProperty]="field.customParentProperty"
-                    [useCustomAddEditAction]="field.useCustomAddEditAction"
-                  >
-                  </app-dynamic-form-department>
-                </div> -->
-
-				<div class="single-field mb-3" *ngIf="field.type === 'translated-vocabulary'">
-					<ng-container *ngIf="field.customLabel">
-						<ng-container
-							*ngTemplateOutlet="
-								customlabel;
-								context: {
-									label: field.customLabel,
-									template: field.customLabelTemplate,
-									controlName: field.formControlName
-								}
-							"
-						></ng-container>
-					</ng-container>
-					<app-translated-vocabulary-select
-						[label]="field.label"
-						[arbBindLabel]="field.arbBindLabel"
-						[engBindLabel]="field.engBindLabel"
-						[bindValue]="field.bindValue"
-						placeholder="{{ field.placeholder | translate }}"
-						[multiple]="field.multiple"
-						[searchable]="field.searchable"
-						[closeOnSelect]="field.closeOnSelect"
-						[hideSelectedItems]="field.hideSelectedItems"
-						[formControlName]="field.formControlName"
-						[vocbularyId]="field.vocbularyId"
-						[useFilter]="field.useFilter"
-						[filter]="
-							field.filter === 'agencyName'
-								? agencyNameFilter
-								: field.filter === 'countryName'
-								? countryNameFilter
-								: field.filter === 'orgName'
-								? orgNameFilter
-								: field.filter === 'ngoName'
-								? ngoNameFilter
-								: {}
-						"
-						[params]="field.params || {}"
-						[getByDirectorySuggestion]="field.getByDirectorySuggestion"
-					>
-					</app-translated-vocabulary-select>
-				</div>
-				<ng-container *ngIf="field.selectable">
-					<ng-container
-						*ngTemplateOutlet="
-							fieldsCheckBox;
-							context: {
-								checkBoxTemplate: field.template,
-								controlName: field.formControlName
-							}
-						"
-					></ng-container>
-				</ng-container>
-			</div>
-
-			<!-- template in client -->
-			<ng-container *ngIf="field.suggest">
-				<ng-container
-					*ngTemplateOutlet="
-						suggest;
-						context: {
-							field: field.label,
-							suggestName: field.suggest,
-							controlName: field.formControlName,
-							template: field.suggestTemplate
-						}
-					"
-				></ng-container>
-			</ng-container>
-		</div>
-	</div>
-</div>
-
-<ng-template #fieldsCheckBox let-checkBoxTemplate="checkBoxTemplate" let-controlName="controlName">
-	<ng-container *ngTemplateOutlet="checkBoxTemplate; context: { controlName: controlName }"> </ng-container>
-</ng-template>
-
-<!-- suggest -->
-<ng-template
-	#suggest
-	let-field="field"
-	let-suggestName="suggestName"
-	let-controlName="controlName"
-	let-template="template"
->
-	<ng-container
-		*ngTemplateOutlet="
-			template;
-			context: {
-				field: field,
-				suggestName: suggestName,
-				controlName: controlName
-			}
-		"
-	>
-	</ng-container>
-</ng-template>
-<!-- suggest -->
-
-<!-- custom label -->
-<ng-template #customlabel let-controlName="controlName" let-label="label" let-template="template">
-	<ng-container
-		*ngTemplateOutlet="
-			template;
-			context: {
-				label: label,
-				controlName: controlName
-			}
-		"
-	>
-	</ng-container>
-</ng-template>
-<!-- custom label -->

package/src/lib/components/dynamic-fields-renderer/dynamic-fields-renderer/dynamic-fields-renderer.component.scss

@@ -1,3 +0,0 @@
-.single-field {
-  width: 100%;
-}

package/src/lib/components/dynamic-fields-renderer/dynamic-fields-renderer/dynamic-fields-renderer.component.spec.ts

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

package/src/lib/components/dynamic-fields-renderer/dynamic-fields-renderer/dynamic-fields-renderer.component.ts

@@ -1,175 +0,0 @@
-import { Component, OnInit, ViewEncapsulation, Input, EventEmitter, Output } from '@angular/core';
-
-@Component({
-	selector: 'app-dynamic-fields-renderer',
-	templateUrl: './dynamic-fields-renderer.component.html',
-	styleUrls: ['./dynamic-fields-renderer.component.scss'],
-	encapsulation: ViewEncapsulation.None
-})
-export class DynamicFieldsRendererComponent implements OnInit {
-	@Input() form;
-	@Input() agencyNameFilter;
-	@Input() countryNameFilter;
-	@Input() orgNameFilter;
-	@Input() ngoNameFilter;
-	@Input() disableInitSecrecyLevel: boolean = false;
-	@Input() mode = 'add';
-	@Input() fields = [
-		{
-			type: 'text',
-			label: 'CREATE.DOCUMENT_SUBJECT',
-			formControlName: 'subject',
-			placeholder: 'CREATE.DOCUMENT_SUBJECT',
-			required: true,
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'text',
-			label: 'CREATE.DOCUMENT_NUMBER',
-			formControlName: 'documentNumber',
-			placeholder: 'CREATE.DOCUMENT_NUMBER',
-			required: false,
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'date',
-			label: 'CREATE.DOCUMENT_DATE',
-			formControlName: 'gdocumentDate',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'dynamic-vocabulary',
-			label: 'CREATE.SCRECY_LEVEL',
-			bindLabel: 'label',
-			bindValue: 'id',
-			multiple: false,
-			searchable: false,
-			closeOnSelect: true,
-			hideSelectedItems: false,
-			disabled: false,
-			vocabularyType: 'VOC_SecrecyLevel',
-			formControlName: 'secrecyLevel',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'dynamic-vocabulary',
-			label: 'CREATE.IMPORTANCE_LEVEL',
-			bindLabel: 'label',
-			bindValue: 'id',
-			multiple: false,
-			searchable: false,
-			closeOnSelect: true,
-			disabled: false,
-			hideSelectedItems: false,
-			vocabularyType: 'VOC_Importance',
-			formControlName: 'importanceLevel',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'department-selector',
-			label: 'CREATE.DEPARTMENT_CODE',
-			formControlName: 'departmentCode',
-			placeholder: 'please select department',
-			pp_departmentNestedTree: 'PP_OS_Departments',
-			pp_departmentTree: 'PP_OS_Departments',
-			customPrefix: 'osdept',
-			customParentProperty: 'osdepartment_parentDepartmentCode',
-			useCustomAddEditAction: true,
-			required: false,
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'translated-vocabulary',
-			label: 'CREATE.AGENCY_CATEGORY_CODE',
-			arbBindLabel: 'label_ar',
-			engBindLabel: 'label_en',
-			bindValue: 'id',
-			multiple: false,
-			searchable: false,
-			closeOnSelect: true,
-			hideSelectedItems: false,
-			vocbularyId: 'VOC_AgencyCategory',
-			formControlName: 'agencyCategoryCode',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			useFilter: false,
-			filter: '',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'translated-vocabulary',
-			label: 'CREATE.AGENCY_NAME',
-			arbBindLabel: 'label_ar',
-			engBindLabel: 'label_en',
-			bindValue: 'id',
-			multiple: false,
-			searchable: true,
-			closeOnSelect: true,
-			hideSelectedItems: false,
-			vocbularyId: 'VOC_Agency',
-			formControlName: 'agencyName',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			useFilter: true,
-			filter: 'agencyName',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'translated-vocabulary',
-			label: 'CREATE.COUNTRY_CATEGORY_CODE',
-			arbBindLabel: 'label_ar',
-			engBindLabel: 'label_en',
-			bindValue: 'id',
-			multiple: false,
-			searchable: true,
-			closeOnSelect: true,
-			hideSelectedItems: false,
-			vocbularyId: 'VOC_CountryCategory',
-			formControlName: 'countryCategoryCode',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			useFilter: false,
-			filter: '',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'translated-vocabulary',
-			label: 'CREATE.COUNTRY_NAME',
-			arbBindLabel: 'label_ar',
-			engBindLabel: 'label_en',
-			bindValue: 'id',
-			multiple: false,
-			searchable: true,
-			closeOnSelect: true,
-			hideSelectedItems: false,
-			vocbularyId: 'VOC_Country',
-			formControlName: 'countryName',
-			placeholder: 'VOCABULARY.SELECT_ITEM',
-			useFilter: true,
-			filter: 'countryName',
-			permission: 'isHiddenField'
-		},
-		{
-			type: 'text',
-			label: 'CREATE.REMARKS',
-			formControlName: 'remarks',
-			placeholder: 'CREATE.REMARKS',
-			required: false,
-			permission: 'isHiddenField'
-		}
-	];
-	@Output() checkTextSpellCheckerField = new EventEmitter<string>();
-	constructor() {}
-
-	ngOnInit(): void {
-		if (this.fields.length && this.form) {
-			if (this.mode === 'add' && !this.disableInitSecrecyLevel) {
-				this.form.get('secrecyLevel').patchValue('Normal');
-			} else if (this.mode === 'edit') {
-				this.form.get('secrecyLevel').patchValue(this.form.value.secrecyLevel);
-			}
-		}
-	}
-	checkTextOfSpellCheckField(control: string) {
-		this.checkTextSpellCheckerField.emit(control);
-	}
-}

package/src/lib/components/dynamic-fields-renderer/dynamic-fields-renderer.module.ts

@@ -1,29 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DynamicFieldsRendererComponent } from './dynamic-fields-renderer/dynamic-fields-renderer.component';
-import { DynamicFormModule } from '../dynamic-form/dynamic-form.module';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DirectiveModule } from '../../directive/directive.module';
-import { TranslateModule } from '@ngx-translate/core';
-import { VocabularyModule } from '../vocabulary/vocabulary.module';
-import { SpellCheckerFieldModule } from '../spell-checker-field/spell-checker-field.module';
-
-
-
-@NgModule({
-  declarations: [DynamicFieldsRendererComponent],
-  imports: [
-    CommonModule,
-    DynamicFormModule,
-    FormsModule,
-    ReactiveFormsModule,
-    DirectiveModule,
-    TranslateModule,
-    VocabularyModule,
-    SpellCheckerFieldModule
-  ],
-  exports: [
-    DynamicFieldsRendererComponent
-  ]
-})
-export class DynamicFieldsRendererModule { }

package/src/lib/components/dynamic-filter/dynamic-filter/dynamic-filter.component.html

@@ -1,122 +0,0 @@
-<div class="aggregation-container">
-  <div class="search-title">
-    {{ prefix + "." + title | translate }}
-  </div>
-  <ng-container *ngIf="filters && componentType != 'colorsCodes'">
-    <ng-container *ngFor="let group of filters; index as i">
-      <div *ngIf="i < 5 || more" class="search-checkbox">
-        <!-- <input
-          [checked]="_selections.includes(group.key)"
-          type="checkbox"
-          (change)="onFilterSelect(group.key, $event.target.checked)"
-        /> -->
-        <!-- <div class="mx-8">
-          <span [ngSwitch]="EntityType(group.fetchedKey)">
-            <span *ngSwitchCase="'directoryEntry'">
-              {{
-                "vocabulary." + group.fetchedKey.directoryName + "." + group.key
-                  | translate
-              }}
-            </span>
-            <span *ngSwitchCase="'user'">
-              {{
-                group.fetchedKey.properties.firstName +
-                  " " +
-                  group.fetchedKey.properties.lastName
-              }}
-            </span>
-            <span *ngSwitchDefault>
-              {{ prefix + "." + "buckets." + group.key | translate }}
-            </span>
-          </span>
-          <bdi>({{ group.docCount }})</bdi>
-        </div> -->
-        <mat-checkbox
-          [checked]="_selections.includes(group.key)"
-          (change)="onFilterSelect(group.key, $event.checked)"
-        >
-          <span [ngSwitch]="componentType" class="aggregation-label">
-
-            <span *ngSwitchCase="'custom-voc'">
-              <lib-cutome-voc-viewer [type]="componentType" [group]="group"></lib-cutome-voc-viewer>
-            </span>
-
-            <span *ngSwitchCase="'vocabulary'">
-              <lib-cutome-voc-viewer [type]="componentType" [group]="group"></lib-cutome-voc-viewer>
-            </span>
-
-            <span *ngSwitchCase="'user'">
-              {{
-                group.key === 'system' ? ('SYSTEM_ADMIN' | translate) : (group.fetchedKey.properties.firstName + " " + group.fetchedKey.properties.lastName)
-              }}
-            </span>
-
-            <span *ngSwitchCase="'custom-pp'">
-              <lib-custom-pp-viewer [pageProvider]="customPageProvider" [config]="config" [group]="group"></lib-custom-pp-viewer>
-            </span>
-
-            <span *ngSwitchCase="'custom-document'">
-              <lib-custom-document-viewer [pageProvider]="customPageProvider" [group]="group"></lib-custom-document-viewer>
-            </span>
-
-            <span *ngSwitchCase="'department'">
-              <cts-department-viewer
-              [noStyle]="true"
-              [value]="group.key"
-            >
-            </cts-department-viewer>
-            <!-- {{group.key}} -->
-            </span>
-
-            <span *ngSwitchCase="'custom-department'">
-              {{isArabic ? group.fetchedKey.properties[config.propertyAr] : group.fetchedKey.properties[config.propertyEn]}}
-            </span>
-
-            <span *ngSwitchCase="'string'">
-              <span>{{group.key}}</span>
-            </span>
-            <span *ngSwitchDefault>
-              {{ prefix + "." + "buckets." + group.key | translate }}
-            </span>
-          </span>
-          <bdi>({{ group.docCount }})</bdi></mat-checkbox
-        >
-      </div>
-    </ng-container>
-    <div *ngIf="filters.length > 5" class="more">
-      <button class="btn-more" (click)="more = !more">
-        {{
-          more
-            ? (prefix + "." + "viewless" | translate)
-            : (prefix + "." + "viewmore" | translate)
-        }}
-      </button>
-    </div>
-  </ng-container>
-
-  <ng-container *ngIf="filters && componentType == 'colorsCodes'">
-    <div class="flex flex-wrap colorsContainer">
-      <ng-container *ngFor="let group of filters; index as i">
-          <div *ngIf="i < 24 || more" class="color-search-checkbox flex items-end justify-start" [style.backgroundColor]="group.key"
-          matTooltip="{{'search.colorInOtherPhotos' | translate :{num:group.docCount} }}" [matTooltipPosition]="'above'" 
-          (click)="onFilterSelect(group.key, (_selections.includes(group.key)) ? false : true)">
-            <span class="checkIcon bi bi-check" *ngIf="_selections.includes(group.key)" [ngStyle]="{color: (isWhiteOrClosetToWhite(group.key)) ? 'black': 'white'}"></span>
-          </div>
-        
-      </ng-container>
-    </div>
-    <div *ngIf="filters.length > 20" class="more">
-      <button class="btn-more mt-1" (click)="more = !more">
-        {{
-          more
-            ? (prefix + "." + "viewless" | translate)
-            : (prefix + "." + "viewmore" | translate)
-        }}
-      </button>
-    </div>
-  </ng-container>
-
-
-
-  
-</div>