|  | @@ -1,5 +1,5 @@
 | 
	
		
			
				|  |  |  import React, { Component } from "react";
 | 
	
		
			
				|  |  | -import { Card, CardBody, TabContent, TabPane, Nav, NavItem, NavLink, Button, Row, Col } from "reactstrap";
 | 
	
		
			
				|  |  | +import { Card, CardBody, TabContent, TabPane, Nav, NavItem, NavLink, Button, Row, Col, FormGroup } from "reactstrap";
 | 
	
		
			
				|  |  |  import Router from "next/router";
 | 
	
		
			
				|  |  |  import classnames from "classnames";
 | 
	
		
			
				|  |  |  import ContentWrapper from "@/components/Layout/ContentWrapper";
 | 
	
	
		
			
				|  | @@ -20,6 +20,8 @@ import BeritaAcara from "@/components/Sanksi/BeritaAcara";
 | 
	
		
			
				|  |  |  import { getAutoSave, inputAutoSave } from "@/actions/autosave";
 | 
	
		
			
				|  |  |  import swal from "sweetalert2";
 | 
	
		
			
				|  |  |  import { getCsrf } from "../../../actions/security";
 | 
	
		
			
				|  |  | +import ComponentToPrint from "../../../components/Sanksi/SuratBA_A";
 | 
	
		
			
				|  |  | +import ReactToPrint, { PrintContextConsumer } from 'react-to-print';
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -351,6 +353,28 @@ class ProsesSanksi extends Component {
 | 
	
		
			
				|  |  |  												<h2>Penetapan Sanksi</h2>
 | 
	
		
			
				|  |  |  												{this.state.listSanksi && <UploadSurat setUploadSuratSanksi={this.setUploadSuratSanksi} listSanksi={this.state.listSanksi} query={this.props.query} handleAutoSave={this.handleAutoSave} dataPelanggaran={this.state.dataPelanggaran} dataSuratBA={dataSuratBA} />}
 | 
	
		
			
				|  |  |  											</div>
 | 
	
		
			
				|  |  | +											<FormGroup row className="mt-3">
 | 
	
		
			
				|  |  | +												<label className="col-md-2 col-form-label">
 | 
	
		
			
				|  |  | +													Dokumen Laporan Evaluasi dan Pembahasan
 | 
	
		
			
				|  |  | +												</label>
 | 
	
		
			
				|  |  | +												<div className="col-md-10">
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +													<div style={{ display: "none" }}>
 | 
	
		
			
				|  |  | +														<ComponentToPrint ref={el => (this.componentRef = el)} query={this.props.query} handleAutoSave={this.handleAutoSave} dataPelanggaran={this.state.dataPelanggaran} setDataSuratBA={this.setDataSuratBA} dataLaporan={pelaporan} dataSuratBA={dataSuratBA} />
 | 
	
		
			
				|  |  | +													</div>
 | 
	
		
			
				|  |  | +													<ReactToPrint
 | 
	
		
			
				|  |  | +														trigger={() => {
 | 
	
		
			
				|  |  | +															return <span>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +																<Button color className="btn-labeled-4 mt-0">
 | 
	
		
			
				|  |  | +																	<h5 className="p-0 mt-2"><em className="fas fa-download mr-2" />Print dan Download</h5>
 | 
	
		
			
				|  |  | +																</Button>
 | 
	
		
			
				|  |  | +															</span>
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +														content={() => this.componentRef}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												</div>
 | 
	
		
			
				|  |  | +											</FormGroup>
 | 
	
		
			
				|  |  |  											<hr />
 | 
	
		
			
				|  |  |  											<div className="d-flex">
 | 
	
		
			
				|  |  |  												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("4")}>
 | 
	
	
		
			
				|  | @@ -365,6 +389,25 @@ class ProsesSanksi extends Component {
 | 
	
		
			
				|  |  |  											<div className="pt-3 mb-3">
 | 
	
		
			
				|  |  |  												<h2>Ringkasan</h2>
 | 
	
		
			
				|  |  |  												{pelaporan.data ? <Ringkasan dataSuratBA={dataSuratBA} query={this.props.query} dataLaporan={pelaporan.data} dataPelanggaran={dataPelanggaran?.data} dataPelanggaranBA={this.state.dataPelanggaran} dataUpload={dataUpload} /> : <Loader />}
 | 
	
		
			
				|  |  | +												<FormGroup row>
 | 
	
		
			
				|  |  | +													<Col md="4">Surat Berita Acara:</Col>
 | 
	
		
			
				|  |  | +													<Col md="8">
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +														<ReactToPrint
 | 
	
		
			
				|  |  | +															trigger={() => {
 | 
	
		
			
				|  |  | +																return <span>
 | 
	
		
			
				|  |  | +																	<Button color className="btn-labeled-4 mt-0">
 | 
	
		
			
				|  |  | +																		<h5 className="p-0 mt-2"><em className="fas fa-download mr-2" />Print dan Download</h5>
 | 
	
		
			
				|  |  | +																	</Button>
 | 
	
		
			
				|  |  | +																</span>
 | 
	
		
			
				|  |  | +															}}
 | 
	
		
			
				|  |  | +															content={() => this.componentRef}
 | 
	
		
			
				|  |  | +														/>
 | 
	
		
			
				|  |  | +														<div style={{ display: "none" }}>
 | 
	
		
			
				|  |  | +															<ComponentToPrint ref={el => (this.componentRef = el)} query={this.props.query} handleAutoSave={this.handleAutoSave} dataPelanggaran={this.state.dataPelanggaran} setDataSuratBA={this.setDataSuratBA} dataLaporan={pelaporan} dataSuratBA={dataSuratBA} />
 | 
	
		
			
				|  |  | +														</div>
 | 
	
		
			
				|  |  | +													</Col>
 | 
	
		
			
				|  |  | +												</FormGroup>
 | 
	
		
			
				|  |  |  											</div>
 | 
	
		
			
				|  |  |  											<hr />
 | 
	
		
			
				|  |  |  											<div className="d-flex">
 |