commit

components/Sanksi/BeritaAcara_A.js

@@ -35,7 +35,7 @@ class BeritaAcara extends Component {
             meringankan: [],
             sanksi: "[Mohon Diisi]",
             isEditSanksi: false,
-            Copied: false,
+            copied: false,
             setTemuanLain: true,
         };
     }
@@ -49,7 +49,7 @@ class BeritaAcara extends Component {
         const { id } = query;
         const getDataSave = await getAutoSave({ id, laporan: true });
         const autoSaveDataSuratBA = getDataSave.data?.PenetapanSanksi?.dataSuratBA;
-        const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran.data;
+        const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran?.data;
         this.setState({ autoSaveDataPelanggaran, autoSaveDataSuratBA });
     };
     setDataSuratBA = () => {
@@ -131,9 +131,18 @@ class BeritaAcara extends Component {
 
 
     Copied = () => this.setState({
-        Copied: !this.state.Copied
+        copied: !this.state.copied
     })
 
+    CloseCopied = () => {
+
+        setTimeout(() => {
+            this.setState({
+                copied: !this.state.copied
+            });
+        }, 3000);
+    }
+
 
     render() {
         const { dataPelanggaran, dataLaporan, dataSuratBA } = this.props
@@ -333,11 +342,11 @@ class BeritaAcara extends Component {
                                     <Button color="" id="Popover1" className="btn-labeled-notHover" onClick={() => {
                                         this.setState({
                                             setTemuanLain: !this.state.setTemuanLain
-                                        }, this.setDataSuratBA()), this.handleAutoSave()
+                                        }, this.setDataSuratBA()), this.handleAutoSave(), this.CloseCopied()
                                     }}>
                                         <h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Copy Link Add Peserta</h4>
                                     </Button>
-                                    <Popover placement="bottom" isOpen={this.state.Copied} target="Popover1" toggle={this.Copied}>
+                                    <Popover placement="bottom" isOpen={this.state.copied} target="Popover1" toggle={this.Copied}>
                                         <PopoverHeader>Berhasil Copy Link</PopoverHeader>
                                         <PopoverBody><strong>Link</strong>:https://dev.sidali.kemdikbud.go.id//app/signature/pleno-sanksi/${dataLaporan.data?._id}</PopoverBody>
                                     </Popover>
@@ -365,6 +374,25 @@ class BeritaAcara extends Component {
                                         </tr>)) : ""}
                             </tbody>
                         </table>
+                        {/* <div>
+                            <div id="ttd-header" className='text-center signature-border'>
+                                <span className='text-center'> PESERTA RAPAT PENYUSUNAN REKOMENDASI</span>
+                            </div>
+                            <div id="ttd">
+
+                                {dataLaporan
+                                    ? dataLaporan.data?.peserta_penetapan_sanksi?.map((value) => (
+                                        <div className='ttd-div'>
+                                            <img
+                                                className='sign-ttd'
+                                                src={value.ttd.path} />
+                                            <div className='sign-nama font-color-black'>{value.nama}</div>
+                                        </div>
+                                    )) : ""}
+                            </div>
+                        </div> */}
+
+
                     </page>
                 </div>
             </div >

components/Sanksi/SuratBA.js

@@ -32,7 +32,7 @@ class ComponentToPrint extends React.Component {
         const dataLaporan = await getOneLaporan(token, id);
         const getDataSave = await getAutoSave({ id, laporan: true });
         const autoSaveDataSuratBA = getDataSave.data?.PenetapanSanksi?.dataSuratBA;
-        const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran.data;
+        const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran?.data;
         this.setState({ dataLaporan, autoSaveDataPelanggaran, autoSaveDataSuratBA });
     };
 

pages/app/sanksi/proses.js

@@ -51,7 +51,7 @@ class ProsesSanksi extends Component {
 		const { data: listSanksi } = await getPelanggaranSanksi(token)
 		const getDataSave = await getAutoSave({ id, laporan: true });
 		const autoSaveDataSuratBA = getDataSave.data?.PenetapanSanksi?.dataSuratBA;
-		const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran.data;
+		const autoSaveDataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran?.data;
 		this.setState({ pelaporan, listSanksi, autoSaveDataSuratBA, autoSaveDataPelanggaran });
 	};
 

styles/bootstrap/_print.scss

@@ -225,7 +225,7 @@
   right: 0;
   text-align: center;
   color: #979595;
-  padding: 15px;
+  padding-bottom: 30px;
 }
 
 ////////////////////////////-----SuratBA_A
@@ -273,7 +273,45 @@ body {
     box-shadow: 0;
     margin-bottom: 50px;
   }
+
+
+
 }
 .signature-border{
-  border: 2px rgb(104, 104, 104) solid;
-}
+  border: 1px solid#979595;}
+
+
+  /////////////////////Coba pake flex wrap
+// #ttd {
+//   width: 410px;
+//   display: flex;
+//   flex-wrap: wrap;
+//   margin-left: auto;
+//   margin-right: auto;
+//     text-align: center;
+// }
+// #ttd-header {
+//   width: 410px;
+//   margin-left: auto;
+//   margin-right: auto;
+//   text-align: center;
+// }
+// .ttd-div{
+//   width: 205px;
+//   // height: 100px;
+// }
+// .sign-nama{
+//   background-color: rgb(206, 206, 206);
+//   text-align: center;
+//   // width: 215px;
+//   border: 1px solid#d9d6d6;
+//   padding: 2px;
+  
+// }
+// .sign-ttd{
+//   width: 205px;
+//   height: 80px;
+//   border: 1px solid#d9d6d6;
+//   padding: 5px;
+
+// }