inline image changes :ps

This commit is contained in:
venbatechnologies@gmail.com 2019-05-09 12:31:56 +05:30
parent 04cc170b41
commit 54ab40eca3
16 changed files with 263246 additions and 114 deletions

File diff suppressed because one or more lines are too long

View File

@ -105,4 +105,4 @@
"android"
]
}
}
}

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

File diff suppressed because one or more lines are too long

View File

View 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

View File

@ -135,7 +135,7 @@ checkOtpAccess:boolean = false;
ionViewDidLoad() {
this.setPermission();
console.log('ionViewDidLoad InputPage');
}
ionViewCanLeave()
{

View File

@ -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">

View File

@ -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">

View File

@ -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');}
}
}

View File

@ -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}}&nbsp;&nbsp;
<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>&nbsp; {{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}} &nbsp;
<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>&nbsp; {{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>

View File

@ -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;
}
}

View File

@ -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);
}
}

View File

@ -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()
{

View File

@ -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 {