nuxeo-development-framework 3.1.6 → 3.1.8

package/src/lib/components/custom-toastr/components/custom-toastr/custom-toastr.component.ts

@@ -1,79 +0,0 @@
-import {
-  trigger,
-  state,
-  style,
-  transition,
-  animate,
-} from '@angular/animations';
-import { Component, OnInit } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { ToastrService, ToastPackage, Toast } from 'ngx-toastr';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import {
-  UserPreferencesService,
-  UserPreferenceValues,
-} from '../../../../Core/services/user/user-preferences.service';
-import { ToastType } from '../../interfaces/toast-type.interface';
-
-@Component({
-  selector: 'cts-custom-toastr',
-  templateUrl: './custom-toastr.component.html',
-  styleUrls: ['./custom-toastr.component.scss'],
-  animations: [
-    // the fade-in/fade-out animation.
-    trigger('simpleFadeAnimation', [
-      // the "in" style determines the "resting" state of the element when it is visible.
-      state('in', style({ opacity: 1 })),
-
-      // fade in when created. this could also be written as transition('void => *')
-      transition(':enter', [style({ opacity: 0 }), animate(200)]),
-
-      // fade out when destroyed. this could also be written as transition('void => *')
-      transition(':leave', animate(400, style({ opacity: 0 }))),
-    ]),
-  ],
-})
-export class CustomToastrComponent extends Toast implements OnInit {
-  lang;
-  type: ToastType;
-  value:any
-  private onDestroy$ = new Subject<boolean>();
-  constructor(
-    protected toastrService: ToastrService,
-    public toastPackage: ToastPackage,
-    private translate: TranslateService,
-    public userPreferenceService?: UserPreferencesService
-  ) {
-    super(toastrService, toastPackage);
-  }
-  ngOnInit(): void {
-    this.type = this.toastPackage.toastRef.componentInstance.type;
-    this.value = this.toastPackage.toastRef.componentInstance.customMsg;
-    if (this.userPreferenceService) {
-      this.userPreferenceService
-        .select(UserPreferenceValues.Locale)
-        .pipe(takeUntil(this.onDestroy$))
-        .subscribe((locale) => {
-          this.lang = this.translate.currentLang === 'ar' ? 'rtl' : 'ltr';
-        });
-    }
-  }
-  setbBackgroundColor() {
-    let classes = {
-      success: this.type === 'success',
-      error: this.type === 'error',
-      notification: this.type === 'notification',
-    };
-
-    return classes;
-  }
-  setTextColor() {
-    let classes = {
-      'msg-success': this.type === 'success',
-      'msg-error': this.type === 'error',
-      'msg-notification': this.type === 'notification',
-    };
-    return classes;
-  }
-}

package/src/lib/components/custom-toastr/custom-toastr.module.ts

@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { CustomToastrComponent } from './components/custom-toastr/custom-toastr.component';
-import { TranslateModule } from '@ngx-translate/core';
-import { ToastrModule} from 'ngx-toastr'
-/** @ignore */
-@NgModule({
-  declarations: [CustomToastrComponent],
-  imports: [
-    CommonModule, 
-    MatIconModule , 
-    TranslateModule , 
-    ToastrModule.forRoot({preventDuplicates: true})
-  ],
-  entryComponents: [CustomToastrComponent],
-  exports:[TranslateModule , ToastrModule]
-})
-export class CustomToastrModule {}

package/src/lib/components/custom-toastr/interfaces/toast-type.interface.ts

@@ -1 +0,0 @@
-export type ToastType = 'success' | 'error' | 'notification';

package/src/lib/components/custom-toastr/services/custom-toastr.service.ts

