diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html index 23299ad72..e624a511a 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html @@ -744,16 +744,20 @@ - - + +
+
+ +
+
@@ -1130,6 +1134,21 @@ + + + + + + + + + + + + + + + Seasonality @@ -1291,16 +1310,24 @@ - + + + +
+
+ +
+
+ diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.ts index fd8d7f821..56a8e8296 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.ts @@ -324,6 +324,8 @@ export class BusinessInfoComponent implements OnInit { }); if(selectedRetail.length > 0) { selectedRetail.length > 0 ? this.businessForm.addControl('export_import_cert', new FormControl('', Validators.required)) : this.businessForm.removeControl('export_import_cert'); + selectedRetail.length > 0 ? this.businessForm.addControl('applicant_use_mobile_wallets', new FormControl('')) : this.businessForm.removeControl('applicant_use_mobile_wallets'); + selectedRetail.length > 0 ? this.businessForm.addControl('applicant_use_pos_machines', new FormControl('')) : this.businessForm.removeControl('applicant_use_pos_machines'); selectedRetail.forEach((element,index)=>{ retailControl.push(this.createActivity()); if(element.area_of_sale=='Within India'){ @@ -383,6 +385,8 @@ export class BusinessInfoComponent implements OnInit { }); if(selectedWholesale.length > 0) { selectedWholesale.length > 0 ? this.businessForm.addControl('export_import_cert', new FormControl('', Validators.required)) : this.businessForm.removeControl('export_import_cert'); + selectedWholesale.length > 0 ? this.businessForm.addControl('applicant_use_mobile_wallets', new FormControl('')) : this.businessForm.removeControl('applicant_use_mobile_wallets'); + selectedWholesale.length > 0 ? this.businessForm.addControl('applicant_use_pos_machines', new FormControl('')) : this.businessForm.removeControl('applicant_use_pos_machines'); selectedWholesale.forEach((element,index)=>{ wholesaleControl.push(this.createActivity()); if(element.area_of_sale=='Within India'){ @@ -444,7 +448,8 @@ export class BusinessInfoComponent implements OnInit { }); if(selectedService.length > 0) { selectedService.length > 0 ? this.businessForm.addControl('practice_cert', new FormControl('', Validators.required)) : this.businessForm.removeControl('practice_cert'); - + selectedService.length > 0 ? this.businessForm.addControl('applicant_use_mobile_wallets', new FormControl('')) : this.businessForm.removeControl('applicant_use_mobile_wallets'); + selectedService.length > 0 ? this.businessForm.addControl('applicant_use_pos_machines', new FormControl('')) : this.businessForm.removeControl('applicant_use_pos_machines'); selectedService.forEach((element,index)=>{ serviceProviderControl.push(this.createServiceActivity()); if(element.area_of_sale=='Within India'){ @@ -659,6 +664,12 @@ export class BusinessInfoComponent implements OnInit { this.businessForm.value.manufacturing_activity_details.length > 0 || this.businessForm.value.retail_trading_activity_details.length > 0 || this.businessForm.value.wholesale_trading_activity_details.length > 0 ? this.businessForm.addControl('export_import_cert', new FormControl(this.businessForm.value.export_import_cert, Validators.required)) : this.businessForm.removeControl('export_import_cert'); this.businessForm.value.manufacturing_activity_details.length > 0 ? this.businessForm.addControl('factory_cert', new FormControl(this.businessForm.value.factory_cert, Validators.required)) : this.businessForm.removeControl('factory_cert'); this.businessForm.value.service_provider_activity_details.length > 0 ? this.businessForm.addControl('practice_cert', new FormControl(this.businessForm.value.practice_cert, Validators.required)) : this.businessForm.removeControl('practice_cert'); + // check activity for extra question make dynamic + + this.businessForm.value.service_provider_activity_details.length > 0 || this.businessForm.value.retail_trading_activity_details.length > 0 || this.businessForm.value.wholesale_trading_activity_details.length > 0 ? this.businessForm.addControl('applicant_use_mobile_wallets', new FormControl(this.businessForm.value.applicant_use_mobile_wallets)) : this.businessForm.removeControl('applicant_use_mobile_wallets'); + this.businessForm.value.service_provider_activity_details.length > 0 || this.businessForm.value.retail_trading_activity_details.length > 0 || this.businessForm.value.wholesale_trading_activity_details.length > 0 ? this.businessForm.addControl('applicant_use_pos_machines', new FormControl(this.businessForm.value.applicant_use_pos_machines)) : this.businessForm.removeControl('applicant_use_pos_machines'); + + } // change area of sale options in manufacturing diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.html index e66657954..cba7fb278 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.html @@ -16,35 +16,60 @@
Product #{{l+1}}
-
- - - +
+ {{ pm.name }} + - + - - +
+
+ + + + {{tl.name}} + + + + + + + + Select + + {{comrelShip.name}} + + Not Applicable + +
- - + + - + + +   -   + + + +
+
+ {{ pm.name }} - - + +
@@ -55,17 +80,20 @@
-
- - +
+ +
+
+
+ + -
- -
-
+ + @@ -76,8 +104,8 @@
Trading Product #{{l+1}}
-
- +
+ {{ pm.name }} @@ -85,24 +113,51 @@ - + - - +
+
+ + + + {{tl.name}} + + + + + + + + Select + + {{comrelShip.name}} + + Not Applicable + +
- - + + - + + +   -   + + + +
+
+ + {{ pm.name }} - - + +
@@ -113,16 +168,18 @@
-
- - - -
- -
-
+
+
+ +
+
+
+ + + +
@@ -136,32 +193,58 @@
Service Provided #{{l+1}}
- + {{ pm.name }} + + + +
+
- - - - - + + + + {{tl.name}} + + + + + + + + Select + + {{comrelShip.name}} + + Not Applicable + +
- - + + - + + +   -   + + + +
+
+ {{ pm.name }} - - + +
@@ -172,17 +255,20 @@
-
- - - -
- -
+
+
+ +
+
+
+ + + +
+
- diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.ts index e8fc68ee6..991802e81 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.ts @@ -41,7 +41,8 @@ export class ClientInfoComponent implements OnInit { public m_paymentModeType = []; private notifier: NotifierService; - + companyRelationShipList: any=[]; + titleList: any=[]; public m_manufacturingProducts = [ { @@ -75,7 +76,7 @@ export class ClientInfoComponent implements OnInit { notifier: NotifierService, private _formBuilder: FormBuilder, private pdTrigerService: PdTrigerService, - @Inject(MAT_DIALOG_DATA) public pd_all_details: any) { + @Inject(MAT_DIALOG_DATA) public pd_all_details: any, private dialogRef: MatDialogRef) { this.pdid = this.pd_all_details.pdmaster_details.pd_id; this.form_id = 2; this.company_id = this.pd_all_details.company_id; @@ -128,9 +129,9 @@ export class ClientInfoComponent implements OnInit { // ] // }; let datas = data.records; - this.m_manufacturingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 1 ){return data}}).map(data=> [...data.prodcuts]); - this.m_tradingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 3 ){return data}}).map(data=> [...data.prodcuts]); - this.m_suplierProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 4 ){return data}}).map(data=> [...data.prodcuts]); + this.m_manufacturingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 2 ){return data}}).map(data=> [...data.prodcuts]); + this.m_tradingProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 4){return data}}).map(data=> [...data.prodcuts]); + this.m_suplierProducts = datas.type_of_activity.filter(data=>{if(data.type_of_activity_id == 5 ){return data}}).map(data=> [...data.prodcuts]); // alert(JSON.stringify(this.m_manufacturingProducts[0])); this.initFormLoadDetails(datas.type_of_activity); }else { @@ -147,6 +148,8 @@ export class ClientInfoComponent implements OnInit { // this.getM_FreqOfPurchase(); this.getM_PaymentModeType(); // this.getPdSupplierFormDetails(); + this.getMasterDetails('COMPANYRELATIONSHIPS',1); + this.getMasterDetails('TITLES',2); } retaildTradingForm: Boolean = false; @@ -171,7 +174,7 @@ export class ClientInfoComponent implements OnInit { // wholesale_trade_details: this._formBuilder.array([this.tradingFormCreation(record)]), }); // Load form details for manufacturing - let arr = record.filter(data => data.type_of_activity_id == 1); + let arr = record.filter(data => data.type_of_activity_id == 2); if (arr.length > 0) { // let api_main_raw_materials = Object.keys(dataForm.main_raw_materials).map(function (key) { // return dataForm.main_raw_materials[key]; @@ -183,7 +186,7 @@ export class ClientInfoComponent implements OnInit { } // Load form details for the wholeshale trading details - let arr1 = record.filter(data => data.type_of_activity_id == 3); + let arr1 = record.filter(data => data.type_of_activity_id == 4); if (arr1.length > 0) { // let api_trading_products = Object.keys(dataForm.trading_products).map(function (key) { // return dataForm.trading_products[key]; @@ -195,7 +198,7 @@ export class ClientInfoComponent implements OnInit { } // Load form details for the service provider prduct details - let arr2 = record.filter(data => data.type_of_activity_id == 4); + let arr2 = record.filter(data => data.type_of_activity_id == 5); if (arr2.length > 0) { // let api_service_provider_products = Object.keys(dataForm.service_products).map(function (key) { // return dataForm.service_products[key]; @@ -205,7 +208,7 @@ export class ClientInfoComponent implements OnInit { this._supplierQuesFrom.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(dataForm.service_provider_details[0].service_products_total_payments_percent_on_credit || null); } // Load form details for the retail trading details - let arr3 = record.filter(data => data.type_of_activity_id == 2); + let arr3 = record.filter(data => data.type_of_activity_id == 3); if (arr3.length > 0) { this.retaildTradingForm = true; } @@ -214,23 +217,24 @@ export class ClientInfoComponent implements OnInit { this._supplierQuesFrom = this._formBuilder.group({ pdid: [this.pdid], formid: ['2'], + company_id:[this.company_id], manufacturing_details: this._formBuilder.array([this.manufacturingFormCreation(record)]), trade_details: this._formBuilder.array([this.tradingFormCreation(record)]), service_provider_details: this._formBuilder.array([this.serviceProviderFormCreation(record)]), supplier_info_form_remark: [dataForm.supplier_info_form_remark || null] // wholesale_trade_details: this._formBuilder.array([this.tradingFormCreation(record)]), }); - let arr = record.filter(data => data.type_of_activity_id == 1); + let arr = record.filter(data => data.type_of_activity_id == 2); if (arr.length > 0) { this.initManufacturingProductsDetails(null); this._supplierQuesFrom.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null); } - let arr1 = record.filter(data => data.type_of_activity_id == 3); + let arr1 = record.filter(data => data.type_of_activity_id == 4); if (arr1.length > 0) { this.initTradingProductsDetails(null); this._supplierQuesFrom.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(null); } - let arr2 = record.filter(data => data.type_of_activity_id == 4); + let arr2 = record.filter(data => data.type_of_activity_id == 5); if (arr2.length > 0) { let api_service_provider_products = Object.keys(dataForm.service_products).map(function (key) { return dataForm.service_products[key]; @@ -239,7 +243,7 @@ export class ClientInfoComponent implements OnInit { this._supplierQuesFrom.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(null); } // Load form details for the retail trading details - let arr3 = record.filter(data => data.type_of_activity_id == 2); + let arr3 = record.filter(data => data.type_of_activity_id == 3); if (arr3.length > 0) { this.retaildTradingForm = true; } @@ -256,23 +260,23 @@ export class ClientInfoComponent implements OnInit { supplier_info_form_remark: [] // wholesale_trade_details: this._formBuilder.array([this.tradingFormCreation(record)]), }); - let arr = record.filter(data => data.type_of_activity_id == 1); + let arr = record.filter(data => data.type_of_activity_id == 2); if (arr.length > 0) { this.initManufacturingProductsDetails(null); this._supplierQuesFrom.controls['manufacturing_details']['controls'][0].controls['main_raw_materials_total_payments_percent_on_credit'].setValue(null); } - let arr1 = record.filter(data => data.type_of_activity_id == 3); + let arr1 = record.filter(data => data.type_of_activity_id == 4); if (arr1.length > 0) { this.initTradingProductsDetails(null); this._supplierQuesFrom.controls['trade_details']['controls'][0].controls['trading_products_total_payments_percent_on_credit'].setValue(null); } - let arr2 = record.filter(data => data.type_of_activity_id == 4); + let arr2 = record.filter(data => data.type_of_activity_id == 5); if (arr2.length > 0) { this.initServiceProviderProductsDetails(null); this._supplierQuesFrom.controls['service_provider_details']['controls'][0].controls['service_products_total_payments_percent_on_credit'].setValue(null); } // Load form details for the retail trading details - let arr3 = record.filter(data => data.type_of_activity_id == 2); + let arr3 = record.filter(data => data.type_of_activity_id == 3); if (arr3.length > 0) { this.retaildTradingForm = true; } @@ -287,7 +291,7 @@ export class ClientInfoComponent implements OnInit { manufacturingForm: Boolean = false; manufacturingFormCreation(val) { - let arr = val.filter(data => data.type_of_activity_id == 1); + let arr = val.filter(data => data.type_of_activity_id == 2); if (arr.length > 0) { this.manufacturingForm = true; return this._formBuilder.group({ @@ -302,7 +306,7 @@ export class ClientInfoComponent implements OnInit { tradingForm: Boolean = false; tradingFormCreation(val) { - let arr = val.filter(data => data.type_of_activity_id == 3); + let arr = val.filter(data => data.type_of_activity_id == 4); if (arr.length > 0) { this.tradingForm = true; return this._formBuilder.group({ @@ -316,7 +320,7 @@ export class ClientInfoComponent implements OnInit { serviceProviderForm: Boolean = false; serviceProviderFormCreation(val) { - let arr = val.filter(data => data.type_of_activity_id == 4); + let arr = val.filter(data => data.type_of_activity_id == 5); if (arr.length > 0) { this.serviceProviderForm = true; return this._formBuilder.group({ @@ -345,18 +349,26 @@ export class ClientInfoComponent implements OnInit { manufacturing_product_name: [''], manufacturing_client_name: [''], manufacturing_contact_person_name: [''], - manufacturing_contact_person_mobile_number: [''], + manufacturing_contact_person_mobile_number: ['',Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], manufacturing_payment_type: [''], manufacturing_credit_days: [''], + person_title_name:[''], + person_designation:[''], + person_stdcode:['', Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:['', Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } else { return this._formBuilder.group({ manufacturing_product_name: [records.manufacturing_product_name || null], manufacturing_client_name: [records.manufacturing_client_name || null], manufacturing_contact_person_name: [records.manufacturing_contact_person_name || null], - manufacturing_contact_person_mobile_number: [records.manufacturing_contact_person_mobile_number || null], + manufacturing_contact_person_mobile_number: [records.manufacturing_contact_person_mobile_number || null,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], manufacturing_payment_type: [records.manufacturing_payment_type || null], manufacturing_credit_days: [records.manufacturing_credit_days || null], + person_title_name:[records.person_title_name || null], + person_designation:[records.person_designation || null], + person_stdcode:[records.person_stdcode || null, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:[records.person_landline || null, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } } @@ -378,20 +390,28 @@ export class ClientInfoComponent implements OnInit { trade_product_name: [''], trade_client_name: [''], trade_product_contact_person_name: [''], - trade_product_contact_person_mobile_number: [''], + trade_product_contact_person_mobile_number: ['',Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], trade_product_payment_type: [''], trade_product_frequency_of_purchase: [''], trade_product_credit_days: [''], + person_title_name:[''], + person_designation:[''], + person_stdcode:['', Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:['', Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } else { return this._formBuilder.group({ trade_product_name: [records.trade_product_name], trade_client_name: [records.trade_client_name], trade_product_contact_person_name: [records.trade_product_contact_person_name], - trade_product_contact_person_mobile_number: [records.trade_product_contact_person_mobile_number], + trade_product_contact_person_mobile_number: [records.trade_product_contact_person_mobile_number,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], trade_product_payment_type: [records.trade_product_payment_type], trade_product_frequency_of_purchase: [records.trade_product_frequency_of_purchase], trade_product_credit_days: [records.trade_product_credit_days], + person_title_name:[records.person_title_name || null], + person_designation:[records.person_designation || null], + person_stdcode:[records.person_stdcode || null, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:[records.person_landline || null, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } } @@ -413,20 +433,28 @@ export class ClientInfoComponent implements OnInit { service_provider_product_name: [''], service_provider_client_name: [''], service_provider_product_contact_person_name: [''], - service_provider_product_contact_person_mobile_number: [''], + service_provider_product_contact_person_mobile_number: ['',Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], service_provider_product_payment_type: [''], service_provider_product_frequency_of_purchase: [''], service_provider_product_credit_days: [''], + person_title_name:[''], + person_designation:[''], + person_stdcode:['', Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:['', Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } else { return this._formBuilder.group({ service_provider_product_name: [records.service_provider_product_name], service_provider_client_name: [records.service_provider_client_name], service_provider_product_contact_person_name: [records.service_provider_product_contact_person_name], - service_provider_product_contact_person_mobile_number: [records.service_provider_product_contact_person_mobile_number], + service_provider_product_contact_person_mobile_number: [records.service_provider_product_contact_person_mobile_number,Validators.compose([Validators.minLength(10),Validators.maxLength(10)])], service_provider_product_payment_type: [records.service_provider_product_payment_type], service_provider_product_frequency_of_purchase: [records.service_provider_product_frequency_of_purchase], service_provider_product_credit_days: [records.service_provider_product_credit_days], + person_title_name:[records.person_title_name || null], + person_designation:[records.person_designation || null], + person_stdcode:[records.person_stdcode || null, Validators.compose([Validators.minLength(3),Validators.maxLength(5),Validators.pattern('^[0-9]*$')])], + person_landline:[records.person_landline || null, Validators.compose([Validators.minLength(6),Validators.maxLength(8),Validators.pattern('^[0-9]*$')])], }) } } @@ -494,6 +522,25 @@ export class ClientInfoComponent implements OnInit { ) } + // get all master details + getMasterDetails(table:string,type:number){ + this.pdTrigerService.getAllMasterDatas(table).subscribe( + data => { + if (data.dataStatus) { + if(type==1){ + this.companyRelationShipList=data.records.filter(item => item.name != 'Others'); + + } + if(type==2){ + this.titleList=data.records.filter(val=>val.isactive==1); + + } + + + } + }, error => this.errorMessage = error); + } + // ================== @@ -502,6 +549,7 @@ export class ClientInfoComponent implements OnInit { this.submitted = true; // stop here if form is invalid if (this._supplierQuesFrom.invalid) { + this.notifier.notify('warning', 'Please Check All Mandatory Fields.!'); return; } else { var answerFormValues = this._supplierQuesFrom.value; @@ -522,7 +570,10 @@ export class ClientInfoComponent implements OnInit { dataresult => { if (dataresult.status == 200) { // console.log(dataresult); - this.notifier.notify('success', 'Record Saved Successfully.!'); + this.notifier.notify('success', 'Saved Successfully.!'); + setTimeout(() =>{ + this.dialogRef.close(); + },3000); // this.dialogRef.close(); // alert("sample alert for Saving"); } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html index 7da7ce2d6..6fec2b84d 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html @@ -34,7 +34,7 @@ - + @@ -65,7 +65,7 @@ - + @@ -77,7 +77,6 @@ -
-
@@ -162,7 +160,6 @@ -
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.ts index 04edcbf9f..3a056c536 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.ts @@ -412,6 +412,8 @@ export class SupplierInfoComponent implements OnInit { this.submitted = true; // stop here if form is invalid if (this._supplierQuesFrom.invalid) { + this.notifier.notify('warning', 'Please Check All Mandatory Fields.!'); + return; } else { var answerFormValues = this._supplierQuesFrom.value;