commit

pages/app/pemeriksaan/new.js

@@ -5,6 +5,7 @@ import Datetime from "react-datetime";
 import moment from "moment";
 import { insertPemeriksaan } from "../../../actions/pemeriksaan";
 import "react-datetime/css/react-datetime.css";
+import Datatable from "@/components/Tables/Datatable";
 import {
 	Row,
 	Col,
@@ -216,6 +217,76 @@ class FormStandard extends Component {
 											</div>
 										</FormGroup>
 									</form>
+									<hr className="my-4" />
+									<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
+										<FormGroup row>
+											<label className="col-md-2 col-form-label">Nomor Pelaporan</label>
+											<div className="col-md-10">
+												<Input type="text" disabled value={this.props.query.number} />
+												{/* <span className="form-text">Nomor pelaporan akan digenerate otomatis dari sistem</span> */}
+											</div>
+										</FormGroup>
+										<FormGroup row>
+											<label className="col-md-2 col-form-label">Tanggal Dokumen</label>
+											<div className="col-md-10">
+												<Datetime inputProps={{ className: "form-control" }} value={this.state.tanggal} onChange={this.setTanggal} />
+												{/* <span className="form-text">Tanggal</span> */}
+											</div>
+										</FormGroup>
+										<FormGroup row>
+											<label className="col-md-2 col-form-label">Judul Dokumen</label>
+											<div className="col-md-10">
+												<Input type="text" value={this.state.keteranganLaporan} onChange={this.setKeteranganPelaporan} />
+												{/* <Input type="textarea" value={this.state.keteranganLaporan} onChange={this.setKeteranganPelaporan} /> */}
+												{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
+											</div>
+										</FormGroup>
+										<FormGroup row>
+											<label className="col-md-2 col-form-label">Upload File Pendukung</label>
+											<div className="col-md-10">
+												<DropzoneWrapper className="" onDrop={this.onDrop}>
+													{({ getRootProps, getInputProps, isDragActive }) => {
+														return (
+															<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																<input {...getInputProps()} />
+																<div className="dropzone-previews flex">
+																	{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
+																</div>
+																<div className="d-flex align-items-center">
+																	<small className="ml-auto">
+																		<button type="button" className="btn btn-link" onClick={this.clearFiles}>
+																			Clear files
+																		</button>
+																	</small>
+																</div>
+															</div>
+														);
+													}}
+												</DropzoneWrapper>
+												<span className="form-text">Multiple files upload</span>
+											</div>
+										</FormGroup>
+										<FormGroup row>
+											<div className="col-xl-10">
+												<button className="btn btn-sm btn-primary" type="submit">
+													Submit Evaluasi
+												</button>
+											</div>
+										</FormGroup>
+									</form>
+									<hr className="my-4" />
+									<Datatable options={{ responsive: true }}>
+										<table className="table w-100">
+											<thead>
+												<tr>
+													<th>Created</th>
+													<th>Title</th>
+													<th>Status</th>
+												</tr>
+											</thead>
+											<tbody></tbody>
+										</table>
+									</Datatable>
 								</CardBody>
 							</Card>
 							{/* END card */}