nuxeo-development-framework 4.1.6 → 4.1.7

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

@@ -1,629 +0,0 @@
-import {
-	Component,
-	HostListener,
-	Inject,
-	Injector,
-	OnDestroy,
-	OnInit
-} from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MAT_DIALOG_DATA } 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, of, 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 { BaseDialogComponent } from '../../../../shared/components/base/base-dialog.component';
-import { DialogActionType } from '../../../../shared/components/nuxeo-dialog/models/dialog-option.model';
-import { tap } from 'rxjs/operators';
-
-@Component({
-	selector: 'app-create-modal',
-	templateUrl: './create-modal.component.html',
-	styleUrls: ['./create-modal.component.scss']
-})
-export class CreateModalComponent
-	extends BaseDialogComponent<CreateModalComponent, any, any>
-	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;
-	showStaticForm = false;
-	disableCreateWhenFinishBtn = true;
-	creating = false;
-	displayNoteMessage = true;
-	myEnvironment;
-	@HostListener('document:keyup.enter', ['$event'])
-	KeyUpEvent(event: KeyboardEvent) {
-		if (
-			this.addingProperties &&
-			this.uploadMangmentService.failedFiles.length === 0
-		) {
-			if (
-				this.uploadMangmentService.uploadedFilesStatus.uploadInProgress &&
-				!this.disableCreateWhenFinishBtn
-			) {
-				this.createWhenFinish();
-			} else {
-				this.createDocument();
-			}
-		}
-	}
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data,
-		public uploadMangmentService: UploadManagmentService,
-		public dialogMangmentService: DialogMangmentService,
-		private fileMangerService: FileManagerService,
-		private tosterService: CustomToastrService,
-		public formBuilder: FormBuilder,
-		private adapeter: AdapterService,
-		private fileManagerService: FileManagerService,
-		private appConfService: AppConfigService,
-		private dateHelperService: DateHelperService,
-		private userService: UserService,
-		@Inject('environment') private environment,
-		injector: Injector,
-		private dynamicFormService: DynamicFormService
-	) {
-		super(injector);
-		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 {
-		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: DialogActionType = () => {
-		this.createWhenFinishMode = true;
-		return this.minimizDialog();
-	};
-
-	close() {
-		this.uploadMangmentService.GeneralFormValidation = true;
-		this.fileFormSubscription ? this.fileFormSubscription.unsubscribe() : '';
-		this.addingProperties = false;
-		this.uploadMangmentService.resetStatus();
-		super.close();
-		return of(null);
-	}
-
-	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.forEach(
-				(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.forEach(
-				(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: this.data.outerDefaultSecrecy || null,
-				importanceLevel: this.data.outerDefaultImportance || null,
-				departmentCode: this.userService.getUserDepartmentFromPath(
-					this.data.path
-				),
-				agencyCategoryCode: null,
-				agencyName: null,
-				countryCategoryCode: null,
-				countryName: null,
-				remarks: ''
-			};
-		} else {
-			return {
-				title: title,
-				description: ''
-			};
-		}
-	}
-
-	createDocument: DialogActionType = () => {
-		this.creating = true;
-		this.uploadMangmentService.failedFiles = [];
-		this.uploadMangmentService.GeneralFormValidation = this.checkValidation();
-		if (this.uploadMangmentService.GeneralFormValidation) {
-			let apiCalls = [];
-			if (
-				this.data?.path.includes('/default-domain/workspaces/DMSWorkspaces') ||
-				this.data?.path.includes('/default-domain/UserWorkspaces/')
-			) {
-				this.constructPayLoadToWorkSpace(
-					this.uploadMangmentService.uploadedFilesStatus.uploadedFiles
-				);
-				this.payloadList.forEach((payload) => {
-					apiCalls.push(
-						this.fileMangerService.createFile(
-							payload,
-							this.fileManagerService.selectedFolderId,
-							'DMS.CreateDocumentFromBlob'
-						)
-					);
-				});
-			} else {
-				this.constructPayLoad(
-					this.uploadMangmentService.uploadedFilesStatus.uploadedFiles
-				);
-				this.payloadList.forEach((payload) => {
-					apiCalls.push(
-						this.fileMangerService.createFile(
-							payload,
-							this.fileManagerService.selectedFolderId
-						)
-					);
-				});
-			}
-
-			return forkJoin(apiCalls).pipe(
-				tap(
-					(response) => {
-						this.creating = false;
-						response.forEach((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'
-							);
-							super.close(false);
-							this.uploadMangmentService.resetStatus();
-						}
-					},
-					(error) => {
-						this.creating = false;
-					}
-				)
-			);
-		} else {
-			this.creating = false;
-			return of(null);
-		}
-	};
-
-	constructPayLoadToWorkSpace(files) {
-		this.payloadList = [];
-		files.map((file) => {
-			let param = {
-				fileindex: 0,
-				fileName: file.staticData.title,
-				batchid: file.batch.blob['upload-batch'],
-				description: this.fileForm.controls.description.value
-			};
-			this.payloadList.push({ params: param, originFile: file });
-		});
-	}
-
-	tryAgainCreateDocument: DialogActionType = () => {
-		this.uploadMangmentService.uploadFilesMangment(
-			this.uploadMangmentService.failedFiles
-		);
-		return of(null);
-	};
-
-	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: DialogActionType = () => {
-		super.close(true);
-		return of(null);
-	};
-
-	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: DialogActionType = () => {
-		this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach(
-			(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.forEach((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;
-		});
-
-		return of(null);
-	};
-
-	checkValidation() {
-		let validation = true;
-		this.uploadMangmentService.uploadedFilesStatus.uploadedFiles.forEach(
-			(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.countryCategCodeSubscription
-			? this.countryCategCodeSubscription.unsubscribe()
-			: '';
-		this.agencyCategCodeSubscription
-			? this.agencyCategCodeSubscription.unsubscribe()
-			: '';
-	}
-}

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

@@ -1,39 +0,0 @@
-<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

@@ -1,25 +0,0 @@
-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();
-  });
-});