nuxeo-development-framework 3.1.4 → 3.1.6

package/src/lib/components/file-manger/components/copy/copy.component.html

@@ -0,0 +1,24 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" id="photo-popup" [width]="500" [height]="500"
+    title="{{ 'FILE_MANAGER.COPY_OR_MOVE' | translate }}" [(visible)]="visible" [showTitle]="true"
+    [closeOnOutsideClick]="true">
+    <div class="p-4" *dxTemplate="let data of 'content'">
+        <dx-scroll-view width="100%" height="100%">
+            <div class="form">
+                <dx-tree-view [rtlEnabled]="rtlEnabled" id="treeList" [rootValue]="rootFolder" keyExpr="id"
+                    displayExpr="name" hasItemsExpr="isExpanded" dataStructure="plain"
+                    [createChildren]="createTreeNodeChildren" [width]="465" (onItemClick)="selectItem($event)">
+                </dx-tree-view>
+            </div>
+        </dx-scroll-view>
+    </div>
+    <dxi-toolbar-item toolbar="bottom" [disabled]="disable">
+        <button class="submission-button px-5" (click)="copy(false)">
+            {{ "BUTTONS.COPY" | translate }}
+        </button>
+    </dxi-toolbar-item>
+    <dxi-toolbar-item toolbar="bottom">
+        <button class="cancelation-button px-5" (click)="cancel()">
+            {{ "BUTTONS.CANCEL" | translate }}
+        </button>
+    </dxi-toolbar-item>
+</dx-popup>

package/src/lib/components/file-manger/components/copy/copy.component.spec.ts

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

package/src/lib/components/file-manger/components/copy/copy.component.ts

@@ -0,0 +1,129 @@
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { DxFormComponent } from 'devextreme-angular';
+import { of } from 'rxjs';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+
+@Component({
+  selector: 'app-copy',
+  templateUrl: './copy.component.html',
+  styleUrls: ['./copy.component.scss']
+})
+export class CopyComponent implements OnInit {
+  @ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+  @Input()
+  set visible(value: any) {
+    if (this._visible === value) {
+      return;
+    }
+    this._visible = value;
+    this.visibleChange.emit(this._visible);
+  }
+  get visible() {
+    return this._visible;
+  }
+  @Output()
+  visibleChange = new EventEmitter<any>();
+  @Output()
+  getSelectedFolder = new EventEmitter<any>();
+  @Input()
+  rtlEnabled = false;
+  @Input()
+  selectedItem: any;
+  @Input()
+  rootFolder: any;
+  @Input()
+  rootEntries: any;
+  @Input()
+  selectedItems: any;
+  @Input()
+  directory: any;
+  @Input() pageConfigurations;
+  formData: any = {};
+  disable = true;
+  _visible = false;
+  currentItem;
+  constructor(
+    private fileManagerService: FileManagerService,
+    protected customToastrService: CustomToastrService
+
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+
+  cancel() {
+    this.visible = false;
+  }
+  selectItem(e) {
+    this.disable = false;
+    this.currentItem = e.itemData;
+  }
+
+  createTreeNodeChildren = (parent) => {
+    let myparent = parent ? parent.key : this.rootFolder;
+    let myobs;
+    if (myparent === this.pageConfigurations.rootName) {
+      // when it is root of file list then used passed root entries and for root of 
+      // my files or any other folder use getting childs for that folder with its id
+      myobs = this.fileManagerService.parseNodeChildren(of(this.rootEntries), this.pageConfigurations , parent);
+
+    } else {
+      myobs = this.fileManagerService.createTreeNodeChildren(myparent)
+    }
+    return myobs;
+    // console.log(parent);
+    // let obs = (
+    //   parent
+    //     ? this.fileManagerService.getTreeNodeChildren(parent)
+    //     : of(
+    //       this.rootEntries
+    //     )
+    // )
+    // return this.fileManagerService.parseNodeChildren(obs, parent);
+  }
+
+  copy(answer) {
+    if (this.currentItem.canCopyToDestination) {
+      if (
+        this.directory?.dataItem?.id !== this.currentItem.id &&
+        !this.currentItem.entity.path.includes(this.selectedItem.name)
+      ) {
+        // this.currentPath = '';
+        this.fileManagerService
+          .copyTo(this.currentItem, this.selectedItems)
+          .subscribe(
+            (res) => {
+              this.visible = answer;
+              this.getSelectedFolder.next(this.currentItem.id);
+              this.customToastrService.show(
+                'success',
+                'TOASTER.SUCCESS',
+                'TOASTER.DOCUMENT_COPIED'
+              );
+            },
+            (err) => {
+              this.visible = true;
+              this.customToastrService.show(
+                'error',
+                'TOASTER.ERROR',
+                'TOASTER.DOCUMENT_COPIED_ERROR'
+              );
+            }
+          );
+      } else
+        this.customToastrService.show(
+          'error',
+          'TOASTER.ERROR',
+          'TOASTER.FAILED_TO_COPY'
+        );
+    } else {
+      this.customToastrService.show(
+        'error',
+        'TOASTER.ERROR',
+        'TOASTER.NO_PERMISSION'
+      );
+    }
+  }
+}

package/src/lib/components/file-manger/components/create-directory/create-directory.component.html

@@ -0,0 +1,32 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" [width]="500" [height]="230" [dragEnabled]="false"
+[closeOnOutsideClick]="true" [(visible)]="visible"
+title="{{ 'FILE_MANAGER.NEW_DIRECTORY' | translate }}">
+<div *dxTemplate="let data of 'content'">
+    <form (submit)="onSubmit($event)">
+        <dx-form class="form-wrapper" #form [formData]="formData" [disabled]="loading">
+            <dxi-item dataField="title" editorType="dxTextBox">
+                <dxo-label text="{{ 'CREATE.TITLE' | translate }}"></dxo-label>
+                <dxi-validation-rule type="required" message="Title is required"></dxi-validation-rule>
+            </dxi-item>
+            <dxi-item name="description" editorType="dxTextBox">
+                <dxo-label text="{{ 'CREATE.DESCRIPTION' | translate }}"></dxo-label>
+            </dxi-item>
+            <dxi-item itemType="button">
+                <dxo-button-options width="30%" type="danger" [useSubmitBehavior]="true"
+                    [template]="'createTemplate'">
+                </dxo-button-options>
+            </dxi-item>
+            <ng-container *dxTemplate="let item of 'createTemplate'">
+                <span class="dx-button-text">
+                    <ng-container *ngIf="loading; else notLoading">
+                        <dx-load-indicator width="24px" height="24px" [visible]="true"></dx-load-indicator>
+                    </ng-container>
+                    <ng-template #notLoading>{{
+                        "FILE_MANAGER.CREATE" | translate
+                        }}</ng-template>
+                </span>
+            </ng-container>
+        </dx-form>
+    </form>
+</div>
+</dx-popup>

