|  | @@ -86,45 +86,92 @@ class Sanksi extends Component {
 | 
	
		
			
				|  |  |  										<Row>
 | 
	
		
			
				|  |  |  											<Col lg={12}>
 | 
	
		
			
				|  |  |  												<DetailSanksi data={sanksi.data} />
 | 
	
		
			
				|  |  | -												{new Date(sanksi.data.batas_waktu.keberatan).getTime() > Date.now() ? (
 | 
	
		
			
				|  |  | -													<>
 | 
	
		
			
				|  |  | -														<p style={{ fontSize: '1vw' }}>
 | 
	
		
			
				|  |  | -															<strong>
 | 
	
		
			
				|  |  | -																Setelah membaca surat keputusan sanksi tersebut, Apakah Perguruan Tinggi bermaksud mengajukan keberatan?
 | 
	
		
			
				|  |  | -															</strong>
 | 
	
		
			
				|  |  | -														</p>
 | 
	
		
			
				|  |  | -														<p style={{ fontSize: '0.9vw' }}>
 | 
	
		
			
				|  |  | -															Pengajuan dilakukan paling lambat tanggal {moment(sanksi.data.batas_waktu.keberatan).locale("id").format("DD MMMM YYYY")}
 | 
	
		
			
				|  |  | -														</p>
 | 
	
		
			
				|  |  | -														<p className="lead">
 | 
	
		
			
				|  |  | -															<Link href={{ pathname: "/pt/keberatan/detail", query: { id: sanksi.data._id } }}>
 | 
	
		
			
				|  |  | -																<span className="btn-radius">
 | 
	
		
			
				|  |  | -																	<Button color="" className="btn-labeled-notHover" onClick={async () => {
 | 
	
		
			
				|  |  | -																		// const toastid = toast.loading("Please wait...");
 | 
	
		
			
				|  |  | -																		try {
 | 
	
		
			
				|  |  | -																			const { token, query } = this.props;
 | 
	
		
			
				|  |  | -																			await updatePT(token, query.id, { is_pengajuan_keberatan: true })
 | 
	
		
			
				|  |  | -																			// toast.update(toastid, { render: "Berhasil", type: "success", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | -																		} catch (error) {
 | 
	
		
			
				|  |  | -																			// toast.update(toastid, { render: "Gagal", type: "error", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | -																		}
 | 
	
		
			
				|  |  | -																	}
 | 
	
		
			
				|  |  | +												{
 | 
	
		
			
				|  |  | +													sanksi.data.tanggal_akhir_keberatan ?
 | 
	
		
			
				|  |  | +														(
 | 
	
		
			
				|  |  | +															new Date(sanksi.data.tanggal_akhir_keberatan).getTime() > Date.now() ? (
 | 
	
		
			
				|  |  | +																<>
 | 
	
		
			
				|  |  | +																	<p style={{ fontSize: '1vw' }}>
 | 
	
		
			
				|  |  | +																		<strong>
 | 
	
		
			
				|  |  | +																			Setelah membaca surat keputusan sanksi tersebut, Apakah Perguruan Tinggi bermaksud mengajukan keberatan?
 | 
	
		
			
				|  |  | +																		</strong>
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																	<p style={{ fontSize: '0.9vw' }}>
 | 
	
		
			
				|  |  | +																		Pengajuan dilakukan paling lambat tanggal {moment(sanksi.data.tanggal_akhir_keberatan).locale("id").format("DD MMMM YYYY")}
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																	<p className="lead">
 | 
	
		
			
				|  |  | +																		<Link href={{ pathname: "/pt/keberatan/detail", query: { id: sanksi.data._id } }}>
 | 
	
		
			
				|  |  | +																			<span className="btn-radius">
 | 
	
		
			
				|  |  | +																				<Button color="" className="btn-labeled-notHover" onClick={async () => {
 | 
	
		
			
				|  |  | +																					// const toastid = toast.loading("Please wait...");
 | 
	
		
			
				|  |  | +																					try {
 | 
	
		
			
				|  |  | +																						const { token, query } = this.props;
 | 
	
		
			
				|  |  | +																						await updatePT(token, query.id, { is_pengajuan_keberatan: true })
 | 
	
		
			
				|  |  | +																						// toast.update(toastid, { render: "Berhasil", type: "success", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +																					} catch (error) {
 | 
	
		
			
				|  |  | +																						// toast.update(toastid, { render: "Gagal", type: "error", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +																					}
 | 
	
		
			
				|  |  | +																				}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +																				}>
 | 
	
		
			
				|  |  | +																					<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Ya</h4>
 | 
	
		
			
				|  |  | +																				</Button>
 | 
	
		
			
				|  |  | +																			</span>
 | 
	
		
			
				|  |  | +																		</Link>
 | 
	
		
			
				|  |  | +																		<span className="btn-radius">
 | 
	
		
			
				|  |  | +																			<Button disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} color className="btn-labeled-3-notHover" onClick={this.setModal} >
 | 
	
		
			
				|  |  | +																				<h4 className=" mt-1 mb-md-2 text-center">Tidak</h4>
 | 
	
		
			
				|  |  | +																			</Button>
 | 
	
		
			
				|  |  | +																		</span>
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																</>
 | 
	
		
			
				|  |  | +															) : (
 | 
	
		
			
				|  |  | +																<p>Pengajuan ditutup</p>
 | 
	
		
			
				|  |  | +															)
 | 
	
		
			
				|  |  | +														) : (
 | 
	
		
			
				|  |  | +															new Date(sanksi.data.tanggal_akhir_keberatan).getTime() > Date.now() ? (
 | 
	
		
			
				|  |  | +																<>
 | 
	
		
			
				|  |  | +																	<p style={{ fontSize: '1vw' }}>
 | 
	
		
			
				|  |  | +																		<strong>
 | 
	
		
			
				|  |  | +																			Setelah membaca surat keputusan sanksi tersebut, Apakah Perguruan Tinggi bermaksud mengajukan keberatan?
 | 
	
		
			
				|  |  | +																		</strong>
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																	<p style={{ fontSize: '0.9vw' }}>
 | 
	
		
			
				|  |  | +																		Pengajuan dilakukan paling lambat tanggal {moment(sanksi.data.tanggal_akhir_keberatan).locale("id").format("DD MMMM YYYY")}
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																	<p className="lead">
 | 
	
		
			
				|  |  | +																		<Link href={{ pathname: "/pt/keberatan/detail", query: { id: sanksi.data._id } }}>
 | 
	
		
			
				|  |  | +																			<span className="btn-radius">
 | 
	
		
			
				|  |  | +																				<Button color="" className="btn-labeled-notHover" onClick={async () => {
 | 
	
		
			
				|  |  | +																					// const toastid = toast.loading("Please wait...");
 | 
	
		
			
				|  |  | +																					try {
 | 
	
		
			
				|  |  | +																						const { token, query } = this.props;
 | 
	
		
			
				|  |  | +																						await updatePT(token, query.id, { is_pengajuan_keberatan: true })
 | 
	
		
			
				|  |  | +																						// toast.update(toastid, { render: "Berhasil", type: "success", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +																					} catch (error) {
 | 
	
		
			
				|  |  | +																						// toast.update(toastid, { render: "Gagal", type: "error", isLoading: false, autoClose: true, closeButton: true });
 | 
	
		
			
				|  |  | +																					}
 | 
	
		
			
				|  |  | +																				}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +																				}>
 | 
	
		
			
				|  |  | +																					<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Ya</h4>
 | 
	
		
			
				|  |  | +																				</Button>
 | 
	
		
			
				|  |  | +																			</span>
 | 
	
		
			
				|  |  | +																		</Link>
 | 
	
		
			
				|  |  | +																		<span className="btn-radius">
 | 
	
		
			
				|  |  | +																			<Button disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} color className="btn-labeled-3-notHover" onClick={this.setModal} >
 | 
	
		
			
				|  |  | +																				<h4 className=" mt-1 mb-md-2 text-center">Tidak</h4>
 | 
	
		
			
				|  |  | +																			</Button>
 | 
	
		
			
				|  |  | +																		</span>
 | 
	
		
			
				|  |  | +																	</p>
 | 
	
		
			
				|  |  | +																</>
 | 
	
		
			
				|  |  | +															) : (
 | 
	
		
			
				|  |  | +																<p>Pengajuan ditutup</p>
 | 
	
		
			
				|  |  | +															)
 | 
	
		
			
				|  |  | +														)
 | 
	
		
			
				|  |  | +												}
 | 
	
		
			
				|  |  | +												{/* {new Date(sanksi.data.batas_waktu.keberatan).getTime() > Date.now() ? ( */}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -																	}>
 | 
	
		
			
				|  |  | -																		<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Ya</h4>
 | 
	
		
			
				|  |  | -																	</Button>
 | 
	
		
			
				|  |  | -																</span>
 | 
	
		
			
				|  |  | -															</Link>
 | 
	
		
			
				|  |  | -															<span className="btn-radius">
 | 
	
		
			
				|  |  | -																<Button disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} color className="btn-labeled-3-notHover" onClick={this.setModal} >
 | 
	
		
			
				|  |  | -																	<h4 className=" mt-1 mb-md-2 text-center">Tidak</h4>
 | 
	
		
			
				|  |  | -																</Button>
 | 
	
		
			
				|  |  | -															</span>
 | 
	
		
			
				|  |  | -														</p>
 | 
	
		
			
				|  |  | -													</>
 | 
	
		
			
				|  |  | -												) : (
 | 
	
		
			
				|  |  | -													<p>Pengajuan ditutup</p>
 | 
	
		
			
				|  |  | -												)}
 | 
	
		
			
				|  |  |  											</Col>
 | 
	
		
			
				|  |  |  										</Row>
 | 
	
		
			
				|  |  |  									</CardBody>
 |