@@ -1,56 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ActiveToast, IndividualConfig, ToastrService } from 'ngx-toastr';
-import { CustomToastrComponent } from '../components/custom-toastr/custom-toastr.component';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import {
-  UserPreferencesService,
-  UserPreferenceValues,
-} from '../../../Core/services/user/user-preferences.service';
-import { ToastType } from '../interfaces/toast-type.interface';
-import { TranslationService } from '../../../Core/services/translation/translation.service';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class CustomToastrService {
-  private onDestroy$ = new Subject<boolean>();
-  isArabic: boolean;
-  constructor(
-    private translation: TranslationService,
-    private toastr: ToastrService,
-    public userPreferenceService?: UserPreferencesService
-  ) {
-    this.setDirection();
-  }
-  setDirection(): void {
-    this.translation.isArabic.subscribe((arabic) => {
-      arabic
-        ? (this.toastr.toastrConfig.positionClass = 'toast-bottom-left')
-        : (this.toastr.toastrConfig.positionClass = 'toast-bottom-right');
-    });
-  }
-  show(
-    type: ToastType,
-    title,
-    message,
-    customOptions?: Partial<IndividualConfig>,
-    customMsg?
-  ): ActiveToast<any> {
-    const activeToast = this.toastr.show(message, title, {
-      toastComponent: CustomToastrComponent,
-      closeButton: true,
-      timeOut: 5000,
-      enableHtml: true,
-      toastClass: '',
-      ...customOptions,
-    });
-    activeToast.toastRef.componentInstance.type = type;
-    activeToast.toastRef.componentInstance.customMsg = customMsg;
-    return activeToast;
-  }
-  
-  ngOnDestroy(): void {
-    this.onDestroy$.unsubscribe();
-  }
-}

package/src/lib/components/display-suitable-icon/display-suitable-icon/display-suitable-icon.component.html

@@ -1,37 +0,0 @@
-<!-- <div *ngIf=" data.type == 'Folder';else notFolder">
-  <div [style.width]="size">
-    <img class="w-full" [src]="'assets/drive-icons/folder.png'" />
-  </div>
-</div>
-<ng-template #notFolder>
-  <div *ngIf="!data.properties.file; else file">
-    <img class="w-full" [src]="'assets/drive-icons/generic.png'" />
-  </div>
-  <ng-template #file>
-    <div *ngIf="data.properties.file['mime-type'].includes('image');else noImage" [style.width]="size">
-      <img class="w-full" [src]="data.contextParameters.thumbnail.url | secure | async" />
-      <ng-template #noImage>
-        <mat-icon svgIcon="iconsmind:photo" class="icon-size-6"></mat-icon>
-      </ng-template>    
-    </div>
-    <div *ngIf=" data.properties.file['mime-type'].includes('video');else noVideo" [style.width]="size">
-      <figure class="hover-video w-full">
-        <img class="w-full" [src]="data.contextParameters.thumbnail.url | secure | async" />
-        <figcaption>
-          <mat-icon svgIcon="iconsmind:play_music" class="icon-size-4"></mat-icon>
-        </figcaption>
-      </figure>
-      <ng-template #noVideo>
-        <mat-icon svgIcon="iconsmind:video_2" class="icon-size-6"></mat-icon>
-      </ng-template>   
-    </div>
-    <div *ngIf=" data.properties.file['mime-type'].includes('application')">
-      <mat-icon svgIcon="iconsmind:file" class="icon-size-6"></mat-icon>
-    </div>
-  </ng-template>
-</ng-template> -->
-
-
-<div [style.width]="size">
-  <img class="w-full" [src]="image" />
-</div>

package/src/lib/components/display-suitable-icon/display-suitable-icon/display-suitable-icon.component.scss

@@ -1,73 +0,0 @@
-.hover-video {
-  display: inline-block;
-  margin: 8px;
-  max-width: 100%;
-  min-width: 100%;
-  overflow: hidden;
-  position: relative;
-  text-align: center;
-}
-
-.hover-video * {
-  box-sizing: border-box;
-  transition: all 0.45s ease;
-}
-
-.hover-video:before,
-.hover-video:after {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  content: '';
-  transition: all 0.3s ease;
-  z-index: 1;
-  opacity: 0;
-  transform: scaleY(2);
-}
-
-.hover-video video {
-  vertical-align: top;
-  max-width: 100%;
-  backface-visibility: hidden;
-}
-
-.hover-video figcaption {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  align-items: center;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  line-height: 1.1em;
-  opacity: 0;
-  z-index: 2;
-  transition-delay: 0.1s;
-  font-size: 24px;
-  font-family: sans-serif;
-  font-weight: 400;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-}
-
-.hover-video {
-  transform: scale(1);
-  opacity: 1;
-}
-
-.hover-video > video {
-  opacity: 0.7;
-}
-
-.hover-video figcaption {
-  opacity: 1;
-}
-.hover-video:hover figcaption:hover {
-  opacity: 0.5;
-  background-color: #EAECEE;
-}

