OneQlik/src/app/dashboard/download-certificate/download-certificate.component.html

<!-- <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>

    <tr>
      <td colspan="3" style="text-align: center">
        
      </td>
    </tr>
    <tr>
      <td width="200">
        TAC Reg.No &nbsp;&nbsp;&nbsp; <br />
        CoP No.&nbsp;&nbsp;&nbsp;&nbsp;<br />
        CoP Validity upto&nbsp;&nbsp;<br />
        Fitment Date&nbsp;&nbsp;&nbsp;<br />
        Fitment Renewal Date&nbsp;&nbsp;<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>

    <tr style="padding-top: 5px">
      <td>
        
       
      </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>
        
      </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>
</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>
</md-dialog-actions>