nuxeo-development-framework 3.1.1 → 3.1.2

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

@@ -0,0 +1,475 @@
+import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, FormBuilder, FormGroup, ValidationErrors, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { UploadManagmentService } from '../../../../shared-services/upload-managment.service';
+import { DialogMangmentService } from '../../../../shared-services/dialog-mangment.service';
+import { DynamicFormService } from '../../../../shared-services/dynamic-form.service';
+import { FileManagerService } from '../../../../shared-services/file-manager.service';
+import { UserService } from '../../../../shared-services/user.service';
+import * as moment from 'moment';
+import { forkJoin, Subscription } from 'rxjs';
+import { CustomToastrService } from '../../../custom-toastr/services/custom-toastr.service';
+import { DateHelperService } from '../../../hijri-gregorian-datepicker/services/date-helper.service';
+import { AdapterService } from '../../../../Core/adapters/adapter.service';
+import { AppConfigService } from '../../../../configuration/app-config.service';
+import { TranslationService } from '../../../../Core/services/translation/translation.service';
+import { NuxeoService } from '../../../../Core/services/nuxeo/nuxeo.service';
+
+@Component({
+  selector: 'app-create-modal',
+  templateUrl: './create-modal.component.html',
+  styleUrls: ['./create-modal.component.scss']
+})
+export class CreateModalComponent implements OnInit, OnDestroy {
+
+  addingProperties = false;
+  fileTypeForm: FormGroup;
+  dynamicForm;
+  dynamicData;
+  selectedFile;
+  fileType;
+  source;
+  payloadList = [];
+  createWhenFinishMode = false;
+  fileFormSubscription: Subscription;
+  countryCategCodeSubscription: Subscription;
+  agencyCategCodeSubscription: Subscription;
+  temporaryDyanmicData;
+  showRenderer = false; // used to force renderer to feel changes in forms and value when changing files
+  // uploadFinishSubscription: Subscription;
+  usingExtraFields = false; // flage to switch between static form types
+
+  fileForm: FormGroup;
+  staticFormFields;
+  agencyNameFilter;
+  countryNameFilter;
+  isArabic = false;
+  showStaticForm = false
+  langSubscription: Subscription;
+  disableCreateWhenFinishBtn = true;
+  creating = false;
+  displayNoteMessage = true;
+  myEnvironment;
+  constructor(@Inject(MAT_DIALOG_DATA) public data,
+    public dialogRef: MatDialogRef<CreateModalComponent>,
+    public uploadMangmentService: UploadManagmentService,
+    public dialogMangmentService: DialogMangmentService,
+    private fileMangerService: FileManagerService,
+    private tosterService: CustomToastrService,
+    private formBuilder: FormBuilder,
+    private adapeter: AdapterService,
+    private fileManagerService: FileManagerService,
+    private appConfService: AppConfigService,
+    private dateHelperService: DateHelperService,
+    private translationService: TranslationService,
+    private userService: UserService,
+    private nuxeoService: NuxeoService,
+    @Inject('environment') private environment,
+    private dynamicFormService: DynamicFormService,) {
+      this.myEnvironment = this.environment;
+
+    this.createWhenFinishMode = false;
+    this.addingProperties = this.uploadMangmentService.addingPropertiesMode;
+    this.fileType = this.dialogMangmentService.fileType; // object that was constructed inside subtypes service
+    this.source = this.dialogMangmentService.addingFrom;
+    this.fileManagerService.getFileSchemas(this.fileType.type).subscribe(schemas => {
+      schemas.map(item => {
+        if (item.name === "generaldocument") {
+          this.usingExtraFields = true;
+        }
+      })
+      this.initiatfileForm();
+      this.uploadMangmentService.gettingPropFromModal({
+        'fileType': this.source === 'fileManger' ? this.fileType : {},
+        'dynamicForm': this.dialogMangmentService.storedDynamicForm,
+        'dynamicData': {},
+        'staticFormValid': this.usingExtraFields ? false : true,
+        'generalValidationValid': true,
+        'usingExtraFields': this.usingExtraFields,
+        'path': this.data.path
+      });
+    });
+  }
+
+  ngOnInit(): void {
+    this.langSubscription = this.translationService.isArabic.subscribe(res => {
+      this.isArabic = res;
+    });
+
+    if (this.uploadMangmentService.uploadFinishSubscription) {
+      this.uploadMangmentService.uploadFinishSubscription.unsubscribe();
+    }
+    this.uploadMangmentService.uploadFinishSubscription = this.uploadMangmentService.onUploadFinish.subscribe(res => {
+      if (this.createWhenFinishMode || this.uploadMangmentService.failedFiles.length > 0) {
+        this.createDocument();
+      }
+    })
+  }
+
+  initiatfileForm() {
+    if (this.usingExtraFields) {
+      this.fileForm = this.formBuilder.group({
+        title: ['', [Validators.required]],
+        description: [''],
+        subject: ['', [Validators.required]],
+        documentNumber: [''],
+        gdocumentDate: [null, [Validators.required]],
+        secrecyLevel: [null],
+        importanceLevel: [null],
+        departmentCode: [''],
+        agencyCategoryCode: [null],
+        agencyName: [null],
+        countryCategoryCode: [null],
+        countryName: [null],
+        remarks: ['']
+      })
+    } else {
+      this.fileForm = this.formBuilder.group({
+        title: ['', [Validators.required]],
+        description: ['']
+      })
+    }
+    this.staticFormFields = this.appConfService.myConfiguration.staticFormFields; 
+  }
+  
+  createWhenFinish() {
+    this.createWhenFinishMode = true;
+    this.minimizDialog();
+  }
+
+  closeDialog() {
+    this.uploadMangmentService.GeneralFormValidation = true;
+    this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
+    this.addingProperties = false;
+    this.uploadMangmentService.resetStatus();
+    this.dialogRef.close(false)
+  }
+
+  startAddingProperties() {
+    //if starting from filemnager then i have fixed file type for all attachmetn and single dynaimc form  type
+    if (this.source === 'fileManger') {
+      // this.dynamicFormService.getDynamicForm(this.fileType).subscribe(res => {
+
+      this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(file => {
+        file['fileType'] = this.source === 'fileManger' ? this.fileType : {};
+        file['dynamicForm'] = this.dialogMangmentService.storedDynamicForm;
+        file['dynamicData'] = {};
+        file['staticFormValid'] = this.usingExtraFields ? false : true;
+        file['staticData'] = this.setStaticData(file.title ? file.title : file.name);
+        file['generalValidationValid'] = true;
+      })
+      this.uploadMangmentService.uploadedFilesStatus.allfiles.map(file => {
+        file['fileType'] = this.source === 'fileManger' ? this.fileType : {};
+        file['dynamicForm'] = this.dialogMangmentService.storedDynamicForm;
+        file['dynamicData'] = {};
+        file['staticFormValid'] = this.usingExtraFields ? false : true;
+        file['staticData'] = this.setStaticData(file.title ? file.title : file.name);
+        file['generalValidationValid'] = true;
+      });
+      // })
+    }
+    this.addingProperties = true;
+    this.uploadMangmentService.addingPropertiesMode = true;
+  }
+
+  setStaticData(title) {
+    if (this.usingExtraFields) {
+      return {
+        title: title,
+        description: '',
+        subject: '',
+        documentNumber: '',
+        gdocumentDate: null,
+        secrecyLevel: null,
+        importanceLevel: null,
+        departmentCode: this.userService.getUserDepartmentFromPath(this.data.path),
+        agencyCategoryCode: null,
+        agencyName: null,
+        countryCategoryCode: null,
+        countryName: null,
+        remarks: ''
+      }
+    } else {
+      return {
+        title: title,
+        description: ''
+      }
+    }
+  }
+
+  createDocument() {
+    this.creating = true;
+    this.uploadMangmentService.failedFiles = [];
+    this.uploadMangmentService.GeneralFormValidation = this.checkValidation();
+    if (this.uploadMangmentService.GeneralFormValidation) {
+      this.constructPayLoad(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles);
+
+      let apiCalls = [];
+      //console.log(this.payloadList);
+      this.payloadList.map(payload => {
+        apiCalls.push(this.fileMangerService.createFile(payload, this.fileManagerService.selectedFolderId))
+      })
+      forkJoin(apiCalls).subscribe(response => {
+        //console.log(res);
+        this.creating = false;
+        response.map(singleRes => {
+          if (singleRes['status'] && singleRes['status'] === 'failed') {
+            this.uploadMangmentService.failedFiles.push(singleRes['originFile'])
+          }
+        })
+        if (this.uploadMangmentService.failedFiles.length > 0) {
+          this.tosterService.show('error', 'TOASTER.ERROR', 'TOASTER.UPLOAD_ERROR');
+          this.uploadMangmentService.uploadedFilesStatus.uploadedFiles = [];
+          this.selectedFile = null;
+          this.uploadMangmentService.uploadedFilesStatus.allfiles = [...this.uploadMangmentService.failedFiles];
+
+
+        } else {
+          this.fileMangerService.onRefreshingFileManger.next();
+          this.tosterService.show('success', 'TOASTER.SUCCESS', "TOASTER.FILE_CREATED_SUCCE")
+          this.dialogRef.close(false);
+          this.uploadMangmentService.resetStatus();
+        }
+      },
+        error => {
+          this.creating = false;
+          // console.log(error);
+          // this.tosterService.show('error' , 'TOASTER.ERROR' , 'TOASTER.UPLOAD_ERROR');
+          // this.closeDialog();
+        })
+    } else {
+      this.creating = false;
+    }
+  }
+
+  tryAgainCreateDocument() {
+    this.uploadMangmentService.uploadFilesMangment(this.uploadMangmentService.failedFiles);
+  }
+
+  constructPayLoad(files) {
+    this.payloadList = [];
+    files.map(file => {
+      let props = this.dynamicFormService.constructDynamicFormPayload(file.dynamicData.data ? file.dynamicData.data : {}, file.dynamicForm);
+      let staticFormData = this.mappingStaticData(file.staticData)
+      let param = {
+        "document": {
+          "type": file.fileType.type,
+          "name": file.staticData.title,
+          "properties": {
+            ...props,
+            ...staticFormData,
+            "file:content": {
+              "upload-batch": file.batch.blob['upload-batch'],
+              "upload-fileId": file.batch.blob['upload-fileId'],
+              "mime-type": file.type
+            }
+          }
+        }
+      };
+      if (file.fileType.documentCode) {
+        param["documentTypeCode"] = file.fileType.documentCode
+      }
+      this.payloadList.push({ params: param, originFile: file });
+    })
+  }
+
+  mappingStaticData(data) {
+    if (data.gdocumentDate && data.gdocumentDate !== null) {
+      moment.locale('en');
+      data['hdocumentDate'] = this.dateHelperService.gregorianToHijri(data.gdocumentDate, 'iYYYY-iMM-iDD');
+      data.gdocumentDate = (moment(data.gdocumentDate).format("YYYY-MM-DDT00:00:00.000") + "Z")
+    }
+    return this.adapeter.adaptOut(data, this.staticFormFields)
+  }
+
+  selectFile(file) {
+    console.log("file in select", file)
+    this.showStaticForm = false;
+    this.agencyNameFilter = undefined;
+    this.countryNameFilter = undefined;
+    //console.log(file);
+    if (!this.addingProperties) {
+      this.startAddingProperties();
+    }
+    if (this.addingProperties) {
+      this.showRenderer = false;
+      // check if file has properties of adding properties or not then add it to him
+      if (!file.hasOwnProperty('fileType')) {
+        this.dynamicFormService.getDynamicForm(this.fileType.documentCode ? this.fileType.documentCode : this.fileType.type).subscribe(res => {
+          file['fileType'] = this.source === 'fileManger' ? this.fileType : {};
+          file['dynamicForm'] = res;
+          file['dynamicData'] = {};
+          file['staticFormValid'] = this.usingExtraFields ? false : true;
+          file['generalValidationValid'] = true;
+          file['staticData'] = this.setStaticData(file.title ? file.title : file.name);
+          this.selectedFile = file;
+          if (!this.fileForm) {
+            this.initiatfileForm();
+          }
+          this.fileForm.patchValue(this.selectedFile['staticData']);
+
+          this.temporaryDyanmicData = {};
+          this.temporaryDyanmicData = this.selectedFile.dynamicData.data ? { ...this.selectedFile.dynamicData.data } : {};
+          setTimeout(() => {
+            this.showRenderer = true;
+            this.showStaticForm = true;
+          }, 200);
+          //console.log(file);
+          if (!this.fileFormSubscription) {
+            setTimeout(() => {
+              this.fileFormSubscription = this.fileForm.valueChanges.subscribe(res => {
+                this.selectedFile.staticFormValid = this.fileForm ? this.fileForm.valid : false;
+                this.selectedFile.staticData = this.fileForm ? this.fileForm.value : {};
+              });
+
+              if (this.fileForm.get('agencyCategoryCode')) {
+                this.agencyCategCodeSubscription = this.fileForm.get('agencyCategoryCode').valueChanges.subscribe(res => {
+                  this.fileForm.get('agencyName').setValue(null);
+                  this.agencyNameFilter = {
+                    category: res
+                  };
+                })
+              }
+              if (this.fileForm.get('countryCategoryCode')) {
+                this.countryCategCodeSubscription = this.fileForm.get('countryCategoryCode').valueChanges.subscribe(res => {
+                  this.fileForm.get('countryName').setValue(null);
+                  this.countryNameFilter = {
+                    category: res
+                  };
+                })
+              }
+            }, 2000);
+          }
+        })
+      } else {
+        this.selectedFile = file;
+        if (!this.fileForm) {
+          this.initiatfileForm();
+        }
+        this.fileForm.patchValue({ ...this.selectedFile['staticData'] });
+        if (this.selectedFile['staticData']['agencyCategoryCode']) {
+          this.agencyNameFilter = {
+            category: this.selectedFile['staticData']['agencyCategoryCode']
+          };
+        }
+        if (this.selectedFile['staticData']['countryCategoryCode']) {
+          this.countryNameFilter = {
+            category: this.selectedFile['staticData']['countryCategoryCode']
+          };
+        }
+        this.temporaryDyanmicData = {};
+        this.temporaryDyanmicData = this.selectedFile.dynamicData.data ? this.selectedFile.dynamicData.data : {};
+        setTimeout(() => {
+          this.showRenderer = true;
+          this.showStaticForm = true;
+
+        }, 200);
+        if (!this.fileFormSubscription) {
+          setTimeout(() => {
+            this.fileFormSubscription = this.fileForm.valueChanges.subscribe(res => {
+              this.selectedFile.staticFormValid = this.fileForm ? this.fileForm.valid : false;
+              this.selectedFile.staticData = this.fileForm ? this.fileForm.value : {};
+            })
+
+            if (this.fileForm.get('agencyCategoryCode')) {
+              this.agencyCategCodeSubscription = this.fileForm.get('agencyCategoryCode').valueChanges.subscribe(res => {
+                this.fileForm.get('agencyName').setValue(null);
+                this.agencyNameFilter = {
+                  category: res
+                };
+              })
+            }
+            if (this.fileForm.get('countryCategoryCode')) {
+              this.countryCategCodeSubscription = this.fileForm.get('countryCategoryCode').valueChanges.subscribe(res => {
+                this.fileForm.get('countryName').setValue(null);
+                this.countryNameFilter = {
+                  category: res
+                };
+              })
+            }
+          }, 2000);
+        }
+      }
+    }
+  }
+
+  ondynamicFormChange(dynamicData) {
+    console.log(dynamicData)
+    if (dynamicData.originalEvent?.isValid) {
+      this.disableCreateWhenFinishBtn = false
+    }
+    if (dynamicData.data) {
+      this.selectedFile.dynamicData = { ...dynamicData };
+    }
+  }
+
+  minimizDialog() {
+    this.dialogRef.close(true);
+  }
+
+  removeItem(item, listofFiles) {
+    const removeIndex = listofFiles.findIndex(file => file.name === item.name);
+    listofFiles.splice(removeIndex, 1);
+    if (item.name === this.selectedFile.name) {
+      if (this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.length > 0) {
+        this.selectFile(this.uploadMangmentService.uploadedFilesStatus.uploadedFiles[0])
+      }
+      else if (this.uploadMangmentService.uploadedFilesStatus.allfiles.length > 0) {
+        this.selectFile(this.uploadMangmentService.uploadedFilesStatus.allfiles[0])
+      }
+      // this.selectedFile = null;
+    }
+  }
+
+  ApplyChangesToAll() {
+    this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(file => {
+      let title = file['staticData'] ? file['staticData']['title'] : file.name;
+      file['fileType'] = this.selectedFile.fileType;
+      file['dynamicForm'] = this.selectedFile.dynamicForm;
+      file['dynamicData'] = this.selectedFile.dynamicData;
+      file['staticFormValid'] = this.selectedFile.staticFormValid;
+      file['staticData'] = { ...this.fileForm.value };
+      file['staticData']['title'] = title;
+    })
+    this.uploadMangmentService.uploadedFilesStatus.allfiles.map(file => {
+      let title = file['staticData'] ? file['staticData']['title'] : file.name;
+      file['fileType'] = this.selectedFile.fileType;
+      file['dynamicForm'] = this.selectedFile.dynamicForm;
+      file['dynamicData'] = this.selectedFile.dynamicData;
+      file['staticFormValid'] = this.selectedFile.staticFormValid;
+      file['staticData'] = { ...this.fileForm.value };
+      file['staticData']['title'] = title;
+    });
+  }
+
+  checkValidation() {
+    let validation = true;
+    this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.map(file => {
+      console.log("file", file)
+      if (!file.hasOwnProperty('fileType') || file['staticFormValid'] === false || file.dynamicData?.originalEvent?.isValid === false) {
+        file['generalValidationValid'] = false
+        validation = false;
+      } else {
+        file['generalValidationValid'] = true
+      }
+    })
+    this.uploadMangmentService.uploadedFilesStatus.allfiles.map(file => {
+      if (file['staticFormValid'] === false || file.dynamicData?.originalEvent?.isValid === false) {
+        file['generalValidationValid'] = false;
+        validation = false;
+
+      } else {
+        file['generalValidationValid'] = true;
+      }
+    });
+
+    return validation;
+  }
+
+  ngOnDestroy() {
+    this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
+    this.langSubscription ? this.langSubscription.unsubscribe() : '';
+    this.countryCategCodeSubscription ? this.countryCategCodeSubscription.unsubscribe() : '';
+    this.agencyCategCodeSubscription ? this.agencyCategCodeSubscription.unsubscribe() : '';
+  }
+}

