table pelanggaran Surat BA

components/Sanksi/BeritaAcara_A.js

@@ -36,7 +36,7 @@ class BeritaAcara extends Component {
                     </PrintContextConsumer>
                 </ReactToPrint>
                 {/* <div style={{ display: "none" }}> */}
-                <ComponentToPrint ref={el => (this.componentRef = el)} query={this.props.query} />
+                <ComponentToPrint ref={el => (this.componentRef = el)} query={this.props.query} dataPelanggaran={this.props.dataPelanggaran} />
                 {/* </div> */}
             </div >
 

components/Sanksi/SuratBA.js

@@ -13,7 +13,7 @@ class ComponentToPrint extends React.Component {
         super(props);
         this.state = {
             dataLaporan: {},
-            tempat: "Klik 2 kali untuk Isi tempat",
+            tempat: "[Mohon Diisi]",
             isEditMode: false,
         };
     }
@@ -45,7 +45,7 @@ class ComponentToPrint extends React.Component {
 
     render() {
         const { dataLaporan, tempat, isEditMode } = this.state
-        console.log(tempat)
+        const { dataPelanggaran } = this.props
         return (
             <div className='BA-div' >
                 <div className='BA-logo'>
@@ -67,7 +67,7 @@ class ComponentToPrint extends React.Component {
                                     <button className='bg-transparent button-transparent border-0 fas fa-check-circle text-success' onClick={this.updateValueTempat} />
                                 </span>
                                 :
-                                <span color='danger' onDoubleClick={this.changeEditMode}>&nbsp;{tempat}</span>
+                                <span color='danger' onClick={this.changeEditMode}>&nbsp;{tempat}</span>
                             }
                             ,
                             telah dilakukan rapat evaluasi dan pembahasan dugaan pelanggaran penyelenggaraan oleh perguruan tinggi dan/atau badan penyelenggara {dataLaporan.data && (<span>{dataLaporan.data.pt.nama}</span>)}, yang dihadiri oleh:
@@ -91,7 +91,7 @@ class ComponentToPrint extends React.Component {
                             <li>Telah dilakukan pembahasan rekomendasi mengenai fakta-fakta yang ditemukan Tim EKPT Ditjen Diktiristek, dengan temuan sebagai berikut:</li>
                             {/* <div style={{ overflow: "auto" }}> */}
                             <table className='table-a'>
-                                <tbody>
+                                <thead>
                                     <tr>
                                         <th rowspan="2">NO</th>
                                         <th rowspan="2">NAMA DAN IZIN PRODI</th>
@@ -104,89 +104,42 @@ class ComponentToPrint extends React.Component {
                                         <th>BUTIR PELANGGARAN</th>
                                         <th>DESKRIPSI PELANGGARAN</th>
                                     </tr>
-                                    <tr>
-                                        <td>......</td>
-                                        <td>......</td>
-                                        <td>......</td>
-                                        <td>.....</td>
-                                        <td>......</td>
-                                        <td contenteditable='true'>Isi Table</td>
-                                        <td contenteditable='true'>Isi Table</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
-                                    <tr>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                        <td contenteditable='true'>&nbsp;</td>
-                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {dataPelanggaran
+                                        ? dataPelanggaran.map((e, i) => (
+                                            <tr key={e._id}>
+                                                <td>{++i}</td>
+                                                {dataLaporan.data && (<td className='BA-header'>{dataLaporan.data.pt.nama}</td>)}
+                                                <td>{e.pasal}</td>
+                                                <td>{e.butir_pelanggaran}</td>
+                                                <td>{e.pelanggaran}</td>
+                                                <td contenteditable='true'>[Mohon Diisi]</td>
+                                                <td contenteditable='true'>[Mohon Diisi]</td>
+                                            </tr>
+
+                                        ))
+                                        : ""}
                                 </tbody>
                             </table>
                             {/* </div> */}
 
                             <li>Temuan Lain:
                                 <ol type="a">
-                                    <li contenteditable='true'>......</li>
-                                    <li contenteditable='true'>......</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
                                 </ol>
                             </li>
                             <li>Hal-hal yang memberatkan, sebagai berikut:
                                 <ol type="a">
-                                    <li contenteditable='true'>......</li>
-                                    <li contenteditable='true'>......</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
                                 </ol>
                             </li>
                             <li>hal-hal yang meringankan, sebagai berikut:
                                 <ol type="a">
-                                    <li contenteditable='true'>......</li>
-                                    <li contenteditable='true'>......</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
+                                    <li contenteditable='true'>[Mohon Diisi]</li>
                                 </ol>
                             </li>
                             <li>

components/Sanksi/UploadSurat.js

@@ -140,9 +140,22 @@ export class UploadSurat extends Component {
 		e.stopPropagation();
 		this.setState({
 			stat: this.state.files.length ? this.state.files.length + " file(s) cleared." : "No files to clear.",
+			stat: this.state.filesBeritaAcara.length ? this.state.filesBeritaAcara.length + " file(s) cleared." : "No files to clear.",
 		});
 		this.setState({
 			files: [],
+			filesBeritaAcara: [],
+		});
+		this.props.setUploadSuratSanksi(this.state);
+	};
+	clearFilesBA = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		this.setState({
+			stat: this.state.filesBeritaAcara.length ? this.state.filesBeritaAcara.length + " file(s) cleared." : "No files to clear.",
+		});
+		this.setState({
+			filesBeritaAcara: [],
 		});
 		this.props.setUploadSuratSanksi(this.state);
 	};
@@ -375,7 +388,7 @@ export class UploadSurat extends Component {
 										</div>
 										<div className="d-flex align-items-center">
 											<small className="ml-auto">
-												<button type="button" className="btn btn-link" onClick={this.clearFiles}>
+												<button type="button" className="btn btn-link" onClick={this.clearFilesBA}>
 													Reset dokumen
 												</button>
 											</small>

pages/app/sanksi/proses.js

@@ -261,7 +261,7 @@ class ProsesSanksi extends Component {
 										</TabPane>
 										<TabPane tabId="4">
 											<Card>
-												<BeritaAcara query={this.props.query} />
+												<BeritaAcara query={this.props.query} dataPelanggaran={dataPelanggaran.data} />
 											</Card>
 											<div className="d-flex">
 												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("3")}>