inline image changes :ps
This commit is contained in:
parent
04cc170b41
commit
54ab40eca3
File diff suppressed because one or more lines are too long
@ -105,4 +105,4 @@
|
||||
"android"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
33193
platforms/android/app/src/main/assets/www/build/main.css
Executable file → Normal file
33193
platforms/android/app/src/main/assets/www/build/main.css
Executable file → Normal file
File diff suppressed because one or more lines are too long
25787
platforms/android/app/src/main/assets/www/build/main.js
Executable file → Normal file
25787
platforms/android/app/src/main/assets/www/build/main.js
Executable file → Normal file
File diff suppressed because one or more lines are too long
0
platforms/android/app/src/main/assets/www/build/polyfills.js
Executable file → Normal file
0
platforms/android/app/src/main/assets/www/build/polyfills.js
Executable file → Normal file
0
platforms/android/app/src/main/assets/www/build/sw-toolbox.js
Executable file → Normal file
0
platforms/android/app/src/main/assets/www/build/sw-toolbox.js
Executable file → Normal file
203814
platforms/android/app/src/main/assets/www/build/vendor.js
Executable file → Normal file
203814
platforms/android/app/src/main/assets/www/build/vendor.js
Executable file → Normal file
File diff suppressed because one or more lines are too long
@ -135,7 +135,7 @@ checkOtpAccess:boolean = false;
|
||||
|
||||
ionViewDidLoad() {
|
||||
this.setPermission();
|
||||
|
||||
console.log('ionViewDidLoad InputPage');
|
||||
}
|
||||
ionViewCanLeave()
|
||||
{
|
||||
|
||||
@ -211,6 +211,19 @@
|
||||
<input matInput placeholder="Specify UOM" formControlName="uom_others"
|
||||
autocomplete="off">
|
||||
</mat-form-field>
|
||||
<!--
|
||||
<div float-right>
|
||||
<div *ngIf="item.get('address_pic').value !== ''" >
|
||||
<img src="{{indi.get('address_pic').value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="item.get('address_pic').value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Address
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(indi,2)"></ion-icon>
|
||||
</div>
|
||||
</div> -->
|
||||
<!--
|
||||
|
||||
<div fxLayout="column" fxLayoutAlign="start stretch">
|
||||
|
||||
@ -1526,86 +1526,211 @@
|
||||
<mat-card-title>Documents Sighted </mat-card-title>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<p>Shop and Est Act Cert</p>
|
||||
<mat-radio-group formControlName="shop_eat_act_cert" (change)="radioChange($event,1)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['shop_eat_act_cert'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['shop_eat_act_cert_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['shop_eat_act_cert_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['shop_eat_act_cert_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Shop and Est Act Cert
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(1)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<p>GST Regn Cert</p>
|
||||
<mat-radio-group formControlName="gst_Regn_cert" (change)="radioChange($event,2)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
<p>Shop and Est Act Cert</p>
|
||||
<mat-radio-group formControlName="shop_eat_act_cert">
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['gst_Regn_cert'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['gst_Regn_cert_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['gst_Regn_cert_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['gst_Regn_cert_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> GST Regn Cert
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(2)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row *ngIf="businessForm.controls['export_import_cert']">
|
||||
<ion-col>
|
||||
<p>Export / Import cert</p>
|
||||
<mat-radio-group formControlName="export_import_cert" (change)="radioChange($event,3)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
</mat-radio-group>
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['export_import_cert'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['export_import_cert_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['export_import_cert_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['export_import_cert_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Export / Import cert
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(3)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row *ngIf="businessForm.controls['factory_cert']">
|
||||
<ion-col>
|
||||
|
||||
<p>Factory Cert</p>
|
||||
<mat-radio-group formControlName="factory_cert" (change)="radioChange($event,4)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['factory_cert'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['factory_cert_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['factory_cert_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['factory_cert_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Factory Cert
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(4)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row *ngIf="businessForm.controls['practice_cert']">
|
||||
<ion-col>
|
||||
<p>Cert of Practice</p>
|
||||
<mat-radio-group formControlName="practice_cert" (change)="radioChange($event,5)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
<p>GST Regn Cert</p>
|
||||
<mat-radio-group formControlName="gst_Regn_cert">
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['practice_cert'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['practice_cert_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['practice_cert_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['practice_cert_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Cert of Practice
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(5)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<p>PF Regn</p>
|
||||
<mat-radio-group formControlName="pf_regn" (change)="radioChange($event,6)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
</mat-radio-group>
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['pf_regn'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['pf_regn_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['pf_regn_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['pf_regn_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> PF Regn
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(6)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<div *ngIf="businessForm.controls['export_import_cert']">
|
||||
<p>Export / Import cert</p>
|
||||
<mat-radio-group formControlName="export_import_cert">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
</mat-radio-group>
|
||||
</div>
|
||||
|
||||
<div *ngIf="businessForm.controls['factory_cert']">
|
||||
<p>Factory Cert</p>
|
||||
<mat-radio-group formControlName="factory_cert">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
</div>
|
||||
|
||||
<div *ngIf="businessForm.controls['practice_cert']">
|
||||
|
||||
|
||||
<p>Cert of Practice</p>
|
||||
<mat-radio-group formControlName="practice_cert">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
</mat-radio-group>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<p>PF Regn</p>
|
||||
<mat-radio-group formControlName="pf_regn">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
|
||||
|
||||
</mat-radio-group>
|
||||
|
||||
<p>ESIC Regn</p>
|
||||
<mat-radio-group formControlName="esic_regn">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<p>ESIC Regn</p>
|
||||
<mat-radio-group formControlName="esic_regn" (change)="radioChange($event,7)">
|
||||
|
||||
<mat-radio-button value="yes">Yes</mat-radio-button>
|
||||
<mat-radio-button value="no">No</mat-radio-button>
|
||||
<mat-radio-button value="not applicable">NA</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<div float-right *ngIf="businessForm.controls['esic_regn'].value == 'yes'">
|
||||
<br>
|
||||
<div *ngIf="businessForm.controls['esic_regn_pic'].value !== ''" >
|
||||
<img src="{{businessForm.controls['esic_regn_pic'].value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="businessForm.controls['esic_regn_pic'].value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> ESIC Regn
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(7)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
</ion-grid>
|
||||
|
||||
<p>Do You Want to Add Other Documents?</p>
|
||||
<mat-radio-group formControlName="other_documents">
|
||||
|
||||
@ -137,7 +137,8 @@ export class PdQuestionBusinessInfoPage {
|
||||
was_the_company_name_board_sighted:['',Validators.compose([Validators.required])],
|
||||
officer_total: ['', Validators.compose([Validators.required])],
|
||||
shop_eat_act_cert: [''],
|
||||
gst_Regn_cert: [''],
|
||||
shop_eat_act_cert_pic:[''],
|
||||
gst_Regn_cert: [''],
|
||||
//export_import_cert: [''],
|
||||
// factory_cert: [''],
|
||||
//practice_cert: [''],
|
||||
@ -297,6 +298,7 @@ changeOfStartedBusiness(members,i,e){
|
||||
//max_sale_state.push(this.maxSaleState())
|
||||
|
||||
if(data['status']==200){
|
||||
|
||||
let DocArray: any;
|
||||
let PartnrArray=Object.keys(data['records'].partners).map(function(key){
|
||||
return data['records'].partners[key];
|
||||
@ -755,7 +757,10 @@ changeOfStartedBusiness(members,i,e){
|
||||
this.businessForm.addControl('peak_period_of_business', new FormControl('', Validators.required));
|
||||
this.businessForm.addControl('month_of_business_run', new FormControl('', Validators.required)); }
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
// this.businessForm.controls['partners'].setValue(PartnrArray);
|
||||
//this.businessForm.controls['persons_with_relationships'].setValue(PartnrArray1)
|
||||
@ -774,12 +779,21 @@ changeOfStartedBusiness(members,i,e){
|
||||
posControl.push(this.createPOSMachinesDetails(businessVal.pos_machines_details));
|
||||
}
|
||||
}
|
||||
|
||||
console.log('businessVal',businessVal);
|
||||
if(data['records'].gst_Regn_cert =='yes'){ this.businessForm.addControl('gst_Regn_cert_pic', new FormControl('')); }else{ this.businessForm.removeControl('gst_Regn_cert_pic');}
|
||||
if(data['records'].factory_cert =='yes'){ this.businessForm.addControl('factory_cert_pic', new FormControl('')); }else{ this.businessForm.removeControl('factory_cert_pic');}
|
||||
if(data['records'].practice_cert_cert =='yes'){ this.businessForm.addControl('practice_cert_pic', new FormControl('')); }else{ this.businessForm.removeControl('practice_cert_pic');}
|
||||
if(data['records'].shop_eat_act_cert =='yes'){ alert('if control'); this.businessForm.addControl('shop_eat_act_cert_pic', new FormControl('')); }else{ this.businessForm.removeControl('shop_eat_act_cert_pic');}
|
||||
if(data['records'].pf_regn =='yes'){ this.businessForm.addControl('pf_regn_pic', new FormControl('')); }else{ this.businessForm.removeControl('pf_regn_pic');}
|
||||
if(data['records'].esic_regn =='yes'){ this.businessForm.addControl('esic_regn_pic', new FormControl('')); }else{ this.businessForm.removeControl('esic_regn_pic');}
|
||||
if(data['records'].export_import_cert =='yes'){ this.businessForm.addControl('export_import_cert_pic', new FormControl('')); }else{ this.businessForm.removeControl('export_import_cert_pic');}
|
||||
|
||||
this.businessForm.setValue(businessVal);
|
||||
|
||||
|
||||
}
|
||||
else{
|
||||
console.log('console.log 2');
|
||||
Partnr.push(this.createPartners());
|
||||
control1.push(this.createRelationShip())
|
||||
|
||||
@ -797,12 +811,42 @@ changeOfStartedBusiness(members,i,e){
|
||||
}
|
||||
})
|
||||
// change business sessional
|
||||
this.businessForm.controls['seasonality'].valueChanges.subscribe(val => {
|
||||
this.businessForm.controls['seasonality'].valueChanges.subscribe(val => {
|
||||
val.toUpperCase()=='YES' ? this.businessForm.addControl('peak_period_of_business', new FormControl('', Validators.required)) : this.businessForm.removeControl('peak_period_of_business');
|
||||
val.toUpperCase()=='YES' ? this.businessForm.addControl('month_of_business_run', new FormControl('', Validators.required)) : this.businessForm.removeControl('month_of_business_run');
|
||||
});
|
||||
|
||||
|
||||
|
||||
// if(this.businessForm.controls['gst_Regn_cert']){
|
||||
// this.businessForm.controls['gst_Regn_cert'].valueChanges.subscribe(val => {
|
||||
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('gst_Regn_cert_pic', new FormControl('')) : this.businessForm.removeControl('gst_Regn_cert_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['factory_cert']){
|
||||
// this.businessForm.controls['factory_cert'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('factory_cert_pic', new FormControl('')) : this.businessForm.removeControl('factory_cert_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['practice_cert_cert']){
|
||||
// this.businessForm.controls['practice_cert_cert'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('practice_cert_pic', new FormControl('')) : this.businessForm.removeControl('practice_cert_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['shop_eat_act_cert']){
|
||||
// this.businessForm.controls['shop_eat_act_cert'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('shop_eat_act_cert_pic', new FormControl('')) : this.businessForm.removeControl('shop_eat_act_cert_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['pf_regn']){
|
||||
// this.businessForm.controls['pf_regn'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('pf_regn_pic', new FormControl('')) : this.businessForm.removeControl('pf_regn_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['esic_regn']){
|
||||
// this.businessForm.controls['esic_regn'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('esic_regn_pic', new FormControl('')) : this.businessForm.removeControl('esic_regn_pic');
|
||||
// });}
|
||||
// if(this.businessForm.controls['export_import_cert']){
|
||||
// this.businessForm.controls['export_import_cert'].valueChanges.subscribe(val => {
|
||||
// val.toUpperCase()=='YES' ? this.businessForm.addControl('export_import_cert_pic', new FormControl('')) : this.businessForm.removeControl('export_import_cert_pic');
|
||||
// });
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
filterCity(datasource: any,filterid:number) {
|
||||
@ -2241,7 +2285,33 @@ toGetPOSMachinesDetails(e,flag){
|
||||
value.get('partner_other_name').setValue(this.cons.sentenceCase(name));
|
||||
}
|
||||
|
||||
|
||||
|
||||
ImageUpload(Flag : any){
|
||||
// alert('Inside Mobile Upload Function' + Flag);
|
||||
|
||||
// alert('is_person_met_pic 1');
|
||||
this.cameraProvider.getpicture().then(res=>{
|
||||
|
||||
if(Flag == 1 ){ this.businessForm.controls.shop_eat_act_cert_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 2 ){ this.businessForm.controls.gst_Regn_cert_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 3 ){ this.businessForm.controls.export_import_cert_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 4 ){ this.businessForm.controls.factory_cert_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 5 ){ this.businessForm.controls.practice_cert_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 6 ){ this.businessForm.controls.pf_regn_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
if(Flag == 7 ){ this.businessForm.controls.esic_regn_pic.setValue(res != 'error' ? res : ''); alert('Inside Mobile Upload Function' + Flag);}
|
||||
|
||||
// console.table('1',this.businessForm.value);
|
||||
},error=>{
|
||||
console.log("Camera Error ",JSON.stringify(error));
|
||||
})
|
||||
}
|
||||
|
||||
radioChange(event,Flag){
|
||||
if(Flag == 1) {event.value =='yes' ? this.businessForm.addControl('shop_eat_act_cert_pic', new FormControl('')) : this.businessForm.removeControl('shop_eat_act_cert_pic');}
|
||||
if(Flag == 2) {event.value =='yes' ? this.businessForm.addControl('gst_Regn_cert_pic', new FormControl('')) : this.businessForm.removeControl('gst_Regn_cert_pic'); }
|
||||
if(Flag == 4) {event.value =='yes' ? this.businessForm.addControl('factory_cert_pic', new FormControl('')) : this.businessForm.removeControl('factory_cert_pic');}
|
||||
if(Flag == 5) {event.value =='yes' ? this.businessForm.addControl('practice_cert_pic', new FormControl('')) : this.businessForm.removeControl('practice_cert_pic');}
|
||||
if(Flag == 6) {event.value =='yes' ? this.businessForm.addControl('pf_regn_pic', new FormControl('')) : this.businessForm.removeControl('pf_regn_pic');}
|
||||
if(Flag == 7) {event.value =='yes' ? this.businessForm.addControl('esic_regn_pic', new FormControl('')) : this.businessForm.removeControl('esic_regn_pic');}
|
||||
if(Flag == 3) {event.value =='yes' ? this.businessForm.addControl('export_import_cert_pic', new FormControl('')) : this.businessForm.removeControl('export_import_cert_pic');}
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
<ion-grid *ngIf="imageDisplay.length >0 ">
|
||||
<ion-row>
|
||||
<ion-col col-6 *ngFor="let image of imageDisplay; let i=index" no-padding>
|
||||
<img src="{{image.image}}" imageViewer><br/>
|
||||
<img src="{{image.image}}" imageViewer class="doc-image-bucket"><br/>
|
||||
<label *ngIf="image.Name != ''"><strong>{{image.Name}}</strong></label>
|
||||
|
||||
<input *ngIf="image.Name =='' && image.option != 'dummy'" width="20px" ion-input type="text" placeholder="Document Name" (blur)="changeName($event.target.value,i,image.image)">
|
||||
@ -45,7 +45,7 @@
|
||||
<label style="font-size:14px;color:gray">Newly Captured Pics</label><br/>
|
||||
<ion-row>
|
||||
<ion-col col-6 *ngFor="let image of imageBucket; let i=index" no-padding>
|
||||
<img src="{{image.image}}" imageViewer><br/>
|
||||
<img src="{{image.image}}" imageViewer class="doc-image-bucket"><br/>
|
||||
<label *ngIf="image.Name != ''"><strong>{{image.Name}}</strong></label>
|
||||
|
||||
<input #focusName *ngIf="image.Name ==''" width="20px" ion-input type="text" placeholder="Document Name" (blur)="changeNameForBucket($event.target.value,i,image.image)">
|
||||
@ -66,17 +66,27 @@
|
||||
<ion-list formArrayName="list_value">
|
||||
<ion-item-sliding [formGroupName]="i" *ngFor="let item of generalForm.controls.list_value['controls']; let i=index">
|
||||
<ion-item>
|
||||
<ion-label>
|
||||
<h2 style="font-size: 18px !important;">{{item.get('applicant_name').value | titlecase}}</h2>
|
||||
<p>Age : {{item.get('age').value}}
|
||||
<span *ngIf="item.get('qualification_name').value != ''">
|
||||
<ion-icon name="school">
|
||||
</ion-icon>
|
||||
{{item.get('qualification_name').value}}</span></p>
|
||||
<p *ngIf="item.get('course_name').value != ''">
|
||||
<ion-icon name="copy"></ion-icon> {{item.get('course_name').value | titlecase}}
|
||||
</p>
|
||||
</ion-label>
|
||||
<ion-label>
|
||||
<ion-row>
|
||||
<ion-col class="avatar_col">
|
||||
<ion-avatar slot="start">
|
||||
<span *ngIf="item.get('is_person_met_pic').value ===''"><img src="../../../assets/img/avatar/girl-avatar.png" ></span>
|
||||
<span *ngIf="item.get('is_person_met_pic').value !==''"><img src="{{item.get('is_person_met_pic').value}}" ></span>
|
||||
</ion-avatar>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<h2 style="font-size: 16px !important;">{{item.get('applicant_name').value | titlecase}}</h2>
|
||||
<p style="font-size: 13px !important;">Age : {{item.get('age').value}}
|
||||
<span *ngIf="item.get('qualification_name').value != ''" style="font-size: 13px !important;">
|
||||
<ion-icon name="school">
|
||||
</ion-icon>
|
||||
{{item.get('qualification_name').value}}</span></p>
|
||||
<p *ngIf="item.get('course_name').value != ''" style="font-size: 13px !important;">
|
||||
<ion-icon name="copy"></ion-icon> {{item.get('course_name').value | titlecase}}
|
||||
</p>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-label>
|
||||
<!--<p><ion-icon name="school"></ion-icon> {{item.get('qualification').value}}</p>-->
|
||||
<button ion-button align="end" item-end small clear (click)="editIndividuals(i)">
|
||||
<ion-icon name="md-create"></ion-icon>
|
||||
@ -99,7 +109,6 @@
|
||||
</ion-list>
|
||||
<button ion-button color="danger" (click)="removeList(i,1)">
|
||||
<ion-icon name="trash"></ion-icon>
|
||||
|
||||
</button>
|
||||
|
||||
</ion-item-options>
|
||||
@ -161,9 +170,62 @@
|
||||
<input matInput placeholder="Qualification Details" formControlName="course_name">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_person_met">Is Person Met</mat-checkbox><br />
|
||||
<br />
|
||||
<mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_applicant">Is Applicant</mat-checkbox>
|
||||
|
||||
<ion-row class="igelabel">
|
||||
<ion-col>
|
||||
<mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_person_met">Is Person Met</mat-checkbox><br/>
|
||||
<br/>
|
||||
<mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_applicant">Is Applicant</mat-checkbox>
|
||||
<br/>
|
||||
</ion-col>
|
||||
<ion-col end *ngIf="indi.get('is_person_met').value === true ">
|
||||
|
||||
<!-- <div class="hoverdp" float-right>
|
||||
<div *ngIf="indi.get('is_person_met_pic').value !== ''" >
|
||||
<img src="{{indi.get('is_person_met_pic').value}}" imageViewer style="width: 80px;height:80px;border-radius: 50%;border:2px">
|
||||
</div>
|
||||
<div *ngIf="indi.get('is_person_met_pic').value === ''" >
|
||||
<img [src]="'https://image.ibb.co/mGjZB9/usernew.png'" style="width: 80px;height:80px;border-radius: 50%;border:2px">
|
||||
</div>
|
||||
<ion-icon style="color:#716462;position: absolute; top: 28%;left: 14.5%;" name="school"></ion-icon>
|
||||
</div> -->
|
||||
|
||||
<div float-right>
|
||||
<div *ngIf="indi.get('is_person_met_pic').value !== ''" >
|
||||
<img src="{{indi.get('is_person_met_pic').value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="indi.get('is_person_met_pic').value === ''" >
|
||||
<label style="display: block; text-align: center !important;"> Person Met
|
||||
Image </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon title="Click Here For Person Met Image" name="md-camera" (click)="ImageUpload(indi,1)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div *ngIf="indi.get('is_person_met_pic').value !== ''" float-right>
|
||||
<img src="{{indi.get('is_person_met_pic').value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div> -->
|
||||
</ion-col>
|
||||
<ion-col start *ngIf="indi.get('is_person_met').value === true ">
|
||||
<div float-left>
|
||||
<div *ngIf="indi.get('is_person_met_id_proof').value !== ''">
|
||||
<img src="{{indi.get('is_person_met_id_proof').value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div>
|
||||
<div *ngIf="indi.get('is_person_met_id_proof').value === ''" >
|
||||
<!-- <label style="text-align: -webkit-center;" > Person Met ID Proof </label> -->
|
||||
<label style="display: block; text-align: center !important;"> Person Met
|
||||
ID Proof </label>
|
||||
</div>
|
||||
<div style="text-align: -webkit-center;" >
|
||||
<ion-icon name="md-camera" title="Click Here For Person Met ID Proof" (click)="ImageUpload(indi,2)"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div *ngIf="indi.get('is_person_met_id_proof').value !== ''" float-left>
|
||||
<img src="{{indi.get('is_person_met_id_proof').value}}" imageViewer style ="width: 40px;height: 35px;">
|
||||
</div> -->
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col end>
|
||||
<button *ngIf="addIndi" float-right ion-button color="optblue" (click)="addParticular(1,indi)">Add</button>
|
||||
|
||||
@ -22,22 +22,27 @@ page-pd-question-general-info {
|
||||
zoom: 0.8;
|
||||
}
|
||||
/*FOR IMAGES*/
|
||||
img{
|
||||
padding:0 5px 0 0;
|
||||
height: 180px;
|
||||
.doc-image-bucket{
|
||||
padding:0 5px 0 0 !important;
|
||||
height: 180px !important;
|
||||
//width:130px;
|
||||
//border:3px solid black;
|
||||
//border-radius: 20px;
|
||||
//background-color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar_col{
|
||||
padding: 0px !important;
|
||||
height: 40px !important;
|
||||
width: 40px !important;
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
input{
|
||||
width: 100px;
|
||||
border-radius: 4px;
|
||||
border-color: gray;
|
||||
font-size: 12px;
|
||||
height: 28px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -162,7 +162,7 @@ export class PdQuestionGeneralInfoPage {
|
||||
|
||||
ionViewDidLoad() {
|
||||
// this.pd_applicants_details.pop();
|
||||
console.log('ionViewDidLoad PdQuestionGeneralInfoPage');
|
||||
console.log("%cionViewDidLoad, PdQuestionGeneralInfoPage","font-size:300%;color:purple;font-weight:bold;font-family:Mongoose;");
|
||||
this.getGeneralForm()
|
||||
this.getPDImages();
|
||||
|
||||
@ -175,7 +175,7 @@ export class PdQuestionGeneralInfoPage {
|
||||
}
|
||||
|
||||
ionViewCanLeave(){
|
||||
console.log("dirty",this.generalForm.dirty);
|
||||
console.table("dirty",this.generalForm.dirty);
|
||||
if(this.generalForm.dirty){
|
||||
|
||||
return new Promise((resolve,reject)=>{
|
||||
@ -244,9 +244,11 @@ export class PdQuestionGeneralInfoPage {
|
||||
{
|
||||
var c_qualification_name=this.qualificationById(val.qualification) // for getting qualification Name
|
||||
let formData:FormGroup=this.fb.group({
|
||||
applicant_title_name:[val.applicant_title_name],
|
||||
applicant_title_name:[val.applicant_title_name],
|
||||
applicant_name:[val.applicant_name],
|
||||
is_person_met:val.is_person_met,
|
||||
is_person_met_pic :val.is_person_met_pic,
|
||||
is_person_met_id_proof : val.is_person_met_id_proof,
|
||||
is_applicant:val.is_applicant,
|
||||
age:[val.age],
|
||||
qualification:[val.qualification],
|
||||
@ -274,6 +276,8 @@ export class PdQuestionGeneralInfoPage {
|
||||
applicant_title_name:[val.applicant_title_name],
|
||||
applicant_name:[val.applicant_name],
|
||||
is_person_met:val.is_person_met,
|
||||
is_person_met_pic:val.is_person_met_pic,
|
||||
is_person_met_id_proof:val.is_person_met_id_proof,
|
||||
is_applicant:val.is_applicant,
|
||||
age:[val.age],
|
||||
qualification:[val.qualification],
|
||||
@ -400,6 +404,8 @@ export class PdQuestionGeneralInfoPage {
|
||||
let formData : FormGroup=this.fb.group({
|
||||
applicant_name:['',Validators.required],
|
||||
is_person_met:false,
|
||||
is_person_met_pic:[''],
|
||||
is_person_met_id_proof:[''],
|
||||
is_applicant:false,
|
||||
age:[''],
|
||||
qualification:[''],
|
||||
@ -415,6 +421,8 @@ export class PdQuestionGeneralInfoPage {
|
||||
|
||||
applicant_name:[data.applicant_name,Validators.required],
|
||||
is_person_met:data.is_person_met,
|
||||
is_person_met_pic : data.is_person_met_pic,
|
||||
is_person_met_id_proof : data.is_person_met_id_proof,
|
||||
is_applicant:data.is_applicant,
|
||||
age:[data.age],
|
||||
qualification:[data.qualification],
|
||||
@ -614,6 +622,8 @@ dataobj:any;
|
||||
applicant_title_name:val.applicant_title_name,
|
||||
applicant_name:val.applicant_name,
|
||||
is_person_met:val.is_person_met,
|
||||
is_person_met_pic : val.is_person_met_pic,
|
||||
is_person_met_id_proof: val.is_person_met_id_proof,
|
||||
is_applicant:val.is_applicant,
|
||||
age:val.age,
|
||||
qualification:val.qualification,
|
||||
@ -1000,6 +1010,9 @@ temp: number = 0;
|
||||
|
||||
submitData(answerData)
|
||||
{
|
||||
console.table(this.generalForm.value);
|
||||
console.log(answerData);
|
||||
|
||||
console.log('1)',this.temp);
|
||||
let saveRecords:any={}
|
||||
var valuesData_indi:any=[]
|
||||
@ -1253,6 +1266,8 @@ console.log('1)',this.temp);
|
||||
this.pd_applicants_details.forEach((datas,index)=>{
|
||||
datas.is_applicant=true,
|
||||
datas.is_person_met = false;
|
||||
datas.is_person_met_pic = '';
|
||||
datas.is_person_met_id_proof = '';
|
||||
datas.is_new = false;
|
||||
datas.is_main_applicant = datas.applicant_type == '1' ? true : false;
|
||||
datas.is_active = true;
|
||||
@ -1261,6 +1276,7 @@ console.log('1)',this.temp);
|
||||
datas.age = '',
|
||||
datas.qualification = '',
|
||||
datas.course_name = ''
|
||||
|
||||
if (datas.company_name != '' && datas.company_name != null) {
|
||||
console.log("company");
|
||||
let setCompanyValues: any = { company_order_id: companyControl.controls.length + 1, company_name: datas.company_name, is_company_applicant: datas.is_company_applicant, business_entity_type: datas.business_entity_type, business_entity_type_other: datas.business_entity_type_other, business_years: datas.business_years, business_month: datas.business_month, business_date_object: datas.business_date_object, is_new: datas.is_new, is_active: true, associate_pd_id:this.pdDetails.pd_id }
|
||||
@ -1396,6 +1412,7 @@ console.log('1)',this.temp);
|
||||
|
||||
|
||||
}
|
||||
|
||||
sendImage(){
|
||||
this.loading.loaderForSendImage()
|
||||
console.log("ll",JSON.stringify(this.imageBucket));
|
||||
@ -1425,7 +1442,46 @@ console.log('1)',this.temp);
|
||||
console.log("val",value)
|
||||
let name=value.get('applicant_name').value
|
||||
value.get('applicant_name').setValue(this.cons.sentenceCase(name));
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
ImageUpload(control,Flag : any){
|
||||
// alert('Inside Mobile Upload Function' + Flag);
|
||||
if(Flag == 1){
|
||||
// alert('is_person_met_pic 1');
|
||||
this.cameraProvider.getpicture().then(res=>{
|
||||
// alert("Response 1" + res);
|
||||
if(res != 'error'){
|
||||
control.controls['is_person_met_pic'].setValue(res);
|
||||
alert(JSON.stringify(this.generalForm.value));
|
||||
// this.toast.pdTriggerappmessage('Flag 1 Success');
|
||||
}
|
||||
else{
|
||||
control.controls['is_person_met_pic'].setValue('');
|
||||
// this.toast.pdTriggerappmessage('Flag 1 Fail');
|
||||
}
|
||||
console.table('1',this.generalForm.value);
|
||||
},error=>{
|
||||
console.log("Camera Error ",JSON.stringify(error));
|
||||
})
|
||||
}
|
||||
else if(Flag == 2){
|
||||
// alert('is_person_met_id_proof 2');
|
||||
this.cameraProvider.getpicture().then(res=>{
|
||||
// alert("Response 2" + res);
|
||||
if(res != 'error'){
|
||||
control.controls['is_person_met_id_proof'].setValue(res);
|
||||
// alert(JSON.stringify(this.generalForm.value));
|
||||
// this.toast.pdTriggerappmessage('Flag 2 Success');
|
||||
}
|
||||
else{
|
||||
control.controls['is_person_met_id_proof'].setValue('');
|
||||
// this.toast.pdTriggerappmessage('Flag 2 Fail');
|
||||
}
|
||||
// console.table('1',this.generalForm.value);
|
||||
},error=>{
|
||||
console.log("Camera Error ",JSON.stringify(error));
|
||||
})
|
||||
}
|
||||
// console.table('Overall',this.generalForm.value);
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,7 +11,10 @@ import { Camera } from '@ionic-native/camera';
|
||||
export class CameraProvider {
|
||||
|
||||
constructor(public http: HttpClient,public camera:Camera) {
|
||||
console.log('Hello CameraProvider Provider');
|
||||
console.log(
|
||||
"%cWelcome, Camera Provider",
|
||||
"font-size:300%;color:purple;font-weight:bold;font-family:Mongoose; text-transform: uppercase;"
|
||||
);
|
||||
}
|
||||
getpicture()
|
||||
{
|
||||
|
||||
@ -32931,9 +32931,19 @@ page-pd-question-general-info ion-toggle {
|
||||
zoom: 0.8;
|
||||
}
|
||||
|
||||
page-pd-question-general-info img {
|
||||
padding: 0 5px 0 0;
|
||||
height: 180px;
|
||||
page-pd-question-general-info .doc-image-bucket {
|
||||
padding: 0 5px 0 0 !important;
|
||||
height: 180px !important;
|
||||
}
|
||||
|
||||
page-pd-question-general-info .avatar_col {
|
||||
padding: 0px !important;
|
||||
height: 40px !important;
|
||||
width: 40px !important;
|
||||
-webkit-box-flex: 0 !important;
|
||||
-webkit-flex-grow: 0 !important;
|
||||
-ms-flex-positive: 0 !important;
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
page-pd-question-general-info input {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user