class PrintingRawCommandsSample extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            job: null,
            clientPrinter: null,
            printerCommands: ""
        };
    }

    doPrinting() {
        if (this.state.job) {
            let cpj = this.state.job;
            cpj.sendToClient();
        }
    }

    updateJob() {
        var cpj = new JSPM.ClientPrintJob();
        cpj.clientPrinter = this.state.clientPrinter;
        cpj.printerCommands = this.state.printerCommands;

        //no need to re-render
        this.state.job = cpj;
    }

    onPrinterChange(newPrinter) {
        //No need to re-render!
        this.state.clientPrinter = newPrinter;
        this.updateJob();
    }

    onPrinterCommandsChange(newPrinterCommands) {
        //No need to re-render!
        this.state.printerCommands = newPrinterCommands;
        this.updateJob();
    }

    render() {
        return (
          <div>
            <div className="row">
              <div className="col-md-1">
                <button
        className="btn btn-dark btn-lg"
        onClick={() => this.props.setSample(0)}
      >
        <i className="fa fa-arrow-left" />
      </button>
    </div>
    <div className="col-md-11">
      <h2 className="text-center">
        <i className="fa fa-barcode" />&nbsp;Raw Data Printing
      </h2>
      <hr />
    </div>
  </div>
  <div className="card-body">
    <div className="row">
      <Printers
        JobContentType={0}
        onPrinterChange={this.onPrinterChange.bind(this)}
      />
    </div>
    <div className="row">
      <PrintJobForRawCommands
        jobIndex={0}
        onPrinterCommandsChange={this.onPrinterCommandsChange.bind(
          this
        )}
      />
    </div>
  </div>
  <div className="row">
    <div className="col-md-12">
      <br />
      <div className="text-center">
        <button
        className="btn btn-success btn-lg"
        onClick={this.doPrinting.bind(this)}
      >
        <i className="fa fa-print" /> Print Now...
      </button>
    </div>
  </div>
</div>
</div>
      );
    }
}

window.PrintingRawCommandsSample = PrintingRawCommandsSample;