nuxeo-development-framework 3.1.6 → 3.1.8

package/src/lib/components/select/select/select.component.ts

@@ -1,116 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  forwardRef,
-  Input,
-  OnChanges,
-  OnInit,
-  Output,
-  ViewEncapsulation,
-} from '@angular/core';
-import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { TranslateService } from '@ngx-translate/core';
-import { Observable } from 'rxjs';
-
-@Component({
-  selector: 'cts-select',
-  templateUrl: './select.component.html',
-  styleUrls: ['./select.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => SelectComponent),
-      multi: true,
-    },
-  ],
-})
-export class SelectComponent implements OnInit, OnChanges {
-  // @Input() addTag = false;
-  // @Input() groupBy;
-  // @Input() searchFn = null;
-  // @Input() trackByFn = null;
-  // @Input() required;
-  // @Input() disabled = false;
-  @Input() label: string;
-  @Input() bindValue;
-  @Input() bindLabel;
-  @Input() data;
-  @Input() placeholder;
-  @Input() multiple = false;
-  @Input() searchable = false;
-  @Input() closeOnSelect = true;
-  @Input() hideSelectedItems = false;
-  @Input() isAsync = false;
-  @Input() attachSource = false;
-  @Input() source$: Observable<any>;
-  @Input() hideLoaded = false;
-  @Input() loading = false;
-  @Input() disabled = false;
-  @Output() onSelectItems = new EventEmitter();
-  selection = [];
-  buffer = [];
-  bufferSize = 50;
-  numberOfItemsFromEndBeforeFetchingMore = 10;
-
-  propagateChange: any = () => {};
-  validateFn: any = () => {};
-
-  public onTouched: any = () => {
-    /*Empty*/
-  };
-
-  constructor(public translate: TranslateService) {}
-
-  emitSelection(event) {
-    this.propagateChange(this.selection);
-    this.onSelectItems.emit(event);
-  }
-
-  onScrollToEnd() {
-    this.fetchMore();
-  }
-
-  private fetchMore() {
-    this.loading = true;
-    const len = this.buffer.length;
-    const more = this.data.slice(len, this.bufferSize + len);
-    this.buffer = this.data.concat(more);
-    this.loading = false;
-  }
-
-  ngOnChanges(changes): void {
-    if (
-      changes.data &&
-      changes.data.currentValue &&
-      changes.data.previousValue
-    ) {
-      this.data = [...changes.data.currentValue];
-      this.buffer = this.data.slice(0, this.bufferSize);
-    }
-  }
-
-  ngOnInit() {
-    this.buffer = (this.data || []).slice(0, this.bufferSize);
-    this.buffer.map((item) => {
-      item.isSelected = false;
-    });
-  }
-
-  writeValue(value) {
-    if (value) {
-      this.selection = value;
-    }
-  }
-  registerOnChange(fn) {
-    this.propagateChange = fn;
-  }
-
-  registerOnTouched(fn: any) {
-    this.onTouched = fn;
-  }
-
-  validate(c: FormControl) {
-    return this.validateFn(c);
-  }
-}

package/src/lib/components/select/select.module.ts

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SelectComponent } from './select/select.component';
-import { FormsModule } from '@angular/forms';
-import { NgSelectModule } from '@ng-select/ng-select';
-import { TranslateModule } from '@ngx-translate/core';
-
-
-/** @ignore */
-@NgModule({
-  declarations: [SelectComponent],
-  imports: [
-    CommonModule,
-    NgSelectModule,
-    FormsModule,
-    TranslateModule
-  ],
-  exports: [
-    SelectComponent
-  ]
-})
-export class SelectModule {}

package/src/lib/components/select-users-by-department/select-users-by-department.module.ts

@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DynamicFormModule } from '../dynamic-form/dynamic-form.module';
-import { TranslateModule } from '@ngx-translate/core';
-import { NgSelectModule } from '@ng-select/ng-select';
-import { AvatarModule } from '../avatar/avatar.module';
-import { SelectUsersByDepartmentsComponent } from './select-users-by-departments/select-users-by-departments.component';
-
-
-
-@NgModule({
-  declarations: [SelectUsersByDepartmentsComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    DynamicFormModule,
-    TranslateModule,
-    NgSelectModule,
-    AvatarModule
-  ],
-  exports:[
-    SelectUsersByDepartmentsComponent
-  ]
-})
-export class SelectUsersByDepartmentModule { }

package/src/lib/components/select-users-by-department/select-users-by-departments/department-management.service.ts

@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core';
-import { from, Observable } from 'rxjs';
-import { catchError, map, take } from 'rxjs/operators';
-import { NuxeoService } from '../../../Core/services/nuxeo/nuxeo.service';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class DepartmentManagementService {
-  constructor(
-    private nuxeoService: NuxeoService,
-  ) {}
-
-
-  getDepMembers(deptTitle, params = {}): Observable<any> {
-    return from(
-      this.nuxeoService.nuxeoClient
-        .request(`group-members/all-members/dms_user_${deptTitle}`)
-        .queryParams({ q: '*', ...params })
-        .get()
-    ).pipe(
-      catchError((err) => {
-        throw err;
-      })
-    );
-  }
-}