package/src/lib/components/file-manger/components/create-directory/create-directory.component.spec.ts

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

package/src/lib/components/file-manger/components/create-directory/create-directory.component.ts

@@ -0,0 +1,85 @@
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { DxFormComponent } from 'devextreme-angular';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+
+@Component({
+  selector: 'app-create-directory',
+  templateUrl: './create-directory.component.html',
+  styleUrls: ['./create-directory.component.scss']
+})
+export class CreateDirectoryComponent implements OnInit {
+  @ViewChild(DxFormComponent, { static: false }) form: DxFormComponent;
+  @Input()
+  set visible(value: any) {
+    if (this._visible === value) {
+      return;
+    }
+    this._visible = value;
+    this.visibleChange.emit(this._visible);
+  }
+  get visible() {
+    return this._visible;
+  }
+  @Output()
+  visibleChange = new EventEmitter<any>();
+  @Output()
+  refresh = new EventEmitter<any>();
+  @Input()
+  rtlEnabled = false;
+  @Input()
+  selectedItem: any;
+
+  formData: any = {};
+  _visible = false;
+  loading = false;
+  constructor(private fileManagerService : FileManagerService,
+    private customToastrService : CustomToastrService) { }
+
+  ngOnInit(): void {
+  }
+
+  onSubmit(e) {
+    e.preventDefault();
+    this.loading = true;
+    // let directory = this.getCurrentDirectory();
+    // let id =
+    //     directory.dataItem === undefined
+    //         ? this.mainFolder
+    //         : this.getCurrentFolderId(directory);
+    this.fileManagerService
+        .createDirectory(this.formData, this.selectedItem)
+        .subscribe(
+            (res) => {
+                this.loading = false;
+                this.visible = false;
+                // if (this.isItemSelected) {
+                //     let selectedItem =
+                //         this.fileManager.instance.getSelectedItems();
+                //     this.currentPath =
+                //         this.selectedObject.entity.path.substr(
+                //             this.fileManagerObj?.path.length
+                //         );
+                //     directory = selectedItem[0];
+                //     id = this.selectedItem;
+                // }
+                this.refresh.next(true);
+                this.form.instance.resetValues();
+                this.customToastrService.show(
+                    'success',
+                    'TOASTER.SUCCESS',
+                    'TOASTER.DOCUMENT_CREATED'
+                );
+            },
+            (err) => {
+                this.loading = false;
+                this.visible = true;
+                this.customToastrService.show(
+                    'error',
+                    'TOASTER.ERROR',
+                    'TOASTER.DOCUMENT_CREATED_ERROR'
+                );
+            }
+        );
+}
+}

