|  | @@ -8,7 +8,7 @@ import DetailJawaban from "@/components/PT/JawabanKeberatan/DetailJawaban";
 | 
	
		
			
				|  |  |  import ModalPermohonan from "@/components/PT/JawabanKeberatan/ModalPermohonan";
 | 
	
		
			
				|  |  |  import Riwayat from "@/components/PT/JawabanKeberatan/Riwayat";
 | 
	
		
			
				|  |  |  import Link from "next/link";
 | 
	
		
			
				|  |  | -import { Row, Col, Card, CardBody, Button } from "reactstrap";
 | 
	
		
			
				|  |  | +import { Row, Col, Card, CardBody, Button, Modal, ModalBody, ModalFooter } from "reactstrap";
 | 
	
		
			
				|  |  |  import { connect } from "react-redux";
 | 
	
		
			
				|  |  |  import { withRouter } from "next/router";
 | 
	
		
			
				|  |  |  import Loader from "@/components/Common/Loader";
 | 
	
	
		
			
				|  | @@ -22,6 +22,7 @@ class JawabanKeberatan extends Component {
 | 
	
		
			
				|  |  |  			modal: false,
 | 
	
		
			
				|  |  |  			sanksi: {},
 | 
	
		
			
				|  |  |  			pt: null,
 | 
	
		
			
				|  |  | +			modalTidak: false,
 | 
	
		
			
				|  |  |  		};
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -43,11 +44,39 @@ class JawabanKeberatan extends Component {
 | 
	
		
			
				|  |  |  	toPerbaikan = () => {
 | 
	
		
			
				|  |  |  		Router.push("/pt/dokumen-perbaikan");
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  | +	setModalTidak = (modalTidak) => {
 | 
	
		
			
				|  |  | +		this.setState({
 | 
	
		
			
				|  |  | +			modalTidak: !this.state.modalTidak
 | 
	
		
			
				|  |  | +		})
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  	render() {
 | 
	
		
			
				|  |  |  		const { sanksi, pt } = this.state;
 | 
	
		
			
				|  |  |  		return (
 | 
	
		
			
				|  |  |  			<ContentWrapper unwrap>
 | 
	
		
			
				|  |  | +				<Modal isOpen={this.state.modalTidak} >
 | 
	
		
			
				|  |  | +					<ModalBody>Apakah anda ingin membatalkan permohonan banding atas pengenaan sanksi?</ModalBody>
 | 
	
		
			
				|  |  | +					<ModalFooter>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +						<Button color className="btn-login" onClick={async () => {
 | 
	
		
			
				|  |  | +							const toastid = toast.loading("Please wait...");
 | 
	
		
			
				|  |  | +							try {
 | 
	
		
			
				|  |  | +								const { token, query } = this.props;
 | 
	
		
			
				|  |  | +								await updatePT(token, query.id, { is_pengajuan_banding: false, is_pengajuan_keberatan: false })
 | 
	
		
			
				|  |  | +								toast.update(toastid, { render: "All is good", type: "success", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +								Router.push("/pt/dokumen-perbaikan");
 | 
	
		
			
				|  |  | +							} catch (error) {
 | 
	
		
			
				|  |  | +								toast.update(toastid, { render: "All is not good", type: "error", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +							}
 | 
	
		
			
				|  |  | +						}
 | 
	
		
			
				|  |  | +						}>
 | 
	
		
			
				|  |  | +							<span className="font-color-white">Ya</span>
 | 
	
		
			
				|  |  | +						</Button>
 | 
	
		
			
				|  |  | +						<Button color className="btn-v2" onClick={this.setModalTidak}>
 | 
	
		
			
				|  |  | +							Tidak
 | 
	
		
			
				|  |  | +						</Button>
 | 
	
		
			
				|  |  | +					</ModalFooter>
 | 
	
		
			
				|  |  | +				</Modal>
 | 
	
		
			
				|  |  |  				{sanksi.data && <ModalPermohonan toggleModal={this.toggleModal} modal={this.state.modal} query={this.props.router.query} data={sanksi.data} />}
 | 
	
		
			
				|  |  |  				{pt && <Header data={pt} />}
 | 
	
		
			
				|  |  |  				<div className="p-3">
 | 
	
	
		
			
				|  | @@ -83,7 +112,7 @@ class JawabanKeberatan extends Component {
 | 
	
		
			
				|  |  |  																		Setelah membaca surat keputusan sanksi tersebut, Apakah Perguruan Tinggi bermaksud mengajukan permohonan banding?
 | 
	
		
			
				|  |  |  																	</strong>
 | 
	
		
			
				|  |  |  																</p>
 | 
	
		
			
				|  |  | -																<p style={{ fontSize: '0.8vw' }}>
 | 
	
		
			
				|  |  | +																<p style={{ fontSize: '0.9vw' }}>
 | 
	
		
			
				|  |  |  																	Pengajuan dilakukan paling lambat tanggal {moment(sanksi.data.batas_waktu.banding).locale("id").format("DD MMMM YYYY")}
 | 
	
		
			
				|  |  |  																</p>
 | 
	
		
			
				|  |  |  																<p className="lead">
 | 
	
	
		
			
				|  | @@ -93,19 +122,8 @@ class JawabanKeberatan extends Component {
 | 
	
		
			
				|  |  |  																		</Button>
 | 
	
		
			
				|  |  |  																	</span>
 | 
	
		
			
				|  |  |  																	<span className="btn-radius">
 | 
	
		
			
				|  |  | -																		<Button disabled={sanksi.data.pengajuan.banding || false} color className="btn-labeled-3-notHover" onClick={async () => {
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -																			const toastid = toast.loading("Please wait...");
 | 
	
		
			
				|  |  | -																			try {
 | 
	
		
			
				|  |  | -																				const { token, query } = this.props;
 | 
	
		
			
				|  |  | -																				await updatePT(token, query.id, { is_pengajuan_keberatan: false })
 | 
	
		
			
				|  |  | -																				toast.update(toastid, { render: "All is good", type: "success", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | -																				Router.push("/pt/dokumen-perbaikan");
 | 
	
		
			
				|  |  | -																			} catch (error) {
 | 
	
		
			
				|  |  | -																				toast.update(toastid, { render: "All is not good", type: "error", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | -																			}
 | 
	
		
			
				|  |  | -																		}
 | 
	
		
			
				|  |  | -																		}>
 | 
	
		
			
				|  |  | +																		<Button disabled={sanksi.data.pengajuan.banding || false} color className="btn-labeled-3-notHover" onClick={this.setModalTidak}
 | 
	
		
			
				|  |  | +																		>
 | 
	
		
			
				|  |  |  																			<h4 className=" mt-1 mb-md-2 text-center">Tidak</h4>
 | 
	
		
			
				|  |  |  																		</Button>
 | 
	
		
			
				|  |  |  																	</span>
 | 
	
	
		
			
				|  | @@ -118,7 +136,7 @@ class JawabanKeberatan extends Component {
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  												</Col>) : (
 | 
	
		
			
				|  |  |  												<Col lg={12}>
 | 
	
		
			
				|  |  | -													<h3 className=" font-weight-bold">Menunggu Jawaban Permohonan Keberatan</h3>
 | 
	
		
			
				|  |  | +													<h3 className=" font-weight-bold">Menunggu Jawaban Atas Permohonan Keberatan</h3>
 | 
	
		
			
				|  |  |  													<div className=" tengah"><img className=" tengah" src="/static/img/Wait-Jawaban.png" alt="gambar" /></div>
 | 
	
		
			
				|  |  |  												</Col>
 | 
	
		
			
				|  |  |  											)}
 |