package/src/lib/components/select-users-by-department/select-users-by-departments/select-users-by-departments.component.html

@@ -1,88 +0,0 @@
-<form [formGroup]="depAnditsUsers">
-    <div class="w-full flex justify-between"
-    [ngClass]="{'flex-row': display === 'row', 'flex-col': display === 'column'}">
-        <div class="flex flex-col w-full flex-1 depWrapper">
-            <label class="dep-label">
-                {{depLabel}}
-            <span class="text-danger" *ngIf="isRequired()">*</span>
-            </label>
-            <ng-container *ngIf="!reseting">
-                <app-dynamic-form-department 
-                    #depRef
-                    formControlName="dep"
-                    placeholder="placeholder"
-                    [treeview]="false"
-                    [pp_departmentNestedTree]="'PP_OS_Departments'"
-                    [pp_departmentTree]="'PP_OS_Departments'"
-                    [customPrefix]="'osdept'"
-                    [customParentProperty]="'osdepartment_parentDepartmentCode'"
-                    [useCustomAddEditAction]="true"
-                    (onSelecting)="getDepMembers($event)"
-                >
-                </app-dynamic-form-department>
-            </ng-container>
-            <ng-container *ngIf="reseting">
-                <app-dynamic-form-department
-                    #depRef
-                    formControlName="dep"
-                    placeholder="placeholder"
-                    [treeview]="false"
-                    [pp_departmentNestedTree]="'PP_OS_Departments'"
-                    [pp_departmentTree]="'PP_OS_Departments'"
-                    [customPrefix]="'osdept'"
-                    [customParentProperty]="'osdepartment_parentDepartmentCode'"
-                    [useCustomAddEditAction]="true"
-                    (onSelecting)="getDepMembers($event)"
-                >
-                </app-dynamic-form-department>
-            </ng-container>
-        </div>
-        <div class="flex flex-col w-full flex-1 usersWrapper"
-        [ngClass]="{'mt-4': display === 'column'}">
-            <label class="users-label">
-                {{userLabel}}
-                <span class="text-danger" *ngIf="isRequired()">*</span>
-            </label>
-            <ng-select 
-                formControlName="users"
-                #ngSelectComponent 
-                [items]="depUsers" 
-                bindLabel="properties.fullName" 
-                bindValue="properties.username" 
-                [multiple]="allowMultipleUsers"
-                [placeholder]="'share.placeholder' | translate"
-                (change)="setUser()"
-            >
-                <ng-template ng-notfound-tmp let-searchTerm="searchTerm">
-                    <div class="ng-option disabled" *ngIf="!depAnditsUsers?.get('dep').value;else notFound">
-                        {{'archiveSearch.select_dep' | translate}}
-                    </div>
-                    <ng-template #notFound>
-                        <div class="ng-option disabled">
-                            {{'archiveSearch.noUsers' | translate}}
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template ng-option-tmp let-item="item" let-index="index">
-                    <div class="flex flex-col h-full">
-                        <div *ngIf="item" class="flex flex-row">
-                            <div class="flex-0 w-8 h-8 rounded-full overflow-hidden">
-                                <cts-avatar [user]="{
-                                    properties: {
-                                        firstName: item.properties?.firstName,
-                                        lastName: item.properties?.lastName
-                                    }
-                                    }">
-                                </cts-avatar>
-                            </div>
-                            <div class="flex flex-col  pt-0 px-2">
-                                <span>{{item.properties?.fullName}}</span>
-                                <span>{{item.properties?.email}}</span>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </ng-select>
-        </div>
-    </div>
-</form>

package/src/lib/components/select-users-by-department/select-users-by-departments/select-users-by-departments.component.scss

@@ -1,15 +0,0 @@
-.userByDepSelectors {
-    ngx-dropdown-treeview > .dropdown {
-        @apply bg-primary-50 border-primary-100 #{!important};
-    }
-    .ng-select {
-        .ng-select-container {
-            .ng-value-container {
-                .ng-placeholder {
-                    font-size: 12px !important;
-                    margin-top: 4px !important;
-                }
-            }
-        }
-    }
-}

package/src/lib/components/select-users-by-department/select-users-by-departments/select-users-by-departments.component.spec.ts

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

package/src/lib/components/select-users-by-department/select-users-by-departments/select-users-by-departments.component.ts