package/src/lib/components/file-manger/components/creation-type/creation-type.component.html

@@ -0,0 +1,39 @@
+<div class="creation-type-dialog h-full relative">
+    <span class="absolute -top-2 -right-2" (click)="closeDialog('')">
+        <mat-icon class="text-primary cursor-pointer">close</mat-icon>
+    </span>
+    <div class="creation-tpe-title text-center text-xl text-primary font-bold mb-10 pt-2">
+        {{ "CREATE.CHOOSE_TYPE" | translate }}
+    </div>
+    <div class="creation-types-wrapper">
+        <div class="d-flex justify-around mb-10" >
+            <div class="single-creation-type p-3 d-flex flex-col justify-center items-center w-32 h-28 hover:bg-opacity-90 bg-primary rounded-lg cursor-pointer text-white" (click)="closeDialog('scan')">
+                <mat-icon class="mb-3 text-4xl text-white w-8 h-8">scanner</mat-icon>
+                <div class="type-text text-md text-white font-bold">{{ "CREATE.SCAN" | translate }}</div>
+            </div>
+            <div class="single-creation-type p-3 d-flex flex-col justify-center items-center w-32 h-28 hover:bg-opacity-90 bg-primary rounded-lg cursor-pointer text-white" (click)="closeDialog('upload')" >
+                <mat-icon class="mb-3 text-4xl text-white w-8 h-8">file_upload</mat-icon>
+                <div class="type-text text-md text-white font-bold">{{ "CREATE.UPLOAD" | translate }}</div>
+            </div>
+            <!-- <div class="single-creation-type border-2 border-gray-900 p-3 d-flex flex-col justify-center 
+            items-center w-32 h-28 hover:bg-gray-200 cursor-pointer" (click)="closeDialog('template')">
+                <mat-icon class="mb-3 text-4xl text-white w-8 h-8">document_scanner</mat-icon>
+                <div class="type-text text-md text-white font-bold">Document</div>
+            </div> -->
+        </div>
+        <!-- <div class="d-flex justify-evenly">
+            <div class="single-creation-type border-2 border-gray-900 p-3 d-flex flex-col justify-center 
+            items-center w-32 h-28 hover:bg-gray-200 cursor-pointer" (click)="closeDialog('sheet')">
+                <mat-icon class="mb-3 text-4xl text-white w-8 h-8">post_add</mat-icon>
+                <div class="type-text text-md text-white font-bold">SpreadSheet</div>
+            </div>
+            <div class="single-creation-type border-2 border-gray-900 p-3 d-flex flex-col justify-center 
+            items-center w-32 h-28 hover:bg-gray-200 cursor-pointer" (click)="closeDialog('presentation')">
+                <mat-icon class="mb-3 text-4xl text-white w-8 h-8">present_to_all</mat-icon>
+                <div class="type-text text-md text-white font-bold">Presentation</div>
+            </div>
+        </div> -->
+        
+        
+    </div>
+</div>

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

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