package/src/lib/components/file-manger/components/create-modal/create-modal.component.html

@@ -0,0 +1,241 @@
+<div class="relative w-full h-full">
+    <div class="iner-wrapper" [ngClass]="{ 'd-flex': addingProperties }">
+        <div *ngIf="addingProperties" class="properties-section p-3 overflow-x-hidden overflow-y-auto">
+            <div class="" *ngIf="selectedFile && source === 'fileManger' && showStaticForm">
+                <div class="mb-5">
+                    <div class="label-style">
+                        {{ "CREATE.FILE_TYPE" | translate }}
+                    </div>
+                    <div class="text-base text-gray-900">{{ isArabic ? fileType.arabicText : fileType.englishText }}
+                    </div>
+                </div>
+                <div class="file-fields mt-3" SetRtl>
+                    <form [formGroup]="fileForm">
+                        <!-- -----------------old static form ---------------------- -->
+                        <div>
+                            <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.TITLE" | translate
+                                    }}<span class="text-red-500">*</span>
+                                </div>
+                                <input class="
+                                 field-style
+                                     " formControlName="title" placeholder=" {{ 'CREATE.TITLE' | translate}}" />
+                            </div>
+                            <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.DESCRIPTION" | translate }}
+                                </div>
+                                <input class="field-style" formControlName="description"
+                                    placeholder=" {{ 'CREATE.DESCRIPTION' | translate}}" />
+                            </div>
+                        </div>
+                        <!-- ---------------------------------- -->
+
+                        <!------------------ new statis form  ---------------------------->
+                        <div *ngIf="usingExtraFields">
+                            <app-dynamic-fields-renderer [form]="fileForm" [agencyNameFilter]="agencyNameFilter"
+                                [countryNameFilter]="countryNameFilter"></app-dynamic-fields-renderer>
+                            <!-- <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.DOCUMENT_SUBJECT" | translate
+                                    }}<span class="text-red-500">*</span>
+                                </div>
+                                <input class="field-style" formControlName="subject" 
+                                    placeholder=" {{ 'CREATE.DOCUMENT_SUBJECT' | translate}}"/>
+                            </div>
+                            <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.DOCUMENT_NUMBER" | translate }}
+                                </div>
+                                <input class="field-style" 
+                                        formControlName="documentNumber" 
+                                        placeholder=" {{ 'CREATE.DOCUMENT_NUMBER' | translate}}"/>
+                            </div>
+                            <div class="single-field mb-3">
+                               
+                                <cts-dynamic-form-hijri-dateitem
+                                formControlName="gdocumentDate"
+                                label="CREATE.DOCUMENT_DATE"
+                              >
+                              </cts-dynamic-form-hijri-dateitem>
+                            </div>
+                            <div class="single-field mb-3">
+                                <app-dynamic-form-vocabulary-item [label]="'CREATE.SCRECY_LEVEL'" [bindLabel]="'label'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false"
+                                [searchable]="false" [closeOnSelect]="true" [hideSelectedItems]="false"
+                                [vocabularyType]="'VOC_SecrecyLevel'" 
+                                formControlName="secrecyLevel">
+                              </app-dynamic-form-vocabulary-item>
+                            </div>
+                            <div class="single-field mb-3">
+                                <app-dynamic-form-vocabulary-item [label]="'CREATE.IMPORTANCE_LEVEL'" [bindLabel]="'label'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false"
+                                [searchable]="false" [closeOnSelect]="true" [hideSelectedItems]="false"
+                                [vocabularyType]="'VOC_Importance'" 
+                                formControlName="importanceLevel">
+                              </app-dynamic-form-vocabulary-item>
+                            </div>
+
+                            <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.DEPARTMENT_CODE" | translate }}
+                                </div>
+                                <app-dynamic-form-department
+                                formControlName="departmentCode"
+                                [placeholder]="'please select department'"
+                                [pp_departmentNestedTree]="'PP_OS_Departments'"
+                                [pp_departmentTree]="'PP_OS_Departments'"
+                                [customPrefix]="'osdept'"
+                                [customParentProperty]="'osdepartment_parentDepartmentCode'"
+                                [useCustomAddEditAction]="true"
+                              >
+                              </app-dynamic-form-department>
+                            </div>
+
+                            <div class="single-field mb-3">
+                                <app-translated-vocabulary-select [label]="'CREATE.AGENCY_CATEGORY_CODE'" [arbBindLabel]="'label_ar'" [engBindLabel]="'label_en'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false" 
+                                [searchable]="true" [closeOnSelect]="true" [hideSelectedItems]="false" formControlName="agencyCategoryCode"
+                                [vocbularyId]="'VOC_AgencyCategory'" [useFilter]="false" >
+                                </app-translated-vocabulary-select>
+                            </div>
+                
+                            <div class="single-field mb-3">
+                                <app-translated-vocabulary-select [label]="'CREATE.AGENCY_NAME'" [arbBindLabel]="'label_ar'" [engBindLabel]="'label_en'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false"
+                                [searchable]="true" [closeOnSelect]="true" [hideSelectedItems]="false" formControlName="agencyName"
+                                [vocbularyId]="'VOC_Agency'" [filter]="agencyNameFilter" [useFilter]="true">
+                                </app-translated-vocabulary-select>
+                            </div>
+                
+                            <div class="single-field mb-3">
+                                <app-translated-vocabulary-select [label]="'CREATE.COUNTRY_CATEGORY_CODE'" [arbBindLabel]="'label_ar'" [engBindLabel]="'label_en'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false"
+                                [searchable]="true" [closeOnSelect]="true" [hideSelectedItems]="false" formControlName="countryCategoryCode"
+                                [vocbularyId]="'VOC_CountryCategory'" [useFilter]="false" >
+                                </app-translated-vocabulary-select>
+                            </div>
+                
+                            <div class="single-field mb-3">
+                                <app-translated-vocabulary-select [label]="'CREATE.COUNTRY_NAME'" [arbBindLabel]="'label_ar'" [engBindLabel]="'label_en'"
+                                [bindValue]="'id'" placeholder="{{ 'VOCABULARY.SELECT_ITEM' | translate }}" [multiple]="false"
+                                [searchable]="true" [closeOnSelect]="true" [hideSelectedItems]="false" formControlName="countryName"
+                                [vocbularyId]="'VOC_Country'" [filter]="countryNameFilter" [useFilter]="true">
+                                </app-translated-vocabulary-select>
+                            </div>
+
+                            <div class="single-field mb-3">
+                                <div class="label-style">
+                                    {{ "CREATE.REMARKS" | translate}}
+                                </div>
+                                <input class="field-style" formControlName="remarks" 
+                                    placeholder=" {{ 'CREATE.REMARKS' | translate}}"/>
+                            </div> -->
+
+                        </div>
+
+                        <!-- ----------------------------------------------------------- -->
+                    </form>
+
+                    <div class="dynamic-part" *ngIf="showRenderer">
+                        <app-dynamic-form [form]="selectedFile.dynamicForm" [data]="temporaryDyanmicData"
+                            (change)="ondynamicFormChange($event)"></app-dynamic-form>
+                    </div>
+                </div>
+            </div>
+            <div class="
+                    w-full
+                    h-full
+                    p-3
+                    flex
+                    justify-center
+                    items-center
+                    text-lg text-gray-900
+                " *ngIf="!selectedFile">
+                {{ "CREATE.SELECT_TOSTART_ADDING" | translate }}
+            </div>
+        </div>
+        <div class="attachment-tab-body overflow-hidden" [ngClass]="{ 'attachment-iner-small-body': addingProperties }">
+            <app-attachments [multiple]="true" (onSelectingItem)="selectFile($event)"></app-attachments>
+        </div>
+    </div>
+    <div class="w-full text-red-500 text-base text-start px-3" *ngIf="!uploadMangmentService.GeneralFormValidation">
+
+        {{ "CREATE.FILL_REQUIRED_FIELD" | translate }}
+    </div>
+    <div class="actions-iner-wrapper w-full flex justify-between items-center absolute bottom-0">
+        <div class="flex">
+            <button *ngIf="
+                    (uploadMangmentService.uploadedFilesStatus
+                        .uploadInProgress ||
+                        uploadMangmentService.uploadedFilesStatus.uploadedFiles
+                            .length > 0) &&
+                    !addingProperties
+                " (click)="startAddingProperties()" class="submission-button">
+                {{ "BUTTONS.ADD_PROPERTIES" | translate }}
+            </button>
+            <button *ngIf="
+                    addingProperties &&
+                    uploadMangmentService.uploadedFilesStatus.uploadedFiles
+                        .length +
+                        uploadMangmentService.uploadedFilesStatus.allfiles
+                            .length >
+                        1
+                " (click)="ApplyChangesToAll()" [disabled]="!selectedFile || !selectedFile.staticFormValid" [ngClass]="{
+                    'opacity-30 cursor-not-allowed':
+                        !selectedFile || !selectedFile.staticFormValid,
+                    'cursor-pointer hover:text-white hover:bg-gray-900': !(
+                        !selectedFile || !selectedFile.staticFormValid
+                    )
+                }" class="submission-button mx-2">
+                {{ "BUTTONS.APPLY_TO_ALL" | translate }}
+            </button>
+
+            <div *ngIf="
+            addingProperties &&
+            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&
+            uploadMangmentService.failedFiles.length === 0
+        ">
+                <ng-container *ngIf="!creating">
+                    <button (click)="createDocument()" class="submission-button relative">
+                        {{ "BUTTONS.CREATE" | translate }}
+                    </button>
+                </ng-container>
+                <span class="submission-button" *ngIf="creating">
+                    <mat-spinner [value]="90" [strokeWidth]="3" overlay="true" [diameter]="25" color="warn">
+                    </mat-spinner>
+                </span>
+            </div>
+
+            <button *ngIf="
+            addingProperties &&
+            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&
+            uploadMangmentService.failedFiles.length > 0
+        " (click)="tryAgainCreateDocument()" class="submission-button">
+                {{ "BUTTONS.TRY_AGAIN" | translate }}
+            </button>
+
+            <button [disabled]="!fileForm?.valid || disableCreateWhenFinishBtn" *ngIf="
+                    addingProperties &&
+                    uploadMangmentService.uploadedFilesStatus.uploadInProgress
+                " (click)="createWhenFinish()" class="submission-button w-44">
+                {{ "BUTTONS.CREATE_WHEN_FINSH" | translate }}
+            </button>
+        </div>
+        <div class="flex">
+            <button class="cancelation-button mx-2" (click)="minimizDialog()" *ngIf="
+                    uploadMangmentService.uploadedFilesStatus
+                        .uploadInProgress ||
+                    uploadMangmentService.uploadedFilesStatus
+                        .numberOfUploadedFiles !== 0 ||
+                    addingProperties
+                ">
+                {{ "BUTTONS.MINIMIZED" | translate }}
+            </button>
+            <button class="cancelation-button" (click)="closeDialog()">
+                {{ "BUTTONS.CANCEL" | translate }}
+            </button>
+        </div>
+    </div>
+</div>

package/src/lib/components/file-manger/components/create-modal/create-modal.component.scss

@@ -0,0 +1,30 @@
+.dynamic-part{
+    margin-left: -15px;
+    margin-right: -15px;
+}
+
+.iner-wrapper{
+    height: calc(100% - 70px);
+    .properties-section{
+        width: calc(100% - 270px);
+        height: calc(100% - 15px);
+    }
+    .attachment-tab-body{
+        height:calc(100% - -20px);
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+    .attachment-iner-small-body{
+        width: 350px;
+    }
+}
+
+.rtl {
+    .actions-iner-wrapper {
+        direction: ltr;
+    }
+}
+
+.actions-iner-wrapper {
+    direction: rtl;
+}

package/src/lib/components/file-manger/components/create-modal/create-modal.component.spec.ts

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