package/src/lib/components/display-suitable-icon/display-suitable-icon/display-suitable-icon.component.spec.ts

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

package/src/lib/components/display-suitable-icon/display-suitable-icon/display-suitable-icon.component.ts

@@ -1,34 +0,0 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
-import { IconService } from './icon.service';
-
-@Component({
-  selector: 'app-display-suitable-icon',
-  templateUrl: './display-suitable-icon.component.html',
-  styleUrls: ['./display-suitable-icon.component.scss']
-})
-export class DisplaySuitableIconComponent implements OnInit , OnChanges {
-
-  @Input('data') data: any;
-  @Input('size') size: any;
-  @Input() dataType = 'document';
-  @Input() archive = false;
-  image;
-  constructor(private iconService: IconService) {
-  }
-
-  ngOnInit(): void {
-    this.image = this.getFileIcon(this.data)
-  }
-  getFileIcon(document) {
-    if (!this.archive)
-      return this.iconService.getFileIcon(document, this.dataType);
-    else
-      return this.iconService.getArchivedDocumentIcon(document, this.dataType);
-  }
-
-  // used to recalculate icon when sorting in table ( when sorting component not rendered again so onint won't excuted )
-  ngOnChanges(){
-   this.image = this.getFileIcon(this.data);
-  }
-}
-

package/src/lib/components/display-suitable-icon/display-suitable-icon/icon.service.ts