package/src/lib/components/file-manger/components/creation-type/creation-type.component.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-creation-type',
+  templateUrl: './creation-type.component.html',
+  styleUrls: ['./creation-type.component.scss']
+})
+export class CreationTypeComponent implements OnInit {
+
+  constructor(public dialogRef: MatDialogRef<CreationTypeComponent>) { }
+
+  ngOnInit(): void {
+  }
+
+  closeDialog(type){
+    this.dialogRef.close(type);
+  }
+}

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

@@ -0,0 +1,25 @@
+<dx-popup class="popUpParent" [rtlEnabled]="rtlEnabled" id="photo-popup" [width]="510" [height]="180"
+    [(visible)]="visible" [closeOnOutsideClick]="true">
+    <div *dxTemplate="let data of 'content'">
+        <div class="d-flex px-8 mb-5 -mt-8 h-20">
+            <img class="w-14 h-14" src="assets/images/thumbnails/warning.png" />
+            <div class="px-3 mt-3">
+                <span class="text-xl font-medium">{{ 'confirmDialog.confirm' | translate}}</span>
+                <div class="
+                    text-lg text-secondary text-base
+                    mt-2
+                ">
+                {{ 'confirmDialog.Delete_Item' | translate }} {{itemsSelected}} ?
+                </div>
+            </div>
+        </div>
+        <div class="conf-actions d-flex justify-end items-center px-6">
+            <button class="mx-2 submission-button w-1/3" (click)="deleteFolder(false)">
+                {{ "BUTTONS.Delete" | translate }}
+            </button>
+            <button class="mx-2 cancelation-button w-1/3" (click)="cancel()">
+                {{ "BUTTONS.CANCEL" | translate }}
+            </button>
+        </div>
+    </div>
+</dx-popup>

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

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