Change KYC PDF format for nippon
This commit is contained in:
Alex beart
parent
e24269c2a5
commit
140263abd8
4 changed files with 514 additions and 346 deletions
|
|
@ -1,344 +1,420 @@
|
|||
<!-- <div style="height: 73vh;overflow: auto;" class="card-body .html2canvas-container" id="map2">
|
||||
<div class="row">
|
||||
<div style="position: relative;left:4px;" *ngIf="supAdmin.imageDoc">
|
||||
<img src="{{supAdmin.imageDoc}}" width="100px" height="100px">
|
||||
</div>
|
||||
<div style="position: relative;right: -671px;">
|
||||
<img src="{{imgURL}}" width="150px" height="150px">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h6 class="text-center mb-3">RTO COPY</h6>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
TAC Reg.No : 84399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Fitment Date : 4 September 2021
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
CoP No. : 84399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Fitment Renewal Date : 4 September 2021
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
CoP Validity upto : 4 September 2021
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h6 class="text-center mb-3">AIS 140 COMPLIANCE VLT INSTALLATION CERTIFICATE</h6>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Fitment Certificate : 84399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Device Model No. : NVT-1920
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Chassis No. : 84122399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
GNSS Module : NVdsaT-1920
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Engine No. : 84ss122399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Vahan ID : 84ss122399849
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Vehicle OEM : 84ss122399849
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Device IMEI : NVdsaT-1920
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Vehicle Model : WagnonR
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
GSM Module : NVdsaT-1920
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Vehicle Reg/temp : WagnonR
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
ICCID : 84ss122399849
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Voltage : 12V
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Primary SIM : 84122399849
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Panic Button Model : jhdks
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Primary SIM Valid till : 4 September 2021
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Panic Button fitted : 3
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Secondary SIM : 4 September 2021
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Dealer Name/fitted by : demo
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Secondary SIM Valid till : 4 September 2021
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
GST No. : 4345434
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="{{deviceImage[0]?deviceImage[0]:img1}}" width="90px" height="90px">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="{{deviceImage[1]?deviceImage[1]:img1}}" width="90px" height="90px">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="{{deviceImage[2]?deviceImage[2]:img1}}" width="90px" height="90px">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>This is certified that, AIS 140 compliant vehicle location tracking device with panic button(SOS) has been installed properly as per AIS-140 guidelines device has been configured to state approval server</p>
|
||||
|
||||
<b class="mt-5 mb-4">Authorised
|
||||
|
||||
<p>This is certified that the device and panic button (SOS) installation has been carried out to my satisfaction and explained about the functionality of
|
||||
Device, I undertake that I will not temper the device and panic button (SOS)
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Customer Name : abc
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Contact/Login ID : 35344532
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
Customer Address : demo
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
Customer Sign :
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-center">
|
||||
<button class="btn btn-primary" (click)="downloadPdf()">Download</button>
|
||||
</div> -->
|
||||
|
||||
<md-dialog-content class="md-typography">
|
||||
<table id="testPdf" style="font-weight: 600">
|
||||
<tr>
|
||||
<td>
|
||||
<div *ngIf="org.imageDoc">
|
||||
<img
|
||||
src="{{ org.imageDoc }}"
|
||||
width="100px"
|
||||
height="100px"
|
||||
/><br />
|
||||
</div>
|
||||
</td>
|
||||
<td style="text-align: center; font-weight: 700">
|
||||
<!-- {{org?org.first_name?org.first_name:"":''}} {{org?org.last_name?org.last_name:'':""}}<br><br> -->
|
||||
<!-- {{org?org.address?org.address:'':""}}<br><br> -->
|
||||
RTO COPY
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<div>
|
||||
<img src="{{ imgURL }}" width="100px" height="100px" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<div id="testPdf">
|
||||
<div class="row">
|
||||
<table class="table table-borderless" >
|
||||
<tr>
|
||||
|
||||
<td class="text-center">
|
||||
<div style="text-align: center" *ngIf="org.imageDoc">
|
||||
<img
|
||||
src="{{ org.imageDoc }}"
|
||||
style="width: auto; height: 100px"
|
||||
/><br />
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table table-borderless">
|
||||
<tr>
|
||||
<td class="to-head" style="width: 25%;padding: 20px;">
|
||||
To <br />
|
||||
Regional Transport Authority<br />
|
||||
Kolkata<br />
|
||||
West Bengal Only<br />
|
||||
</td>
|
||||
<td style="width: 50%;" >
|
||||
<div class="text-center">
|
||||
<div class="fitment-heading">
|
||||
FITMENT CERTIFICATE
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td colspan="3" style="text-align: center">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="200">
|
||||
TAC Reg.No <br />
|
||||
CoP No. <br />
|
||||
CoP Validity upto <br />
|
||||
Fitment Date <br />
|
||||
Fitment Renewal Date <br />
|
||||
</td>
|
||||
<td colspan="2">
|
||||
: CK8077 <br />
|
||||
: CC0GR8739<br />
|
||||
: 30 September 2023 <br />
|
||||
: {{ kycApprovalDate ? (kycApprovalDate | date: "dd/MM/yyyy") : ""
|
||||
}}<br />
|
||||
: {{ esim_validity ? esim_validity : "" }}<br />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<h6 style="font-size: 18px; margin: 15px 0 5px 0px">
|
||||
AIS 140 COMPLIANCE VLT INSTALLATION CERTIFICATE
|
||||
</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Fitment Certificate No.<br />
|
||||
Chassis No. <br />
|
||||
Engine No. <br />
|
||||
Vehicle OEM <br />
|
||||
Vehicle Model <br />
|
||||
Vehicle Reg/temp <br />
|
||||
Voltage<br />
|
||||
Panic Button Model<br />
|
||||
Panic Button fitted<br />
|
||||
Dealer Name/fitted by<br />
|
||||
Device Model No.<br />
|
||||
GNSS Module<br />
|
||||
Vahan ID<br />
|
||||
Device IMEI<br />
|
||||
GSM Module<br />
|
||||
ICCID <br />
|
||||
Primary SIM<br />
|
||||
Primary SIM Valid till<br />
|
||||
Secondary SIM<br />
|
||||
Secondary SIM Valid till<br />
|
||||
</td>
|
||||
<td colspan="2">
|
||||
: {{ fitmentCertificateNo ? fitmentCertificateNo : "" }}<br />
|
||||
: {{ ChassisNo ? ChassisNo : "" }}<br />
|
||||
: {{ engineNo ? engineNo : "" }}<br />
|
||||
: {{ manufacturingCompany ? manufacturingCompany : "" }}<br />
|
||||
: {{ model ? model : "" }}<br />
|
||||
: {{ devName ? devName : "" }}<br />
|
||||
: 12V & 24V<br />
|
||||
: NSS-1821<br />
|
||||
: {{ numberOfSOS ? numberOfSOS : "" }}<br />
|
||||
: {{ dealerName ? dealerName : "" }}<br />
|
||||
: {{ devicetype ? devicetype : "" }}<br />
|
||||
: {{ gnnsModule ? gnnsModule : 0 }}<br />
|
||||
: {{ vahanID ? vahanID : "" }}<br />
|
||||
: {{ deviceID ? deviceID : "" }}<br />
|
||||
: {{ gsmModule ? gsmModule : "Telit GE910" }}<br />
|
||||
: {{ ICCICD ? ICCICD : "" }}<br />
|
||||
: {{ simNum ? simNum : "" }}<br />
|
||||
: {{ esim_validity ? (esim_validity) : ""
|
||||
}}<br />
|
||||
: {{ simNum1 ? simNum1 : "" }}<br />
|
||||
: {{ esim_validity ? (esim_validity) : ""
|
||||
}}<br />
|
||||
</td>
|
||||
</tr>
|
||||
<p class="mt-2">
|
||||
This is certified that, AIS 140 compliant vehicle location
|
||||
tracking device with panic button(SOS) has been installed properly
|
||||
as per AIS-140 guidelines device has been configured to state
|
||||
approval server
|
||||
</p>
|
||||
</td>
|
||||
<td style="width: 25%;">
|
||||
<div>
|
||||
<img src="{{ imgURL }}" height="100px" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<table class="table table-bordered">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th class="t-mp-heading" colspan="2">VEHICLE DETAILS</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 10px;">
|
||||
<tr>
|
||||
<td>VEHICLE REG.NO</td>
|
||||
<td>{{ devName ? devName : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>VEHICLE REG.DATE</td>
|
||||
<td>{{data.deviceInfo && data.deviceInfo.vehicleRegDate?data.deviceInfo.vehicleRegDate:''}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ENGINE NO</td>
|
||||
<td>{{ engineNo ? engineNo : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CHASSIS NO</td>
|
||||
<td>{{ ChassisNo ? ChassisNo : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>VEHICLE MAKE</td>
|
||||
<td>{{data && data.deviceInfo && data.deviceInfo.manufacturingCompany ? data.deviceInfo.manufacturingCompany :'-'}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>VEHICLE MODEL</td>
|
||||
<td>{{ model ? model : "" }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<table class="table table-bordered">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th class="t-mp-heading" colspan="2">FITMENT DETAILS</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 10px;">
|
||||
<tr>
|
||||
<td>FITMENT DATE</td>
|
||||
<td>{{ kycApprovalDate ? (kycApprovalDate | date : "dd/MM/yyyy") : ""
|
||||
}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>FITMENT RENEWAL DATE</td>
|
||||
<td>{{ esim_validity ? esim_validity : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>FITMENT CERT.NO</td>
|
||||
<td>{{ fitmentCertificateNo ? fitmentCertificateNo : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>INVOICE NO.</td>
|
||||
<td>{{data.deviceInfo && data.deviceInfo.invoiceNumber?data.deviceInfo.invoiceNumber:''}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>INVOCE DATE</td>
|
||||
<td>{{data.deviceInfo && data.deviceInfo.invoiceDate?data.deviceInfo.invoiceDate:''}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RTO CODE</td>
|
||||
<td>{{data.deviceInfo && data.deviceInfo.rto?data.deviceInfo.rto:''}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<table class="table table-bordered">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th class="t-mp-heading" colspan="2">PRODUCT DETAILS</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 10px;">
|
||||
<tr>
|
||||
<td>VTS SR.NO/UINO</td>
|
||||
<td>{{ ICCICD ? ICCICD : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>VTS MODEL TRACK</td>
|
||||
<td>{{ devicetype ? devicetype : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Test Report NO.</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TAC NO.</td>
|
||||
<td>CK8077</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>COP NO.</td>
|
||||
<td>CC0GR8739</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>COP Validity upto</td>
|
||||
<td>30 September 2023 </td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<table class="table table-bordered">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th class="t-mp-heading" colspan="2">SERVICE/ESIM DETAILS</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 10px;">
|
||||
|
||||
|
||||
<tr style="padding-top: 5px">
|
||||
<td>
|
||||
<tr>
|
||||
<td>IMEI NO.</td>
|
||||
<td>{{ deviceID ? deviceID : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ICCID NO/SIM NO</td>
|
||||
<td>{{ ICCICD ? ICCICD : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Sim Card Service Provider</td>
|
||||
<td>{{data.deviceInfo && data.deviceInfo.sim_provider? data.deviceInfo.sim_provider : ''}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>No. Of Panic Button</td>
|
||||
<td>{{ numberOfSOS ? numberOfSOS : "" }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Sim No.</td>
|
||||
<td>{{ simNum ? simNum : "" }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<table class="table table-bordered">
|
||||
|
||||
|
||||
<tbody style="font-size: 10px;">
|
||||
<tr class="text-center">
|
||||
<td>
|
||||
<img
|
||||
src="{{ deviceImage[0] ? deviceImage[0] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="{{ deviceImage[1] ? deviceImage[1] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="{{ deviceImage[2] ? deviceImage[2] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="text-center">
|
||||
<td>Device Image</td>
|
||||
<td>Reg.Certificate Image</td>
|
||||
<td>Vehicle Front Image</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="{{ deviceImage[0] ? deviceImage[0] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
<img
|
||||
src="{{ deviceImage[1] ? deviceImage[1] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
<img
|
||||
src="{{ deviceImage[2] ? deviceImage[2] : img1 }}"
|
||||
width="80px"
|
||||
height="80px"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
</div>
|
||||
<h5 class="text-center heading-h3 pl-3">PRODUCT SATISFACTION REPORT</h5>
|
||||
<div class="col-12">
|
||||
<p style="font-size: 10px;">This is to acknowledge confirm that we have got our vehicle bearing registration no <strong>{{vahanID}}</strong> VTS Device manufactured by <strong>NIPPON AUDIOTRONIX</strong> bearing Sr.No
|
||||
<strong>{{engineNo}}</strong> We have checked the performance ot the vehicle after fitment of the said VTS device the unit is sealed and functioning as per normslaid out in AIS 140.We
|
||||
have satisfied with the performance of the unit in all respects.We undertake not to reseany dispute or any legal claims against <strong>NIPPON AUDIOTRONIX</strong> in the event that the
|
||||
above mentioned seals atfound broken/tampered.</p>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<table class="table table-bordered fix-width-20">
|
||||
|
||||
|
||||
<tbody style="font-size: 10px;">
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Dealer Name:</strong>
|
||||
</td>
|
||||
<td>
|
||||
{{ data.deviceInfo && data.deviceInfo.Dealer && data.deviceInfo.Dealer.first_name ? data.deviceInfo.Dealer.first_name : "" }}
|
||||
{{ data.deviceInfo && data.deviceInfo.Dealer && data.deviceInfo.Dealer.last_name ? data.deviceInfo.Dealer.last_name : "" }}
|
||||
</td>
|
||||
<td>
|
||||
<strong>Dealer Contact no:</strong>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<strong>Dealer Addresse:</strong>
|
||||
</td>
|
||||
<td>
|
||||
{{ data.deviceInfo && data.deviceInfo.Dealer && data.deviceInfo.Dealer.address ? data.deviceInfo.Dealer.address : "" }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Customer Name:</strong>
|
||||
</td>
|
||||
<td>
|
||||
{{ user.first_name ? user.first_name : "" }}
|
||||
{{ user.last_name ? user.last_name : "" }}
|
||||
</td>
|
||||
<td>
|
||||
<strong>Customer Contact no:</strong>
|
||||
</td>
|
||||
<td>
|
||||
{{ user.phone ? user.phone : "" }}
|
||||
</td>
|
||||
<td>
|
||||
<strong>Customer Addresse:</strong>
|
||||
</td>
|
||||
<td>
|
||||
{{ user.address ? user.address : "" }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Device Installed By</strong>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<strong>Dealer Sign:</strong>
|
||||
</td>
|
||||
<td>
|
||||
..............................
|
||||
</td>
|
||||
<td>
|
||||
<strong>RTA/MVI/STA:</strong>
|
||||
</td>
|
||||
<td>
|
||||
...............................
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<p>
|
||||
This is certified that, AIS 140 compliant vehicle location tracking
|
||||
device with panic button(SOS) has been installed properly as per
|
||||
AIS-140 guidelines device has been configured to state approval server
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="padding-top: 5px">
|
||||
<td>Authorised</td>
|
||||
</tr>
|
||||
<tr style="padding-top: 5px">
|
||||
<td>Undertaking</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<p>
|
||||
This is certified that the device and panic button (SOS) installation
|
||||
has been carried out to my satisfaction and explained about the
|
||||
functionality of Device, I undertake that I will not temper the device
|
||||
and panic button (SOS)
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="1" style="text-align: center; margin-top: 5px">
|
||||
Customer Name : {{ user.first_name ? user.first_name : "" }}
|
||||
{{ user.last_name ? user.last_name : "" }}<br />
|
||||
Contact/Login ID : {{ user.phone ? user.phone : "" }}
|
||||
</td>
|
||||
<td colspan="1">
|
||||
Customer Address: {{ user.address ? user.address : "" }}<br />
|
||||
Customer Sign :
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</md-dialog-content>
|
||||
<md-dialog-actions align="end">
|
||||
<button md-button md-dialog-close >Cancel</button>
|
||||
<button md-button (click)="exportAsPdf()" cdkFocusInitial>Export PDF</button>
|
||||
<button md-button md-dialog-close>Cancel</button>
|
||||
<button md-button (click)="convetToPDF()" cdkFocusInitial>Export PDF</button>
|
||||
</md-dialog-actions>
|
||||
|
||||
<div style="display: none">
|
||||
<tr>
|
||||
<td style="width: 33%">
|
||||
TAC Reg.No <br />
|
||||
CoP No. <br />
|
||||
CoP Validity upto <br />
|
||||
Fitment Date <br />
|
||||
Fitment Renewal Date <br />
|
||||
</td>
|
||||
<td colspan="2">
|
||||
: CK8077 <br />
|
||||
: CC0GR8739<br />
|
||||
: 30 September 2023 <br />
|
||||
: <br />
|
||||
: <br />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<h6 style="font-size: 18px; margin: 15px 0 5px 0px">
|
||||
AIS 140 COMPLIANCE VLT INSTALLATION CERTIFICATE
|
||||
</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 33%">
|
||||
Fitment Certificate No.<br />
|
||||
Chassis No. <br />
|
||||
|
||||
Vehicle OEM <br />
|
||||
Vehicle Model <br />
|
||||
Vehicle Reg/temp <br />
|
||||
Voltage<br />
|
||||
Panic Button Model<br />
|
||||
Panic Button fitted<br />
|
||||
Dealer Name/fitted by<br />
|
||||
Device Model No.<br />
|
||||
GNSS Module<br />
|
||||
Vahan ID<br />
|
||||
Device IMEI<br />
|
||||
GSM Module<br />
|
||||
ICCID <br />
|
||||
Primary SIM<br />
|
||||
Primary SIM Valid till<br />
|
||||
Secondary SIM<br />
|
||||
Secondary SIM Valid till<br />
|
||||
</td>
|
||||
<td colspan="2">
|
||||
: {{ fitmentCertificateNo ? fitmentCertificateNo : "" }}<br />
|
||||
: <br />
|
||||
: <br />
|
||||
: {{ manufacturingCompany ? manufacturingCompany : "" }}<br />
|
||||
: {{ model ? model : "" }}<br />
|
||||
: {{ devName ? devName : "" }}<br />
|
||||
: 12V & 24V<br />
|
||||
: NSS-1821<br />
|
||||
: panic button<br />
|
||||
: {{ dealerName ? dealerName : "" }}<br />
|
||||
: {{ devicetype ? devicetype : "" }}<br />
|
||||
: {{ gnnsModule ? gnnsModule : 0 }}<br />
|
||||
: {{ vahanID ? vahanID : "" }}<br />
|
||||
: {{ deviceID ? deviceID : "" }}<br />
|
||||
: {{ gsmModule ? gsmModule : "Telit GE910" }}<br />
|
||||
: {{ ICCICD ? ICCICD : "" }}<br />
|
||||
: {{ simNum ? simNum : "" }}<br />
|
||||
: {{ esim_validity ? esim_validity : "" }}<br />
|
||||
: {{ simNum1 ? simNum1 : "" }}<br />
|
||||
: {{ esim_validity ? esim_validity : "" }}<br />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr style="padding-top: 5px">
|
||||
<td></td>
|
||||
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
</tr>
|
||||
<tr style="padding-top: 5px">
|
||||
<td>Authorised</td>
|
||||
</tr>
|
||||
<tr style="padding-top: 5px">
|
||||
<td>Undertaking</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<p>
|
||||
This is certified that the device and panic button (SOS) installation
|
||||
has been carried out to my satisfaction and explained about the
|
||||
functionality of Device, I undertake that I will not temper the device
|
||||
and panic button (SOS)
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="1" style="text-align: center; margin-top: 5px">
|
||||
Customer Name : <br />
|
||||
Contact/Login ID :
|
||||
</td>
|
||||
<td colspan="1">
|
||||
Customer Address: <br />
|
||||
Customer Sign :
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,3 +2,33 @@
|
|||
width: 3000px !important;
|
||||
height: 3000px !important;
|
||||
}
|
||||
.t-mp-heading {
|
||||
font-size: 16px;font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
.table.table-bordered tr td:first-child{
|
||||
font-weight: 700;
|
||||
}
|
||||
.fitment-heading{
|
||||
font-size: 12px;
|
||||
border: 3px solid;
|
||||
padding: 5px;
|
||||
display: inline;
|
||||
font-weight: 700;
|
||||
width: fit-content;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.to-head {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
#testPdf .table td, #testPdf .table th {
|
||||
padding: 0.25rem;}
|
||||
|
||||
.table.table-borderless td{
|
||||
border:none;
|
||||
font-size: 10px;
|
||||
}
|
||||
.fix-width-20 td{
|
||||
width: 16%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
import { Component, Inject, OnInit } from '@angular/core';
|
||||
import { MdDialogRef, MD_DIALOG_DATA } from '@angular/material';
|
||||
declare var jsPDF: any;
|
||||
declare var pdfMake: any;
|
||||
declare var html2canvas: any;
|
||||
|
||||
declare var html2pdf: any;
|
||||
import * as moment from 'moment';
|
||||
import { ContactService } from '../../contact.service';
|
||||
declare var $: any;
|
||||
|
|
@ -375,7 +378,7 @@ export class DownloadCertificateComponent implements OnInit {
|
|||
// img.onload = function(){
|
||||
console.log("-1");
|
||||
doc.setPage(1);
|
||||
doc.addImage(that.img, 'png', 15, 9, 50, 40)
|
||||
doc.addImage(that.img, 'png', 75, 9, 50, 40)
|
||||
|
||||
// };
|
||||
// doc.text("Customer Copy", 110, 12);
|
||||
|
|
@ -386,13 +389,14 @@ export class DownloadCertificateComponent implements OnInit {
|
|||
|
||||
tableWidth: 'auto',
|
||||
|
||||
// styles : {
|
||||
// cellWidth : 10,
|
||||
// overflow: "linebreak"
|
||||
// },
|
||||
styles : {
|
||||
cellWidth : 35,
|
||||
overflow: "linebreak"
|
||||
},
|
||||
willDrawCell: data => {
|
||||
console.log('manojpatidar',data);
|
||||
if (data.row.index === 0) {
|
||||
data.row.height = 30;
|
||||
data.row.height = 40;
|
||||
doc.setFontStyle('bold');
|
||||
data.row.cells[0].styles.halign = 'center';
|
||||
data.row.cells[0].styles.fontSize = 25;
|
||||
|
|
@ -403,15 +407,16 @@ export class DownloadCertificateComponent implements OnInit {
|
|||
// }
|
||||
|
||||
// doc.addImage(this.supAdmin.imageDoc,'JPEG', 140, 9,40,40);
|
||||
doc.setPage(1);
|
||||
doc.addImage(this.imgURL, 'JPEG', 150, 9, 50, 40);
|
||||
|
||||
|
||||
}
|
||||
if (data.row.index === 1) {
|
||||
// data.row.cells[0].styles.halign = 'center';
|
||||
doc.halign = 'center';
|
||||
doc.setFontStyle('bold');
|
||||
doc.cellPadding = 50
|
||||
doc.cellPadding = 50;
|
||||
doc.setPage(1);
|
||||
doc.addImage(this.imgURL, 'JPEG', 150, 45, 50, 40);
|
||||
}
|
||||
|
||||
if (data.row.index === 3) {
|
||||
|
|
@ -550,5 +555,61 @@ export class DownloadCertificateComponent implements OnInit {
|
|||
xhr.responseType = 'blob';
|
||||
xhr.send();
|
||||
}
|
||||
public convetToPDF()
|
||||
{
|
||||
var data = document.getElementById('testPdf');
|
||||
|
||||
var opt = {
|
||||
|
||||
margin: [0, 0.2, 0.2, 0.2],
|
||||
filename: this.devName +'.pdf',
|
||||
image: { type: 'jpeg', quality: 0.98 },
|
||||
html2canvas: { scale: 4 , useCORS: true},
|
||||
jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
|
||||
};
|
||||
|
||||
// New Promise-based usage:
|
||||
html2pdf().set(opt).from(data).save();
|
||||
|
||||
|
||||
|
||||
// html2canvas(data, {
|
||||
// useCORS: true,
|
||||
// scale: 2,
|
||||
// scrollY: -window.scrollY,
|
||||
// height:'3000px',
|
||||
// onrendered: (canvas) =>{
|
||||
// var data = canvas.toDataURL();
|
||||
|
||||
// let img = new Image();
|
||||
// img.src = this.org.imageDoc ? this.org.imageDoc : '';
|
||||
// img.crossOrigin = "anonymous";
|
||||
// //canvas.addImage(img, 'png', 75, 9, 50, 40)
|
||||
|
||||
// var docDefinition = {
|
||||
// content: [{
|
||||
// image: data,
|
||||
// width: 500
|
||||
// }]
|
||||
// };
|
||||
// pdfMake.createPdf(docDefinition).download("JSON.pdf");
|
||||
|
||||
|
||||
// }
|
||||
// });
|
||||
|
||||
// html2canvas(data).then(canvas => {
|
||||
// // Few necessary setting options
|
||||
// var imgWidth = 208;
|
||||
// var pageHeight = 295;
|
||||
// var imgHeight = canvas.height * imgWidth / canvas.width;
|
||||
// var heightLeft = imgHeight;
|
||||
|
||||
// const contentDataURL = canvas.toDataURL('image/png')
|
||||
// let pdf = new jsPDF('p', 'mm', 'a4'); // A4 size page of PDF
|
||||
// var position = 0;
|
||||
// pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)
|
||||
// pdf.save('new-file.pdf'); // Generated PDF
|
||||
// });
|
||||
}
|
||||
}
|
||||
|
|
@ -257,7 +257,8 @@
|
|||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
|
||||
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue