\r\n
\r\n
\r\n {{ errorMessage }}\r\n \r\n
\r\n
\r\n","import {\n Component,\n OnInit,\n ViewChild,\n ElementRef,\n ChangeDetectorRef\n} from '@angular/core';\nimport { AbstractControl, FormBuilder, FormGroup, ValidatorFn, Validators } from '@angular/forms';\nimport { environment } from 'src/environments/environment';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\nimport { forkJoin } from 'rxjs';\nimport { ActivatedRoute } from '@angular/router';\nimport { CommonService } from 'src/app/services/common.service';\nimport { CodeType } from 'src/app/enums/enum';\n\n@Component({\n selector: 'app-generatefile',\n templateUrl: './generatefile.component.html',\n styleUrls: ['./generatefile.component.scss']\n})\nexport class GeneratefileComponent implements OnInit {\n constructor(\n private route: ActivatedRoute,\n private commonSvc: CommonService\n ) { }\n baseUrl = environment.baseUrl;\n errorMessage = '';\n hasError = false;\n ngOnInit() {\n this.hasError = true;\n this.errorMessage = 'The file is being generated, please wait.';\n this.route.queryParams.subscribe(params => {\n const id = params['id'];\n if (id) {\n this.commonSvc.generateVOMLicense(id).subscribe((response: any) => {\n if (response.status) {\n window.open(\n `${this.baseUrl}/Generate/LicenseVOMFile?id=${response.resultObj}`,\n '_blank'\n );\n this.hasError = true;\n this.errorMessage = 'Generate Sucessful';\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n alert(response.msg);\n }\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = 'An error occurred. Please contact the system administrator.';\n alert(err.error.exceptionMessage);\n });\n }\n });\n //window.close();\n }\n}\n","\r\n
\r\n
\r\n
\r\n {{ errorMessage }}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n","import {\n Component,\n OnInit,\n ViewChild,\n ElementRef,\n ChangeDetectorRef\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { environment } from 'src/environments/environment';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\nimport { forkJoin } from 'rxjs';\nimport { ActivatedRoute } from '@angular/router';\nimport { CommonService } from 'src/app/services/common.service';\nimport { CodeType } from 'src/app/enums/enum';\n\n@Component({\n selector: 'app-license',\n templateUrl: './license.component.html',\n styleUrls: ['./license.component.scss']\n})\nexport class LicenseComponent implements OnInit {\n// base API url\nbaseUrl = environment.baseUrl;\nfrmSingleLicense: FormGroup;\nfrmMultiLicense: FormGroup;\nfrmCaptcha: FormGroup;\nconditions: any = {};\nerrorMessage = '';\nhasError = false;\nlicenseFiles: File[] = [];\ncaptcha: any = {};\nconfirmType = '';\ncodeTypes: any[] = [];\nlicenseTypes: any[] = [];\nmodelNameTypes: any[] = [];\nexpireDateTypes: any[] = [];\nfilterExpireDateTypes: any[] = [];\nlicenseTypesFree: any[] = [];\nmodelNameTypesFree: any[] = [];\napplicationTypes: any[] = [];\nlicense: string = 'Trail';\n\n@ViewChild('confirmSwal') confirmSwal: SwalComponent;\n@ViewChild('licenseFileElem') licenseFileElem: ElementRef;\n\nget frmSingle() {\n return this.frmSingleLicense.controls;\n}\n\nget frmMulti() {\n return this.frmMultiLicense.controls;\n}\n\nconstructor(\n private fb: FormBuilder,\n private cd: ChangeDetectorRef,\n private commonSvc: CommonService,\n private spinnerSvc: NgxSpinnerService,\n private route: ActivatedRoute\n) {\n\n\n}\n\nngOnInit() {\n this.route.params.subscribe(params => {\n this.license = params.license;\n if(this.license === 'free')\n {\n console.log(this.license);\n forkJoin([this.commonSvc.getCodeTypes()]).subscribe(([codeTypes]) => {\n this.codeTypes = codeTypes;\n this.modelNameTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.ModelNameFree\n );\n this.applicationTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.ApplicationType\n );\n });\n }else{\n forkJoin([this.commonSvc.getCodeTypes()]).subscribe(([codeTypes]) => {\n this.codeTypes = codeTypes;\n this.modelNameTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.ModelName\n );\n });\n }\n });\n\n\n // initialize single-license form\n this.frmSingleLicense = this.fb.group({\n email: [null, [Validators.required, Validators.email]],\n company: [null, [Validators.required,]],\n contact: [null, [Validators.required]],\n contactPersionPhone: [null, [Validators.required]],\n country: [null, [Validators.required]],\n applicationType: [null, [Validators.required]],\n modelName: [null, [Validators.required]],\n license :[this.license],\n macAddress: [\n '',\n [\n Validators.required,\n Validators.pattern('^0002[dD]{1}1[A-Fa-f0-9]{6}$')\n ]\n ],\n licenseType: [null, [Validators.required]],\n expireDate: [null]\n });\n\n // initialize multi-license form\n this.frmMultiLicense = this.fb.group({\n email: [null, [Validators.required, Validators.email]],\n licenseFile: [null, [Validators.required]]\n });\n\n // captcha form\n this.frmCaptcha = this.fb.group({\n image: [null, [Validators.required]]\n });\n\n // expire date\n // this.filterExpireDateTypes = this.expireDateTypes.filter(\n // item =>\n // item.referenceId === this.frmSingleLicense.get('licenseType').value\n // );\n this.frmSingleLicense.get('modelName').valueChanges.subscribe(val => {\n // get referenceIds\n if (val) {\n if(this.license === 'free')\n {\n const referenceIds = this.modelNameTypes\n .filter(\n item => item.codeTypeId === CodeType.ModelNameFree && item.id === val\n )\n .map(item => [...item.referenceId])[0];\n this.licenseTypes = this.codeTypes.filter(\n item =>\n item.codeTypeId === CodeType.LicenseTypeFree &&\n referenceIds.includes(item.id)\n );\n }\n else\n {\n const referenceIds = this.modelNameTypes\n .filter(\n item => item.codeTypeId === CodeType.ModelName && item.id === val\n )\n .map(item => [...item.referenceId])[0];\n this.licenseTypes = this.codeTypes.filter(\n item =>\n item.codeTypeId === CodeType.LicenseType &&\n referenceIds.includes(item.id)\n );\n }\n }\n });\n\n // trigger expire date change when licenseType change its value\n this.frmSingleLicense.get('licenseType').valueChanges.subscribe(val => {\n if (val) {\n if(this.license !== 'free')\n {\n const item = this.licenseTypes.filter(\n x => x.codeTypeId === CodeType.LicenseType && x.codeId === val\n )[0];\n this.frmSingleLicense.get('license').setValue(\"0\");\n this.frmSingleLicense.get('company').setValue(\"...\");\n this.frmSingleLicense.get('contact').setValue(\"...\");\n this.frmSingleLicense.get('contactPersionPhone').setValue(\"...\");\n this.frmSingleLicense.get('country').setValue(\"...\");\n this.frmSingleLicense.get('applicationType').setValue(\"...\");\n this.frmSingleLicense.get('expireDate').setValue(item.expireDate);\n }\n else{\n const item = this.licenseTypes.filter(\n x => x.codeTypeId === CodeType.LicenseTypeFree && x.codeId === val\n )[0];\n this.frmSingleLicense.get('license').setValue(\"1\");\n this.frmSingleLicense.get('expireDate').setValue(item.expireDate);\n }\n }\n });\n}\n\nhandleConfirm(confirmType: string) {\n this.confirmType = confirmType;\n console.log(this.confirmType);\n}\n\nbeforeOpen(evt) {\n this.commonSvc.getCaptcha().subscribe((response: any) => {\n if (response.status) {\n this.captcha = response.resultObj;\n }\n });\n}\n\nsubmit() {\n this.commonSvc\n .verifyCaptcha({\n key: this.captcha.key,\n image: this.frmCaptcha.get('image').value\n })\n .subscribe((response: any) => {\n if (response.status) {\n this.confirmSwal.nativeSwal.close();\n console.log(this.confirmType);\n switch (this.confirmType) {\n case 'single':\n this.submitSingle();\n break;\n case 'multi':\n this.submitMulti();\n break;\n }\n }\n });\n this.frmCaptcha.patchValue({ image: '' });\n}\n\nprivate submitSingle() {\n this.spinnerSvc.show();\n this.conditions = { ...this.frmSingleLicense.value };\n // override modelName from id to text\n this.conditions.modelName = this.modelNameTypes.filter(\n item => item.id === this.frmSingleLicense.get('modelName').value\n )[0].text;\n\n this.commonSvc.requestSingleLicense(this.conditions).subscribe(\n (response: any) => {\n if (response.status) {\n window.open(\n `${this.baseUrl}/Generate/File?id=${response.resultObj}`,\n '_blank'\n );\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n }\n this.spinnerSvc.hide();\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = err.error.exceptionMessage;\n this.spinnerSvc.hide();\n }\n );\n\n this.frmSingleLicense.reset();\n}\n\nprivate submitSingleAndSendMail() {\n this.spinnerSvc.show();\n this.conditions = { ...this.frmSingleLicense.value };\n // override modelName from id to text\n this.conditions.modelName = this.modelNameTypes.filter(\n item => item.id === this.frmSingleLicense.get('modelName').value\n )[0].text;\n\n this.commonSvc.requestSingleAndSendMailLicense(this.conditions).subscribe(\n (response: any) => {\n if (response.status) {\n alert(response.msg);\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n }\n\n this.spinnerSvc.hide();\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = err.error.exceptionMessage;\n this.spinnerSvc.hide();\n }\n );\n\n this.frmSingleLicense.reset();\n}\n\nprivate submitMulti() {\n this.spinnerSvc.show();\n // this.commonSvc\n // .requestMultiLicenses(\n // this.licenseFiles,\n // this.frmMultiLicense.get('email').value\n // )\n // .subscribe(\n // (response: any) => {\n // if (response.status) {\n // window.open(\n // `${this.baseUrl}/Generate/File?id=${response.resultObj}`,\n // '_blank'\n // );\n // } else {\n // this.hasError = true;\n // this.errorMessage = response.msg;\n // }\n // this.spinnerSvc.hide();\n // },\n // (err: any) => {\n // this.hasError = true;\n // this.errorMessage = err.error.exceptionMessage;\n // this.spinnerSvc.hide();\n // }\n // );\n\n this.resetFileInput();\n}\n\nfileChanged(event: any) {\n const reader = new FileReader();\n if (event.target.files && event.target.files.length) {\n console.log(event);\n const [file] = event.target.files;\n this.licenseFiles = [...this.licenseFiles, file];\n\n reader.readAsDataURL(file);\n reader.onload = () => {\n this.frmMultiLicense.patchValue({\n file: reader.result\n });\n this.cd.markForCheck();\n };\n }\n}\n\nresetFileInput() {\n this.licenseFiles = [];\n this.frmMultiLicense.get('licenseFile').reset();\n this.licenseFileElem.nativeElement.value = '';\n}\n}\n","\r\n
\r\n
\r\n
\r\n {{ errorMessage }}\r\n \r\n
\r\n
\r\n
\r\n
\r\n If you have any question, please contact\r\n {{adminContact}}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n","import {\n Component,\n OnInit,\n ViewChild,\n ElementRef,\n ChangeDetectorRef\n} from '@angular/core';\nimport { AbstractControl, FormBuilder, FormGroup, ValidatorFn, Validators } from '@angular/forms';\nimport { environment } from 'src/environments/environment';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\nimport { forkJoin } from 'rxjs';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { CommonService } from 'src/app/services/common.service';\nimport { CodeType } from 'src/app/enums/enum';\n\n@Component({\n selector: 'app-vom',\n templateUrl: './vom.component.html',\n styleUrls: ['./vom.component.scss']\n})\nexport class VOMComponent implements OnInit {\n// base API url\nbaseUrl = environment.baseUrl;\nfrmSingleLicense: FormGroup;\nfrmMultiLicense: FormGroup;\nfrmCaptcha: FormGroup;\nconditions: any = {};\nerrorMessage = '';\nhasError = false;\nlicenseFiles: File[] = [];\ncaptcha: any = {};\nconfirmType = '';\ncodeTypes: any[] = [];\nlicenseTypes: any[] = [];\nmodelNameTypes: any[] = [];\nexpireDateTypes: any[] = [];\nfilterExpireDateTypes: any[] = [];\nlicenseTypesFree: any[] = [];\nmodelNameTypesFree: any[] = [];\napplicationTypes: any[] = [];\nvmsTypes: any[] = [];\nlicense: string = 'free';\ngenerateVisible: boolean = false;\ncodeVisible: boolean = true;\nfileuploadVisible: boolean = false;\nTextboxVisible: boolean = false;\nadminContact: string = '';\n\n@ViewChild('confirmSwal') confirmSwal: SwalComponent;\n@ViewChild('licenseFileElem') licenseFileElem: ElementRef;\n\nget frmSingle() {\n return this.frmSingleLicense.controls;\n}\n\nget frmMulti() {\n return this.frmMultiLicense.controls;\n}\n\nconstructor(\n private fb: FormBuilder,\n private cd: ChangeDetectorRef,\n private commonSvc: CommonService,\n private spinnerSvc: NgxSpinnerService,\n private route: ActivatedRoute\n) {\n\n\n}\n\nngOnInit() {\n // this.route.queryParams.subscribe(params => {\n // const id = params['id'];\n // if (id) {\n // this.commonSvc.generateVOMLicense(id).subscribe((response: any) => {\n // if (response.status) {\n // window.open(\n // `${this.baseUrl}/Generate/LicenseVOMFile?id=${response.resultObj}`,\n // '_blank'\n // );\n // } else {\n // // this.hasError = true;\n // // this.errorMessage = response.msg;\n // alert(response.msg);\n // }\n // this.spinnerSvc.hide();\n // },\n // (err: any) => {\n // this.hasError = true;\n // this.errorMessage = err.error.exceptionMessage;\n // this.spinnerSvc.hide();\n // });\n // this.router.navigate(['/vision-object-metadata']);\n // }\n // });\n this.license = 'vom';\n this.route.params.subscribe(params => {\n if(this.license === 'vom')\n {\n console.log(this.license);\n forkJoin([this.commonSvc.getCodeTypes()]).subscribe(([codeTypes]) => {\n this.codeTypes = codeTypes;\n\n // this.modelNameTypes = this.codeTypes.filter(\n // item => item.codeTypeId === CodeType.ModelNameVOM\n // );\n this.licenseTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.LicenseTypeVOM\n );\n this.applicationTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.ApplicationType\n );\n this.vmsTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.VMSType\n );\n this.adminContact = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.adminContact\n )[0].text;\n });\n }else{\n forkJoin([this.commonSvc.getCodeTypes()]).subscribe(([codeTypes]) => {\n this.codeTypes = codeTypes;\n this.modelNameTypes = this.codeTypes.filter(\n item => item.codeTypeId === CodeType.ModelName\n );\n });\n }\n });\n\n\n // initialize single-license form\n this.frmSingleLicense = this.fb.group({\n email: [null, [Validators.required, Validators.email]],\n company: [null, [Validators.required,]],\n contact: [null, [Validators.required]],\n contactPersionPhone: [null, [Validators.required]],\n country: [null, [Validators.required]],\n applicationType: [null, [Validators.required]],\n modelName: [null, [Validators.required]],\n license :[this.license],\n macAddress: [\n '',\n [\n Validators.required,\n Validators.pattern('^0002[dD]{1}1[A-Fa-f0-9]{6}$')\n ]\n ],\n licenseType: [null, [Validators.required]],\n expireDate: [null]\n });\n\n // initialize multi-license form\n this.frmMultiLicense = this.fb.group({\n terms: [false, Validators.requiredTrue],\n option: ['single', Validators.required],\n email: [null, [Validators.required, Validators.email,Validators.pattern(/^(?!.*@vivotek\\.com$).*$/)]],\n company: [null, [Validators.required,]],\n contact: [null, [Validators.required]],\n contactPersionPhone: [null, null],\n country: [null, [Validators.required]],\n applicationType: [null, [Validators.required]],\n vmsType: [null, [Validators.required]],\n description: ['', null],//Validators.required, Validators.minLength(80),Validators.maxLength(300)\n code: [null,null],\n // code: [null,[Validators.required,\n // Validators.maxLength(30),\n // Validators.minLength(10),\n // Validators.pattern('^[a-zA-Z0-9-]+$')]\n // ],\n licenseFile: [null,null],\n modelName: [null, null],\n macAddress: [null, null],\n licenseType: [null, null],\n });\n\n // captcha form\n this.frmCaptcha = this.fb.group({\n image: [null, [Validators.required]]\n });\n\n // expire date\n // this.filterExpireDateTypes = this.expireDateTypes.filter(\n // item =>\n // item.referenceId === this.frmSingleLicense.get('licenseType').value\n // );\n this.frmMultiLicense.get('licenseType').valueChanges.subscribe(val => {\n // get referenceIds\n if (val) {\n {\n // const referenceIds = this.modelNameTypes\n // .filter(\n // item => item.codeTypeId === CodeType.ModelNameVOM && item.id === val\n // )\n // .map(item => [...item.referenceId])[0];\n // console.log(referenceIds);\n // this.licenseTypes = this.codeTypes.filter(\n // item =>\n // item.codeTypeId === CodeType.LicenseTypeVOM &&\n // referenceIds.includes(item.id)\n // );\n console.log(val);\n console.log(this.licenseTypes);\n this.frmMultiLicense.get('modelName').setValue(\"\");\n const id = this.licenseTypes\n .filter(\n item => item.codeTypeId === CodeType.LicenseTypeVOM && item.codeId === val\n )[0].id;\n console.log(id);\n console.log(this.codeTypes.filter(\n item =>\n item.codeTypeId === CodeType.ModelNameVOM\n ));\n this.modelNameTypes = this.codeTypes.filter(\n item =>\n item.codeTypeId === CodeType.ModelNameVOM &&\n item.referenceId && item.referenceId.includes(id)\n );\n\n console.log(this.modelNameTypes);\n }\n }\n });\n this.frmMultiLicense.get('option').valueChanges.subscribe(selectedValue => {\n if(selectedValue){\n this.MultValidators(selectedValue);\n }\n });\n}\nMultValidators(selectedValue: string) {\n console.log(selectedValue);\n if(selectedValue==='single'){\n this.TextboxVisible = true;\n this.fileuploadVisible = false;\n this.frmMulti['licenseFile'].clearValidators();\n this.frmMulti['licenseType'].setValidators(Validators.required);\n this.frmMulti['modelName'].setValidators(Validators.required);\n this.frmMulti['macAddress'].setValidators([Validators.required,Validators.pattern('^0002[dD]{1}1[A-Fa-f0-9]{6}$')]);\n }else{\n this.fileuploadVisible = true;\n this.TextboxVisible = false;\n this.frmMulti['licenseFile'].setValidators(Validators.required);\n this.frmMulti['licenseType'].clearValidators();\n this.frmMulti['modelName'].clearValidators();\n this.frmMulti['macAddress'].clearValidators();\n }\n this.frmMulti['licenseFile'].updateValueAndValidity();\n this.frmMulti['licenseType'].updateValueAndValidity();\n this.frmMulti['modelName'].updateValueAndValidity();\n this.frmMulti['macAddress'].updateValueAndValidity();\n}\n\nhandleConfirm(confirmType: string) {\n this.confirmType = confirmType;\n console.log(this.confirmType);\n}\n\nbeforeOpen(evt) {\n this.commonSvc.getCaptcha().subscribe((response: any) => {\n if (response.status) {\n this.captcha = response.resultObj;\n }\n });\n}\n\nsubmit() {\n this.commonSvc\n .verifyCaptcha({\n key: this.captcha.key,\n image: this.frmCaptcha.get('image').value\n })\n .subscribe((response: any) => {\n if (response.status) {\n this.confirmSwal.nativeSwal.close();\n console.log(this.confirmType);\n switch (this.confirmType) {\n case 'single':\n //this.submitSingle();\n break;\n case 'multi':\n this.submitMulti();\n break;\n }\n }\n });\n this.frmCaptcha.patchValue({ image: '' });\n}\n\nprivate submitSingle() {\n this.spinnerSvc.show();\n this.conditions = { ...this.frmSingleLicense.value };\n // override modelName from id to text\n this.conditions.modelName = this.modelNameTypes.filter(\n item => item.id === this.frmSingleLicense.get('modelName').value\n )[0].text;\n\n this.commonSvc.requestSingleLicense(this.conditions).subscribe(\n (response: any) => {\n if (response.status) {\n window.open(\n `${this.baseUrl}/Generate/File?id=${response.resultObj}`,\n '_blank'\n );\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n }\n this.spinnerSvc.hide();\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = err.error.exceptionMessage;\n this.spinnerSvc.hide();\n }\n );\n\n this.frmSingleLicense.reset();\n}\n\nprivate submitSingleAndSendMail() {\n this.spinnerSvc.show();\n this.conditions = { ...this.frmSingleLicense.value };\n // override modelName from id to text\n this.conditions.modelName = this.modelNameTypes.filter(\n item => item.id === this.frmSingleLicense.get('modelName').value\n )[0].text;\n\n this.commonSvc.requestSingleAndSendMailLicense(this.conditions).subscribe(\n (response: any) => {\n if (response.status) {\n alert(response.msg);\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n }\n\n this.spinnerSvc.hide();\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = err.error.exceptionMessage;\n this.spinnerSvc.hide();\n }\n );\n\n this.frmSingleLicense.reset();\n}\n\nprivate submitMulti() {\n this.spinnerSvc.show();\n var modelName = '';\n var licenseTypeName = '';\n if(this.frmMulti['option'].value === 'single' && this.frmMulti['vmsType'].value !=='Else')\n {\n // override modelName from id to text\n modelName = this.modelNameTypes.filter(\n item => item.id === this.frmMultiLicense.get('modelName').value\n )[0].text;\n licenseTypeName = this.licenseTypes.filter(\n item => item.codeId === this.frmMultiLicense.get('licenseType').value\n )[0].text;\n }\n this.commonSvc\n .requestVOMLicenses(\n this.licenseFiles,\n this.frmMultiLicense.get('email').value,\n this.frmMultiLicense.get('company').value,\n this.frmMultiLicense.get('contact').value,\n this.frmMultiLicense.get('contactPersionPhone').value,\n this.frmMultiLicense.get('country').value,\n this.frmMultiLicense.get('applicationType').value,\n this.frmMultiLicense.get('vmsType').value,\n this.frmMultiLicense.get('code').value,\n licenseTypeName,\n modelName,\n this.frmMultiLicense.get('macAddress').value,\n this.frmMultiLicense.get('description').value\n )\n .subscribe(\n (response: any) => {\n if (response.status) {\n // window.open(\n // `${this.baseUrl}/Generate/File?id=${response.resultObj}`,\n // '_blank'\n // );\n this.hasError = true;\n if(this.frmMulti['vmsType'].value ==='Else') {\n this.errorMessage = 'Thank you for your submission. We will contact you and inform you as soon as possible.';\n }\n else {\n this.errorMessage = 'The download link has been sent to your email.';\n }\n } else {\n this.hasError = true;\n this.errorMessage = response.msg;\n }\n alert(this.errorMessage);\n this.spinnerSvc.hide();\n },\n (err: any) => {\n this.hasError = true;\n this.errorMessage = err.error.exceptionMessage;\n this.spinnerSvc.hide();\n }\n );\n\n this.resetFileInput();\n}\n\nfileChanged(event: any) {\n const reader = new FileReader();\n if (event.target.files && event.target.files.length) {\n console.log(event);\n const [file] = event.target.files;\n this.licenseFiles = [...this.licenseFiles, file];\n\n reader.readAsDataURL(file);\n reader.onload = () => {\n this.frmMultiLicense.patchValue({\n file: reader.result\n });\n this.cd.markForCheck();\n };\n }\n}\n\nresetFileInput() {\n this.licenseFiles = [];\n this.frmMultiLicense.get('licenseFile').reset();\n this.licenseFileElem.nativeElement.value = '';\n}\nonChange(value: any) {\n //this.MultValidators(this.frmMultiLicense.get('option').value);\n if(this.frmMulti['vmsType'].value ==='Else'){\n //this.frmMulti['code'].setValue('VisionObjectMetadataElse');\n this.generateVisible = false;\n this.codeVisible = false;\n this.TextboxVisible = false;\n this.fileuploadVisible = false;\n //this.frmMulti['code'].clearValidators();\n this.frmMulti['licenseFile'].clearValidators();\n this.frmMulti['licenseType'].clearValidators();\n this.frmMulti['modelName'].clearValidators();\n this.frmMulti['macAddress'].clearValidators();\n this.frmMulti['description'].setValidators([Validators.required,Validators.required, Validators.minLength(80),Validators.maxLength(300)]);\n }else{\n //this.frmMulti['code'].setValue('');\n this.frmMulti['option'].setValue('single');\n this.generateVisible = true;\n this.TextboxVisible = true;\n this.codeVisible = true;\n //this.frmMulti['code'].setValidators(Validators.required);\n this.frmMulti['licenseFile'].clearValidators();\n this.frmMulti['licenseType'].setValidators(Validators.required);\n this.frmMulti['modelName'].setValidators(Validators.required);\n this.frmMulti['macAddress'].setValidators(Validators.required);\n this.frmMulti['macAddress'].setValidators([Validators.required,Validators.pattern('^0002[dD]{1}1[A-Fa-f0-9]{6}$')]);\n this.frmMulti['description'].clearValidators();\n };\n //this.frmMulti['code'].updateValueAndValidity();\n this.frmMulti['licenseFile'].updateValueAndValidity();\n this.frmMulti['licenseType'].updateValueAndValidity();\n this.frmMulti['modelName'].updateValueAndValidity();\n this.frmMulti['macAddress'].updateValueAndValidity();\n this.frmMulti['description'].updateValueAndValidity();\n}\n// ApplyDisable() {\n// var b = !(this.frmMultiLicense.valid && this.frmMulti['licenseFile'].value !== null);\n// return b;\n// }\nApplyDisable() {\n // console.log(this.frmMulti['code'].value);\n // console.log(this.isFilled(this.frmMulti['licenseType'].value));\n // console.log(this.isFilled(this.frmMulti['modelName'].value));\n // console.log(this.isFilled(this.frmMulti['macAddress'].value));\n // // console.log(this.MacRequire());\n // if (!this.MacRequire() && !this.FileRequire()) {\n // return true;\n // }\n var b = !(this.frmMultiLicense.valid);\n return b;\n }\n MacRequire() {\n //console.log((!this.frmMulti['licenseType'].value && !this.frmMulti['modelName'].value && this.frmMulti['macAddress'].value));\n //return (this.frmMulti['licenseType'].value && this.frmMulti['modelName'].value && this.frmMulti['macAddress'].value);\n if (this.isFilled(this.frmMulti['licenseType'].value) &&\n this.isFilled(this.frmMulti['modelName'].value) &&\n this.isFilled(this.frmMulti['macAddress'].value)) {\n\n // 如果三个字段都不为空或空白\n return false;\n } else {\n // 如果其中有任何一个字段为空或空白\n return true;\n }\n }\n FileRequire() {\n return (this.frmMulti['licenseFile'].value === null);\n }\n isFilled(value: string | null): boolean {\n return value === null || value === '';\n }\n}\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { environment } from 'src/environments/environment';\r\nimport { Observable, throwError, of } from 'rxjs';\r\nimport { catchError, map } from 'rxjs/operators';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class CommonService {\r\n baseUrl: string = environment.baseUrl;\r\n constructor(private http: HttpClient) { }\r\n\r\n requestMultiLicenses(files: File[], email: string, company:string, contact:string, contactPersionPhone:string, country:string, applicationType:string) {\r\n const formData = new FormData();\r\n\r\n for (const file of files) {\r\n formData.append('csvFile', file, file.name);\r\n }\r\n\r\n formData.append('email', email);\r\n formData.append('company', company);\r\n formData.append('contact', contact);\r\n formData.append('contactPersionPhone', contactPersionPhone);\r\n formData.append('country', country);\r\n formData.append('applicationType', applicationType);\r\n\r\n return this.http\r\n .post(`${this.baseUrl}/Generate/Batch`, formData)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n requestVOMLicenses(files: File[], email: string, company:string, contact:string, contactPersionPhone:string, country:string\r\n , applicationType:string, vmsType:string, code:string, licenseType:string, modelName:string, macAddress:string\r\n , description:string) {\r\n const formData = new FormData();\r\n\r\n for (const file of files) {\r\n formData.append('csvFile', file, file.name);\r\n }\r\n\r\n formData.append('email', email);\r\n formData.append('company', company);\r\n formData.append('contact', contact);\r\n formData.append('contactPersionPhone', contactPersionPhone);\r\n formData.append('country', country);\r\n formData.append('applicationType', applicationType);\r\n formData.append('vmsType', vmsType);\r\n formData.append('code', code);\r\n formData.append('licenseType', licenseType);\r\n formData.append('modelName', modelName);\r\n formData.append('macAddress', macAddress);\r\n formData.append('description', description);\r\n\r\n return this.http\r\n .post(`${this.baseUrl}/Generate/VOMSendDownloadLink`, formData)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n requestSingleLicense(conditions: any): Observable
{\r\n return this.http\r\n .post(`${this.baseUrl}/Generate/Single`, conditions)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n generateVOMLicense(key: any): Observable {\r\n return this.http\r\n .get(`${this.baseUrl}/Generate/LicenseVOM?id=` + encodeURIComponent(key).replace(/%20/g, '+'))\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n requestSingleAndSendMailLicense(conditions: any): Observable {\r\n return this.http\r\n .post(`${this.baseUrl}/Generate/SingleAndSendMail`, conditions)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n getCodeTypes(): Observable {\r\n return this.http.get(`${this.baseUrl}/Code/All`).pipe(\r\n map((data: any) => data.resultObj),\r\n catchError(error => this.handleError(error))\r\n );\r\n }\r\n\r\n getCaptcha(): Observable {\r\n return this.http\r\n .get(`${this.baseUrl}/Generate/Captcha`)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n verifyCaptcha(model: { image: string; key: string }) {\r\n return this.http\r\n .post(`${this.baseUrl}/Generate/Captcha`, model)\r\n .pipe(catchError(error => this.handleError(error)));\r\n }\r\n\r\n private handleError(error: any) {\r\n console.log(`api-error`, error);\r\n return throwError(error);\r\n }\r\n}\r\n","export const environment = {\r\n production: true,\r\n baseUrl: 'https://license-api.vivotek.com' //https://license-api.vivotek.com http://localhost:56303/\r\n};\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n"],"sourceRoot":""}![\"\"](\"../assets/img/vivotek-logo-w.svg\")
\r\n ![\"\"](\"../assets/img/vivotek-logo-n-w.png\"){kind=logo}
\r\n