|
@@ -1,5 +1,5 @@
|
|
|
import React, { Component } from "react";
|
|
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 Router from "next/router";
|
|
|
import classnames from "classnames";
|
|
import classnames from "classnames";
|
|
|
import ContentWrapper from "@/components/Layout/ContentWrapper";
|
|
import ContentWrapper from "@/components/Layout/ContentWrapper";
|
|
@@ -20,6 +20,8 @@ import BeritaAcara from "@/components/Sanksi/BeritaAcara";
|
|
|
import { getAutoSave, inputAutoSave } from "@/actions/autosave";
|
|
import { getAutoSave, inputAutoSave } from "@/actions/autosave";
|
|
|
import swal from "sweetalert2";
|
|
import swal from "sweetalert2";
|
|
|
import { getCsrf } from "../../../actions/security";
|
|
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>
|
|
<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} />}
|
|
{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>
|
|
</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 />
|
|
<hr />
|
|
|
<div className="d-flex">
|
|
<div className="d-flex">
|
|
|
<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("4")}>
|
|
<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">
|
|
<div className="pt-3 mb-3">
|
|
|
<h2>Ringkasan</h2>
|
|
<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 />}
|
|
{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>
|
|
</div>
|
|
|
<hr />
|
|
<hr />
|
|
|
<div className="d-flex">
|
|
<div className="d-flex">
|