vivek/OneQlik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

New index report and some UI issue

Browse source
This commit is contained in:
Alex beart 2023-03-04 16:39:03 +05:30
parent 5dc54bfdb1
commit 55d79d1294
21 changed files with 908 additions and 142 deletions
Download patch file Download diff file Expand all files Collapse all files

94
src/app/kyc-approval/device-doc/device-doc.component.html
View file

@ -21,12 +21,12 @@
</thead>
<tbody>
<tr *ngFor="let item of imageDoc">
<td *ngIf="hasPdfFile(item.image); else pdfSection">
<td *ngIf="hasPdfFile(item.image); else pdfSection6">
<a target="_blank" [href]="'https://www.oneqlik.in'+item.image.substring(6)">
<i class="fas fa-file-pdf fa-3x pl-4"></i>
</a>
</td>
<ng-template #pdfSection>
<ng-template #pdfSection6>
<td>
<img *ngIf="item.image ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+item.image.substring(6)" (click)="openModal(template,item)">
@ -92,21 +92,51 @@
</thead>
<tr>
<td>State RTO Certificate</td>
<td>
<img style="width: 100px;" [src]="'https://www.oneqlik.in'+statePic.substring(6)"
<td *ngIf="hasPdfFile(statePic); else pdfSection7">
<a target="_blank" [href]="'https://www.oneqlik.in'+statePic.substring(6)">
<i class="fas fa-file-pdf fa-2x pl-4"></i>
</a>
</td>
<ng-template #pdfSection7>
<td>
<img *ngIf="statePic ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+statePic.substring(6)"
(click)="openModal1(template,statePic.substring(6))">
<ng-template #notAvaillableImg>Not Available</ng-template>
</td>
<td>
</ng-template>
<td>
{{state_certifcate_date |date:"medium"}}
</td>
</tr>
<tr>
<td>Vahan Certificate</td>
<td>
<img style="width: 100px;" [src]="'https://www.oneqlik.in'+vahanPic.substring(6)"
<td *ngIf="hasPdfFile(vahanPic); else pdfSection8">
<a target="_blank" [href]="'https://www.oneqlik.in'+vahanPic.substring(6)">
<i class="fas fa-file-pdf fa-2x pl-4"></i>
</a>
</td>
<ng-template #pdfSection8>
<td>
<img *ngIf="vahanPic ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+vahanPic.substring(6)"
(click)="openModal1(template,vahanPic.substring(6))">
</td>
<ng-template #notAvaillableImg>Not Available</ng-template>
</td>
</ng-template>
<td>
{{vaahan_certifcate_date |date:"medium"}}
</td>
@ -127,18 +157,18 @@
</tr>
</thead>
<tr>
<td>State RTO Certificate</td>
<td>State RTO Certificate </td>
<td *ngIf="hasPdfFile(statePic); else pdfSection">
<td *ngIf="hasPdfFile(statePic); else pdfSection1">
<a target="_blank" [href]="'https://www.oneqlik.in'+statePic.substring(6)">
<i class="fas fa-file-pdf fa-2x pl-4"></i>
<i class="fas fa-file-pdf fa-2x"></i>
</a>
</td>
<ng-template #pdfSection>
<ng-template #pdfSection1>
<td>
<img *ngIf="statePic ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+statePic.substring(6)" (click)="openModal1(template,statePic.substring(6))">
<img *ngIf="statePic ; else notAvaillableImg" style="width: 40px;height: 35px;" [src]="'https://www.oneqlik.in'+statePic.substring(6)" (click)="openModal1(template,statePic.substring(6))">
<ng-template #notAvaillableImg>Not Available</ng-template>
</td>
@ -147,24 +177,33 @@
<td>
{{state_certifcate_date |date:"medium"}}
</td>
<td *ngIf="hasPdfFile(statePic); else pdfSection2">
<a target="_blank" [href]="'https://www.oneqlik.in'+statePic.substring(6)">
<i class="fas fa-download"></i>
</a>
</td>
<ng-template #pdfSection2>
<td>
<a (click)="downloadImage('https://www.oneqlik.in'+statePic.substring(6),'State_RTO_Certificate.jpg')" ><i class="fas fa-download"></i></a>
</td>
</ng-template>
<td>
<a (click)="downloadImage('https://www.oneqlik.in'+statePic.substring(6),'State_RTO_Certificate.jpg')" class="btn btn-primary btn-sm"><i class="fas fa-download"></i></a>
</td>
</tr>
<tr>
<td>Vahan Certificate</td>
<td *ngIf="hasPdfFile(vahanPic); else pdfSection">
<td *ngIf="hasPdfFile(vahanPic); else pdfSection3">
<a target="_blank" [href]="'https://www.oneqlik.in'+vahanPic.substring(6)">
<i class="fas fa-file-pdf fa-2x pl-4"></i>
<i class="fas fa-file-pdf fa-2x "></i>
</a>
</td>
<ng-template #pdfSection>
<ng-template #pdfSection3>
<td>
<img *ngIf="vahanPic ; else notAvaillableImg" style="width: 100px;" [src]="'https://www.oneqlik.in'+vahanPic.substring(6)" (click)="openModal1(template,vahanPic.substring(6))">
<img *ngIf="vahanPic ; else notAvaillableImg" style="width: 40px;height: 35px;" [src]="'https://www.oneqlik.in'+vahanPic.substring(6)" (click)="openModal1(template,vahanPic.substring(6))">
<ng-template #notAvaillableImg>Not Available</ng-template>
</td>
@ -173,9 +212,18 @@
<td>
{{vaahan_certifcate_date |date:"medium"}}
</td>
<td>
<a (click)="downloadImage('https://www.oneqlik.in'+vahanPic.substring(6),'Vahan_Certificate.jpg')" class="btn btn-primary btn-sm" ><i class="fas fa-download"></i></a>
</td>
<td *ngIf="hasPdfFile(vahanPic); else pdfSection4">
<a target="_blank" [href]="'https://www.oneqlik.in'+vahanPic.substring(6)">
<i class="fas fa-download"></i>
</a>
</td>
<ng-template #pdfSection4>
<td>
<a (click)="downloadImage('https://www.oneqlik.in'+vahanPic.substring(6),'Vahan_Certificate.jpg')" ><i class="fas fa-download"></i></a>
</td>
</ng-template>
</tr>
</table>

10
src/app/kyc-approval/device-doc/device-doc.component.ts
View file

@ -137,12 +137,11 @@ AddDocumentsField(addedRow:any){
console.log(this.imageuploadObject);
// console.log("ImageuploadObject=>",this.imageuploadObject);
}
selectedFile: File;
selectedFile: any = {};
statePic;
vahanPic
onFileChanged(event1,type) {
this.selectedFile = <File>event1.target.files[0];
console.log(this.selectedFile,type);
this.selectedFile[type] = <File>event1.target.files[0];
var fileToUpload = event1.target.files.item(0);
@ -172,15 +171,14 @@ onUpload(imgIndex) {
console.log(imgIndex);
console.log(this.imageuploadObject);
const fd = new FormData();
console.log("selected file name =>",this.selectedFile.name);
if(this.selectedFile.name == " "){
if( !(this.selectedFile[imgIndex] && this.selectedFile[imgIndex].name)){
swal(
'Upload Error',
'Please select document type before upload !!!',
'error'
)
}else{
fd.append('photo',this.selectedFile,this.selectedFile.name)
fd.append('photo',this.selectedFile[imgIndex],this.selectedFile[imgIndex].name)
console.log("imgURL=>",fd) ;
this.Load = true;
this.contactService.imageupload(fd)