@@ -1,105 +0,0 @@
-import { Component, Input, OnDestroy, OnInit, Optional, Self, ViewEncapsulation, OnChanges, EventEmitter, Output } from '@angular/core';
-import { ControlValueAccessor, FormControl, FormGroup, NgControl, Validators } from '@angular/forms';
-import {
-  DepartmentManagementService,
-} from './department-management.service';
-import { of, Subscription } from 'rxjs';
-import { switchMap } from 'rxjs/operators';
-
-@Component({
-  selector: 'app-select-users-by-departments',
-  templateUrl: './select-users-by-departments.component.html',
-  styleUrls: ['./select-users-by-departments.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  host: { class: 'userByDepSelectors' }
-})
-export class SelectUsersByDepartmentsComponent implements OnInit, ControlValueAccessor, OnDestroy {
-
-  @Input()
-  display: string; // "column" to display selectors vertically or "row" to display them horizontally
-  @Input()
-  depLabel: string;
-  @Input()
-  userLabel: string;
-  @Input()
-  allowMultipleUsers = false;
-  @Output() formChanged = new EventEmitter()
-  sub$: Subscription;
-  depUsers = [];
-  propagateChange: any = () => { };
-  validateFn: any = () => { };
-  public onTouched: any = () => { }
-  depAnditsUsers = new FormGroup({
-    dep: new FormControl(),
-    users: new FormControl()
-  });
-  reseting = false;
-  constructor(private departmentManagment: DepartmentManagementService,
-    @Self() @Optional() private control: NgControl) {
-    if (this.control) {
-      this.control.valueAccessor = this;
-    }
-  }
-
-  isRequired() {
-    if (!this.control || !this.control?.control?.validator) {
-      return false;
-    }
-    return true;
-  }
-  ngOnInit(): void {
-    if (this.control || this.control?.control?.validator) {
-      [this.depAnditsUsers.get('dep'), this.depAnditsUsers.get('users')]
-        .map(control => {
-          control.setValidators(Validators.required);
-          control.updateValueAndValidity()
-        });
-    }
-  }
-
-  writeValue(obj: any): void {
-    if (obj === null)
-      this.depAnditsUsers.reset();
-      this.reseting = !this.reseting;
-  }
-
-  registerOnChange(fn: any): void {
-    this.propagateChange = fn;
-  }
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-  setDisabledState?(isDisabled: boolean): void { }
-
-  getDepMembers(DepId) {
-    this.formChanged.emit(true);
-    this.depAnditsUsers.value['dep'] = DepId;
-    this.propagateChange(this.depAnditsUsers.value)
-    this.sub$ = this.departmentManagment
-      .getDepMembers(DepId).pipe(
-        switchMap((res: any) => {
-          res.users.map((user) => {
-            user.properties.fullName =
-              user.properties?.firstName + ' ' + user.properties?.lastName;
-            return user;
-          });
-          return of(res);
-        }
-        ))
-      .subscribe((res: any) => {
-        this.depUsers = res.users;
-      })
-  }
-
-  setUser() {
-    let user = this.depUsers.filter(user => this.depAnditsUsers.get('users').value.includes(user.properties.username));
-    (this.allowMultipleUsers)
-      ? this.depAnditsUsers.value['users'] = [...user]
-      : this.depAnditsUsers.value['users'] = { ...user[0] };
-    this.propagateChange(this.depAnditsUsers.value)
-  }
-
-  ngOnDestroy(): void {
-    (this.sub$) ? this.sub$.unsubscribe() : null;
-  }
-}

package/src/lib/components/table/dynamic-column/dynamic-column.component.ts

@@ -1,79 +0,0 @@
-import {
-  Component,
-  ComponentFactoryResolver,
-  ComponentRef,
-  Input,
-  OnChanges,
-  OnDestroy,
-  OnInit,
-  SimpleChanges,
-  ViewChild,
-  ViewContainerRef,
-  ViewEncapsulation,
-} from "@angular/core";
-import { ExtensionService } from "../../../Core/services/extension/extension.service";
-
-@Component({
-  selector: "cts-dynamic-column",
-  template: ` <ng-container #content></ng-container> `,
-  encapsulation: ViewEncapsulation.None,
-  host: { class: "cts-dynamic-column" },
-  styles: [
-    `
-      .cts-dynamic-column {
-        display: flex;
-        align-items: center;
-      }
-    `,
-  ],
-})
-export class DynamicColumnComponent implements OnInit, OnChanges, OnDestroy {
-  @ViewChild("content", { read: ViewContainerRef, static: true })
-  content: ViewContainerRef;
-
-  @Input()
-  id: string;
-
-  @Input()
-  context: any;
-  @Input()
-  column: any;
-
-  private componentRef: ComponentRef<any>;
-
-  constructor(
-    private extensions: ExtensionService,
-    private componentFactoryResolver: ComponentFactoryResolver
-  ) {}
-
-  ngOnInit() {
-    const componentType = this.extensions.getComponentById(this.id);
-    if (componentType) {
-      const factory =
-        this.componentFactoryResolver.resolveComponentFactory(componentType);
-      if (factory) {
-        this.content.clear();
-        this.componentRef = this.content.createComponent(factory, 0);
-        this.updateInstance();
-      }
-    }
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-    this.updateInstance();
-  }
-
-  ngOnDestroy() {
-    if (this.componentRef) {
-      this.componentRef.destroy();
-      this.componentRef = null;
-    }
-  }
-
-  private updateInstance() {
-    if (this.componentRef && this.componentRef.instance) {
-      this.componentRef.instance.context = this.context;
-      this.componentRef.instance.column = this.column;
-    }
-  }
-}