|
|
@@ -238,57 +238,111 @@ class JawabanPencabutanSanksi extends Component {
|
|
|
) : (
|
|
|
""
|
|
|
)}
|
|
|
- <FormGroup>
|
|
|
- <label className="row-form-label">Upload Dokumen:</label>
|
|
|
- <div className="row-md-10">
|
|
|
- <Field name="dokumen">
|
|
|
- {({ field, form }) => (
|
|
|
- <DropzoneWrapper
|
|
|
- className=""
|
|
|
- onDrop={(e) => {
|
|
|
- this.onDrop(e);
|
|
|
- form.setFieldValue(field.name, e);
|
|
|
- }}
|
|
|
- >
|
|
|
- {({ getRootProps, getInputProps, isDragActive }) => {
|
|
|
- return (
|
|
|
- <div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
|
|
|
- <input {...getInputProps()} />
|
|
|
- <div className="dropzone-previews flex">
|
|
|
- <div className="dropzone-style-1">
|
|
|
- <div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
|
|
|
- <div className="text-center fa-2x icon-cloud-upload mr-2 ">
|
|
|
- <h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
|
|
|
+ {selectedOption && selectedOption.value === "Rekomendasi Perbaikan" ? (
|
|
|
+ <FormGroup>
|
|
|
+ <label className="row-form-label">Upload Dokumen (Opsional) :</label>
|
|
|
+ <div className="row-md-10">
|
|
|
+ <Field name="dokumen">
|
|
|
+ {({ field, form }) => (
|
|
|
+ <DropzoneWrapper
|
|
|
+ className=""
|
|
|
+ onDrop={(e) => {
|
|
|
+ this.onDrop(e);
|
|
|
+ form.setFieldValue(field.name, e);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {({ getRootProps, getInputProps, isDragActive }) => {
|
|
|
+ return (
|
|
|
+ <div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
|
|
|
+ <input {...getInputProps()} />
|
|
|
+ <div className="dropzone-previews flex">
|
|
|
+ <div className="dropzone-style-1">
|
|
|
+ <div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
|
|
|
+ <div className="text-center fa-2x icon-cloud-upload mr-2 ">
|
|
|
+ <h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
</div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- </div> </div>
|
|
|
- <div className="d-flex align-items-center">
|
|
|
- <small className="ml-auto">
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- className="btn btn-link"
|
|
|
- onClick={(e) => {
|
|
|
- this.clearFiles(e);
|
|
|
- form.setFieldValue(field.name, []);
|
|
|
- }}
|
|
|
- >
|
|
|
- Reset dokumen
|
|
|
- </button>
|
|
|
- </small>
|
|
|
+ </div> </div>
|
|
|
+ <div className="d-flex align-items-center">
|
|
|
+ <small className="ml-auto">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ className="btn btn-link"
|
|
|
+ onClick={(e) => {
|
|
|
+ this.clearFiles(e);
|
|
|
+ form.setFieldValue(field.name, []);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ Reset dokumen
|
|
|
+ </button>
|
|
|
+ </small>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- );
|
|
|
- }}
|
|
|
- </DropzoneWrapper>
|
|
|
- )}
|
|
|
- </Field>
|
|
|
- <ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
|
|
|
- <p className="mrgn-top-5">
|
|
|
- Ukuran setiap dokumen maksimal 15mb
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </FormGroup>
|
|
|
+ );
|
|
|
+ }}
|
|
|
+ </DropzoneWrapper>
|
|
|
+ )}
|
|
|
+ </Field>
|
|
|
+ <ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
|
|
|
+ <p className="mrgn-top-5">
|
|
|
+ Ukuran setiap dokumen maksimal 15mb
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </FormGroup>
|
|
|
+ ) : (
|
|
|
+ <FormGroup>
|
|
|
+ <label className="row-form-label">Upload Dokumen <span className=" text-danger">*</span>:</label>
|
|
|
+ <div className="row-md-10">
|
|
|
+ <Field name="dokumen">
|
|
|
+ {({ field, form }) => (
|
|
|
+ <DropzoneWrapper
|
|
|
+ className=""
|
|
|
+ onDrop={(e) => {
|
|
|
+ this.onDrop(e);
|
|
|
+ form.setFieldValue(field.name, e);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {({ getRootProps, getInputProps, isDragActive }) => {
|
|
|
+ return (
|
|
|
+ <div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
|
|
|
+ <input {...getInputProps()} />
|
|
|
+ <div className="dropzone-previews flex">
|
|
|
+ <div className="dropzone-style-1">
|
|
|
+ <div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
|
|
|
+ <div className="text-center fa-2x icon-cloud-upload mr-2 ">
|
|
|
+ <h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ </div>
|
|
|
+ </div> </div>
|
|
|
+ <div className="d-flex align-items-center">
|
|
|
+ <small className="ml-auto">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ className="btn btn-link"
|
|
|
+ onClick={(e) => {
|
|
|
+ this.clearFiles(e);
|
|
|
+ form.setFieldValue(field.name, []);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ Reset dokumen
|
|
|
+ </button>
|
|
|
+ </small>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }}
|
|
|
+ </DropzoneWrapper>
|
|
|
+ )}
|
|
|
+ </Field>
|
|
|
+ <ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
|
|
|
+ <p className="mrgn-top-5">
|
|
|
+ Ukuran setiap dokumen maksimal 15mb
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </FormGroup>
|
|
|
+ )}
|
|
|
<FormGroup>
|
|
|
<div className="row-xl-10">
|
|
|
<Button color className="color-3e3a8e" type="submit">
|