manniru
5/22/2018 - 3:02 PM

ReactPdf.js

import React, { Component } from 'react';
import pdfConverter from 'jspdf'

export default class Pdf extends Component {

  constructor(props) {
    super(props);
    this.state = {
      value: null,
    };
  }

  handleClick = (e, id) => {
    e.preventDefault();
    console.log(id);
    console.log(+ new Date());
  }

    handlePrint = (e, id) => {
    e.preventDefault();
    //const { vehicleData } = this.props.parkedVehicle;
    //const { 


    // plate_no,
    //   max_time,
    //   entry_date_time,
    //   exit_date_time,
    //   expiry_time,
    //   address1,
    //   address2,
    //   city,
    //   state,
    //   zip,
    //   country,
    //   parking_status
    // } = vehicleData;

    //var converter = new pdfConverter();
    //var doc = converter.jsPDF('p', 'pt');

    var doc = new pdfConverter('p','pt','c6');

    doc.setFontSize(22);
    doc.text(20, 50, 'Park Entry Ticket');
    doc.setFontSize(16);
    doc.text(20, 80, 'Address1: ' + 'Mannir Ahmad');
    // doc.text(20, 100, 'Address2: ' + address2);
    // doc.text(20, 120, 'Entry Date & time: ' + entry_date_time);
    // doc.text(20, 140, 'Expiry date & time: ' + exit_date_time);
    doc.save("test.pdf");

    console.log(id);
  }



  render() {
    return (
      <div>
        <button id="btn1" onClick={((e) => this.handleClick(e, 'btn1'))} >Submit1</button>
        <button id="pdf" onClick={((e) => this.handlePrint(e, 'pdf'))} >PDF</button>

      </div>
    );
  }
}