@@ -1,107 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({ providedIn: 'root' })
-export class IconService {
-    constructor() { }
-
-
-    getFileIcon(document, dataType?) {
-        let thumb = 'assets/drive-icons/genericfile.png';
-        if (dataType === 'document') {
-            try {
-                if (document?.type === 'DocumentTypee') {
-                    if(document.properties.contentTypee === 'Folder') {
-                        thumb = 'assets/drive-icons/box.png';
-                    } else if(document.properties.contentTypee === 'File') {
-                        thumb = 'assets/drive-icons/fileTemplate.png';
-                    }
-                } else if (document?.facets?.indexOf('Folderish') > -1 || document?.isFolder == true) {
-                    thumb = 'assets/drive-icons/folder.png';
-
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('pdf')) {
-                    thumb = 'assets/drive-icons/pdf.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('powerpoint') || (document.properties.file || document.properties['file:content'])['mime-type'].includes('presentationml')) {
-                    thumb = 'assets/drive-icons/pptx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('word')) {
-                    thumb = 'assets/drive-icons/docx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('sheet') || (document.properties.file || document.properties['file:content'])['mime-type'].includes('excel')) {
-                    thumb = 'assets/drive-icons/xlsx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('video')) {
-                    thumb = (document.contextParameters.thumbnail) ? document.contextParameters.thumbnail.url : 'assets/drive-icons/video.png';
-                    //(document.contextParameters.thumbnail.url) ? document.contextParameters.thumbnail.url : 'assets/drive-icons/video.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('image')) {
-                    thumb = (document?.contextParameters?.thumbnail) ? document?.contextParameters?.thumbnail?.url :'assets/drive-icons/photo.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('zip')) {
-                    thumb = 'assets/drive-icons/zip.png';
-                }
-            } catch (e) {
-                thumb = thumb;
-            }
-        }
-        else if (dataType === 'batch') {
-            try {
-                if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('pdf')) {
-                    thumb = 'assets/drive-icons/pdf.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('powerpoint') || (document.properties.file || document.properties['file:content'])['mime-type'].includes('presentationml')) {
-                    thumb = 'assets/drive-icons/pptx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('word')) {
-                    thumb = 'assets/drive-icons/docx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('sheet') || (document.properties.file || document.properties['file:content'])['mime-type'].includes('excel')) {
-                    thumb = 'assets/drive-icons/xlsx.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('video')) {
-                    thumb = (document.contextParameters.thumbnail) ? document.contextParameters.thumbnail.url : 'assets/drive-icons/video.png';
-                    //(document.contextParameters.thumbnail.url) ? document.contextParameters.thumbnail.url : 'assets/drive-icons/video.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('image')) {
-                    thumb = (document.contextParameters.thumbnail) ? document.contextParameters.thumbnail.url :'assets/drive-icons/photo.png';
-                } else if ((document.properties.file || document.properties['file:content'])['mime-type'].includes('zip')) {
-                    thumb = 'assets/drive-icons/zip.png';
-                }
-            } catch (e) {
-                thumb = thumb;
-            }
-        }
-        else {
-            // if data type was file that just uploaded throught file manger
-            try {
-                if ((document.type && document.type.includes('pdf'))) {
-                    thumb = 'assets/drive-icons/pdf.png';
-                } else if ((document.type && document.type.includes('powerpoint') || (document.type && document.type.includes('presentationml')))) {
-                    thumb = 'assets/drive-icons/pptx.png';
-                } else if ((document.type && document.type.includes('word'))) {
-                    thumb = 'assets/drive-icons/docx.png';
-                } else if ((document.type && document.type.includes('sheet') || (document.type && document.type.includes('excel')))) {
-                    thumb = 'assets/drive-icons/xlsx.png';
-                } else if ((document.type && document.type.includes('video'))) {
-                    // thumb =document.contextParameters.thumbnail.url;
-                    thumb = 'assets/drive-icons/video.png';
-                } else if ((document.type && document.type.includes('image'))) {
-                    thumb = 'assets/drive-icons/photo.png';
-                }
-            } catch (e) {
-                thumb = thumb;
-            }
-        }
-        return thumb;
-    }
-    getArchivedDocumentIcon(document, dataType?) {
-        let thumb = 'assets/drive-icons/site.png';
-        try {
-            if (document?.type === 'Store') {
-                thumb = 'assets/drive-icons/store.png';
-            } else if (document.type === 'Drawer') {
-                thumb = 'assets/drive-icons/drawer.png';
-            } else if (document.type === 'Row') {
-                thumb = 'assets/drive-icons/row.png';
-            } else if (document.type === 'Bay') {
-                thumb = 'assets/drive-icons/bay.png';
-            } else if (document.type === 'Box') {
-                thumb = 'assets/drive-icons/box.png';
-            } else if (document.type === 'Shelf') {
-                thumb = 'assets/drive-icons/shelf.png';
-            }
-        } catch (e) {
-            thumb = thumb;
-        }
-        return thumb;
-    }
-}

package/src/lib/components/display-suitable-icon/display-suitable-icon.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DisplaySuitableIconComponent } from './display-suitable-icon/display-suitable-icon.component';
-
-
-
-@NgModule({
-  declarations: [DisplaySuitableIconComponent],
-  imports: [
-    CommonModule
-  ],
-  exports:[
-    DisplaySuitableIconComponent
-  ]
-})
-export class DisplaySuitableIconModule { }

package/src/lib/components/documents/components/attachments-list/attachments-list.component.html

@@ -1,92 +0,0 @@
-<ng-container>
-  <div class="doc-list">
-    <ng-container>
-      <form [formGroup]="attachmentForm">
-        <div formArrayName="attachmentCard">
-          <div
-            class="doc-item"
-            *ngFor="
-              let attachmentCardControl of attachmentForm.get('attachmentCard')[
-                'controls'
-              ];
-              let i = index
-            "
-          >
-            <!-- (click)="preview(item.uid)" -->
-            <div class="file-icon">
-              <mat-icon>file_copy</mat-icon>
-            </div>
-            <div
-              [formGroupName]="i"
-              class="attachmentForm-container row no-gutters"
-            >
-              <div class="formControl-wrapper col-12 col-xl-6">
-                <app-dynamic-form-textitem
-                  placeholder="{{ 'Title' | translate }}"
-                  class="textitem"
-                  formControlName="title"
-                  
-                >
-                </app-dynamic-form-textitem>
-                <app-dynamic-form-textitem
-                  placeholder="{{
-                    'CREATE.ATTACHMENTS.REMARKS_PLACE_HOLDER' | translate
-                  }}"
-                  class="textitem"
-                  formControlName="remarks"
-                >
-                </app-dynamic-form-textitem>
-              </div>
-              <div class="formControl-wrapper col-12 col-xl-6">
-                <app-dynamic-form-vocabulary-item
-                  class="voc-form-control"
-                  [bindLabel]="'label'"
-                  [bindValue]="'id'"
-                  placeholder="{{ 'VOCABULARY.TYPE' | translate }}"
-                  [multiple]="false"
-                  [searchable]="false"
-                  [closeOnSelect]="true"
-                  [hideSelectedItems]="false"
-                  [vocabularyType]="'VOC_CorrespondenceAttachmentType'"
-                  formControlName="category"
-                >
-                </app-dynamic-form-vocabulary-item>
-                <app-dynamic-form-vocabulary-item
-                  class="voc-form-control"
-                  [bindLabel]="'label'"
-                  [bindValue]="'id'"
-                  placeholder="{{ 'VOCABULARY.CLASSIFICATION' | translate }}"
-                  [multiple]="false"
-                  [searchable]="false"
-                  [closeOnSelect]="true"
-                  [hideSelectedItems]="false"
-                  [vocabularyType]="'VOC_CorrespondenceAttachClassification'"
-                  formControlName="classification"
-                >
-                </app-dynamic-form-vocabulary-item>
-              </div>
-              <!-- <div class="formControl-toggleitem col-2 col-xl-2">
-                <cts-dynamic-form-slide-toggleitem
-                  label="{{ 'CREATE.ATTACHMENTS.ISOBJECT' | translate }}"
-                  formControlName="isObject"
-                ></cts-dynamic-form-slide-toggleitem>
-              </div> -->
-            </div>
-            <div class="btn-wrapper">
-              <button
-                (click)="delInput(i)"
-                class="btn btn-outline-danger btn-no-border"
-              >
-                <!-- deleteDocument($event, attachmentCardControl.value.item) -->
-                <mat-icon>delete</mat-icon>
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </ng-container>
-  </div>
-</ng-container>
-<ng-template #spinner>
-  <mat-spinner class="centered-spinner"></mat-spinner>
-</ng-template>

package/src/lib/components/documents/components/attachments-list/attachments-list.component.scss

@@ -1,65 +0,0 @@
-@import "../../../../assets/scss/myApp.scss";
-// .doc-list {
-  // flex: 1;
-  // justify-content: space-between;
-  // cursor: pointer;
-  // margin-bottom: 14px;
-  // border: 2px solid $gray-100;
-  // padding: 3px 2px;
-  // row-gap: 6px;
-// }
-
-.doc-item {
-  display: flex;
-  flex: 1;
-  padding-top: 6px;
-  padding-bottom: 6px;
-  justify-content: space-between;
-  align-items: center;
-  padding-inline-end: 4px;
-  cursor: pointer;
-  border: 1px solid;
-  border-color: $gray-100;
-  // &:last-child {
-    // border-width: 0px;
-  // }
-  .item-content {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  .file-icon {
-    margin: 4px;
-    color: $gray-500;
-    display: flex;
-    align-items: center;
-  }
-}
-.attachmentForm-container {
-  width: 100%;
-  row-gap: 6px;
-
-  .formControl-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    column-gap: 10px;
-    padding-inline-end: 5px;
-    padding-inline-start: 5px;
-    .voc-form-control {
-      width: 50%;
-    }
-    .textitem {
-      width: 100%;
-    }
-  }
-  .formControl-toggleitem {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-.btn-wrapper {
-  display: flex;
-  justify-content: flex-end;
-}

package/src/lib/components/documents/components/attachments-list/attachments-list.component.spec.ts

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