|
|
@@ -25,50 +25,13 @@ class DropzoneWrapper extends Component {
|
|
|
return Dropzone ? <Dropzone {...this.props}>{this.props.children}</Dropzone> : null;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-const data = [
|
|
|
- {
|
|
|
- value: "Sanksi Administratif Sedang",
|
|
|
- // label_sanksi: "- Sanksi Administratif ringan"
|
|
|
- },
|
|
|
- {
|
|
|
- sanksi: "Penghentian Pembinaan PT",
|
|
|
- value: "Penghentian Pembinaan PT",
|
|
|
- label_sanksi: "- Sanksi Administratif Berat",
|
|
|
- },
|
|
|
- {
|
|
|
- sanksi: "Pencabutan Izin Perguruan Tinggi Swasta",
|
|
|
- value: "Pencabutan Izin Perguruan Tinggi Swasta",
|
|
|
- label_sanksi: "- Sanksi Administratif Berat",
|
|
|
- },
|
|
|
- {
|
|
|
- sanksi: "Penghentian Pembinaan Program Studi",
|
|
|
- value: "Penghentian Pembinaan Program Studi",
|
|
|
- label_sanksi: "- Sanksi Administratif Berat",
|
|
|
- },
|
|
|
- {
|
|
|
- sanksi: "Pencabutan Izin Program Studi",
|
|
|
- value: "Pencabutan Izin Program Studi",
|
|
|
- label_sanksi: "- Sanksi Administratif Berat",
|
|
|
- },
|
|
|
- {
|
|
|
- sanksi: "Pembubaran Perguruan Tinggi Negeri",
|
|
|
- value: "Pembubaran Perguruan Tinggi Negeri",
|
|
|
- label_sanksi: "- Sanksi Administratif Berat",
|
|
|
- },
|
|
|
-];
|
|
|
-
|
|
|
-// const listSanksi = data.map((d) => ({
|
|
|
-// value: d.value,
|
|
|
-// label: d.sanksi,
|
|
|
-// label_sanksi: d.label_sanksi,
|
|
|
-// }));
|
|
|
const formatOptionLabel = ({ value, sanksi, label_sanksi }) => (
|
|
|
<div style={{ display: "flex" }}>
|
|
|
<span className="">{value}</span>
|
|
|
<div style={{ marginLeft: "10px", color: "#adaca8" }}>{label_sanksi}</div>
|
|
|
</div>
|
|
|
);
|
|
|
+
|
|
|
export class UploadSurat extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
@@ -84,7 +47,6 @@ export class UploadSurat extends Component {
|
|
|
awalsanksi: "",
|
|
|
akhirsanksi: "",
|
|
|
tmtCheck: false,
|
|
|
- saveData: [],
|
|
|
terimaSuratSanksi: "",
|
|
|
tglAkhirKeberatan: "",
|
|
|
filesTandaTerimaSS: [],
|
|
|
@@ -110,7 +72,7 @@ export class UploadSurat extends Component {
|
|
|
preview: URL.createObjectURL(file),
|
|
|
})
|
|
|
),
|
|
|
- stat: "Added " + filesTandaTerimaSS.length + " file(s)",
|
|
|
+ stat: "file tanda terima sanksi " + filesTandaTerimaSS.length + " file",
|
|
|
});
|
|
|
this.props.setUploadSuratSanksi(this.state);
|
|
|
};
|
|
|
@@ -118,19 +80,11 @@ export class UploadSurat extends Component {
|
|
|
componentDidMount = async () => {
|
|
|
const { query, token } = this.props;
|
|
|
const { id } = query;
|
|
|
- const getDataSave = await getAutoSave({ token, id, laporan: true });
|
|
|
- const saveData = getDataSave.data?.penetapanSanksi;
|
|
|
- this.setState(saveData)
|
|
|
+ // const getDataSave = await getAutoSave({ id, laporan: true });
|
|
|
+ // const autosaveDataUpload = getDataSave.data?.PenetapanSanksi?.dataUpload;
|
|
|
+ // this.setState(autosaveDataUpload)
|
|
|
}
|
|
|
|
|
|
- // handleAutoSave = async () => {
|
|
|
- // const { query, token } = this.props;
|
|
|
- // const { id } = query;
|
|
|
- // const { nomorSanksi, keterangan } = this.state
|
|
|
- // const saveData = await inputAutoSave({ data: { penetapanSanksi: { nomorSanksi, keterangan } }, token, id, laporan: true })
|
|
|
-
|
|
|
- // }
|
|
|
-
|
|
|
uploadFiles = (e) => {
|
|
|
e.preventDefault();
|
|
|
e.stopPropagation();
|
|
|
@@ -145,11 +99,9 @@ export class UploadSurat extends Component {
|
|
|
e.stopPropagation();
|
|
|
this.setState({
|
|
|
stat: this.state.files.length ? this.state.files.length + " file(s) cleared." : "No files to clear.",
|
|
|
- stat: this.state.filesBeritaAcara.length ? this.state.filesBeritaAcara.length + " file(s) cleared." : "No files to clear.",
|
|
|
});
|
|
|
this.setState({
|
|
|
files: [],
|
|
|
- filesBeritaAcara: [],
|
|
|
});
|
|
|
this.props.setUploadSuratSanksi(this.state);
|
|
|
};
|
|
|
@@ -165,29 +117,49 @@ export class UploadSurat extends Component {
|
|
|
this.props.setUploadSuratSanksi(this.state);
|
|
|
};
|
|
|
|
|
|
- toRingkasan = () => {
|
|
|
+ // handleAutoSave = () => {
|
|
|
+ // this.props.handleAutoSave()
|
|
|
+ // }
|
|
|
+
|
|
|
+ setUploadSuratSanksi = () => {
|
|
|
this.props.setUploadSuratSanksi(this.state);
|
|
|
};
|
|
|
|
|
|
setNomorSanksi = (e) => {
|
|
|
- this.setState({ nomorSanksi: e.target.value }, this.toRingkasan);
|
|
|
+ // this.setState({ nomorSanksi: e.target.value }, this.setUploadSuratSanksi);
|
|
|
+ this.state.nomorSanksi = e.target.value
|
|
|
+ this.setUploadSuratSanksi()
|
|
|
+ // this.handleAutoSave()
|
|
|
+
|
|
|
};
|
|
|
|
|
|
setKeterangan = (e) => {
|
|
|
- this.setState({ keterangan: e.target.value }, this.toRingkasan);
|
|
|
+ // this.setState({ keterangan: e.target.value }, this.setUploadSuratSanksi);
|
|
|
+ this.state.keterangan = e.target.value
|
|
|
+ this.setUploadSuratSanksi()
|
|
|
+ // this.handleAutoSave()
|
|
|
+ };
|
|
|
+ setAkhirSanksi = (akhirsanksi) => {
|
|
|
+ // this.setState({ keterangan: e.target.value }, this.setUploadSuratSanksi);
|
|
|
+ this.state.akhirsanksi = akhirsanksi
|
|
|
+ this.setUploadSuratSanksi()
|
|
|
+ // this.handleAutoSave()
|
|
|
};
|
|
|
|
|
|
setListSanksi = (ls) => {
|
|
|
- this.setState({ listSanksi: ls.target.value }, this.toRingkasan);
|
|
|
+ this.setState({ listSanksi: ls.target.value }, this.setUploadSuratSanksi);
|
|
|
};
|
|
|
handleChangeListSanksi = (listSanksi) => {
|
|
|
- this.setState({ listSanksi }, this.toRingkasan);
|
|
|
+ this.setState({ listSanksi }, this.setUploadSuratSanksi);
|
|
|
};
|
|
|
handleTmtCheck = () => {
|
|
|
- this.setState({ tmtCheck: !this.state.tmtCheck }, this.toRingkasan);
|
|
|
+ // this.setState({ tmtCheck: !this.state.tmtCheck }, this.setUploadSuratSanksi);
|
|
|
+ this.state.tmtCheck = !this.state.tmtCheck
|
|
|
+ this.setUploadSuratSanksi()
|
|
|
+ // this.handleAutoSave()
|
|
|
}
|
|
|
render() {
|
|
|
- const { files, filesBeritaAcara, terimaSuratSanksi, tglAkhirKeberatan, filesTandaTerimaSS, tmtCheck } = this.state;
|
|
|
+ const { files, terimaSuratSanksi, tglAkhirKeberatan, filesTandaTerimaSS, tmtCheck } = this.state;
|
|
|
const removeFile = file => () => {
|
|
|
const newFiles = [...files]
|
|
|
newFiles.splice(newFiles.indexOf(file), 1)
|
|
|
@@ -217,15 +189,15 @@ export class UploadSurat extends Component {
|
|
|
return (
|
|
|
<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
|
|
|
<FormGroup row>
|
|
|
- <label className="col-md-2 col-form-label">Nomor Surat:</label>
|
|
|
+ <label className="col-md-2 col-form-label">Nomor Surat<span className="text-danger">*</span></label>
|
|
|
<div className="col-md-10">
|
|
|
- <Input type="text" value={this.state.nomorSanksi} onChange={(e) => { this.setNomorSanksi(e); this.props.handleAutoSave() }} />
|
|
|
+ <Input type="text" value={this.state.nomorSanksi} onChange={(e) => { this.setNomorSanksi(e) }} />
|
|
|
</div>
|
|
|
</FormGroup>
|
|
|
<FormGroup row className="mt-3">
|
|
|
- <label className="col-md-2 col-form-label">Keterangan</label>
|
|
|
+ <label className="col-md-2 col-form-label">Keterangan<span className="text-danger">*</span></label>
|
|
|
<div className="col-md-10">
|
|
|
- <Input type="textarea" value={this.state.keterangan} onChange={(e) => { this.setKeterangan(e); this.props.handleAutoSave() }} required />
|
|
|
+ <Input type="textarea" value={this.state.keterangan} onChange={(e) => { this.setKeterangan(e) }} required />
|
|
|
</div>
|
|
|
</FormGroup>
|
|
|
<FormGroup row>
|
|
|
@@ -233,7 +205,7 @@ export class UploadSurat extends Component {
|
|
|
<div className="col-md-10 mt-2">
|
|
|
<div className="checkbox c-checkbox">
|
|
|
<label>
|
|
|
- <Input type="checkbox" onChange={this.handleTmtCheck} defaultChecked={this.state.tmtCheck} />
|
|
|
+ <Input type="checkbox" onChange={() => this.handleTmtCheck()} defaultChecked={this.state.tmtCheck} />
|
|
|
<span className="fa fa-check"></span></label>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -243,12 +215,12 @@ export class UploadSurat extends Component {
|
|
|
<label className="col-md-2 col-form-label">Tanggal Penetapan Sanksi</label>
|
|
|
<span className="col-sm-3 float-left">
|
|
|
<DatePicker
|
|
|
- selected={this.state.awalsanksi}
|
|
|
+ selected={this.state.awalsanksi ? new Date(this.state.awalsanksi) : this.state.awalsanksi}
|
|
|
onChange={(awalsanksi) => {
|
|
|
- this.setState({ awalsanksi }, this.toRingkasan)
|
|
|
+ this.setState({ awalsanksi }, this.setUploadSuratSanksi)
|
|
|
}}
|
|
|
dateFormat="dd/MM/yyyy"
|
|
|
- maxDate={this.state.startDay}
|
|
|
+ maxDate={new Date(this.state.startDay)}
|
|
|
placeholderText="Isi Tanggal"
|
|
|
locale={id}
|
|
|
className="form-control bg-white"
|
|
|
@@ -264,12 +236,12 @@ export class UploadSurat extends Component {
|
|
|
<FormGroup>
|
|
|
<span className="ml-3">
|
|
|
<DatePicker
|
|
|
- selected={this.state.awalsanksi}
|
|
|
+ selected={this.state.awalsanksi ? new Date(this.state.awalsanksi) : this.state.awalsanksi}
|
|
|
onChange={(awalsanksi) => {
|
|
|
- this.setState({ awalsanksi }, this.toRingkasan)
|
|
|
+ this.setState({ awalsanksi }, this.setUploadSuratSanksi)
|
|
|
}}
|
|
|
dateFormat="dd/MM/yyyy"
|
|
|
- maxDate={this.state.startDay}
|
|
|
+ maxDate={new Date(this.state.startDay)}
|
|
|
placeholderText="Dari Tanggal"
|
|
|
locale={id}
|
|
|
className="form-control bg-white"
|
|
|
@@ -282,12 +254,13 @@ export class UploadSurat extends Component {
|
|
|
<FormGroup>
|
|
|
<span className="ml-3">
|
|
|
<DatePicker
|
|
|
- selected={this.state.akhirsanksi}
|
|
|
- onChange={(akhirsanksi) => {
|
|
|
- this.setState({ akhirsanksi }, this.toRingkasan)
|
|
|
- }}
|
|
|
+ selected={this.state.akhirsanksi ? new Date(this.state.akhirsanksi) : this.state.akhirsanksi}
|
|
|
+ // onChange={(akhirsanksi, e) => {
|
|
|
+ // this.setState({ akhirsanksi }, this.setUploadSuratSanksi(e), this.props.handleAutoSave(e))
|
|
|
+ // }}
|
|
|
+ onChange={(akhirsanksi) => { this.setAkhirSanksi(akhirsanksi) }}
|
|
|
dateFormat="dd/MM/yyyy"
|
|
|
- minDate={this.state.awalsanksi}
|
|
|
+ minDate={new Date(this.state.awalsanksi)}
|
|
|
maxDate={addMonths(new Date(this.state.awalsanksi), 6)}
|
|
|
placeholderText="Sampai tanggal"
|
|
|
locale={id}
|
|
|
@@ -320,8 +293,8 @@ export class UploadSurat extends Component {
|
|
|
<div className="col-md-10">
|
|
|
<Select
|
|
|
options={this.props.listSanksi.map(e => ({ value: `Sanksi Administratif ${e.split(";")[0]} - ${e.split(";")[1]}` }))}
|
|
|
- formatOptionLabel={formatOptionLabel}
|
|
|
isMulti
|
|
|
+ formatOptionLabel={formatOptionLabel}
|
|
|
onChange={(e) => {
|
|
|
this.handleChangeListSanksi(e);
|
|
|
}}
|
|
|
@@ -330,7 +303,7 @@ export class UploadSurat extends Component {
|
|
|
</FormGroup>
|
|
|
<FormGroup row>
|
|
|
<label className="col-md-2 col-form-label">
|
|
|
- Dokumen Surat Sanksi<span>: </span><span className="text-danger">*</span>
|
|
|
+ Dokumen Surat Sanksi<span className="text-danger">*</span>
|
|
|
</label>
|
|
|
<div className="col-md-10">
|
|
|
<DropzoneWrapper className="" onDrop={this.onDrop}>
|
|
|
@@ -370,7 +343,7 @@ export class UploadSurat extends Component {
|
|
|
</FormGroup>
|
|
|
<FormGroup row>
|
|
|
<label className="col-md-2 col-form-label">
|
|
|
- Dokumen Laporan Evaluasi dan Pembahasan<span>: </span>
|
|
|
+ Dokumen Laporan Evaluasi dan Pembahasan
|
|
|
</label>
|
|
|
<div className="col-md-10">
|
|
|
|
|
|
@@ -390,15 +363,15 @@ export class UploadSurat extends Component {
|
|
|
</div>
|
|
|
</FormGroup>
|
|
|
<FormGroup row className="mt-3">
|
|
|
- <label className="col-md-2 col-form-label">Tanggal Terima Surat Sanksi</label>
|
|
|
+ <label className="col-md-2 col-form-label">Tanggal Terima Surat Sanksi<span className="text-danger">*</span></label>
|
|
|
<span className="col-sm-3 float-left">
|
|
|
<DatePicker
|
|
|
- selected={terimaSuratSanksi}
|
|
|
+ selected={this.state.terimaSuratSanksi ? new Date(this.state.terimaSuratSanksi) : this.state.terimaSuratSanksi}
|
|
|
onChange={(terimaSuratSanksi) => {
|
|
|
- this.setState({ terimaSuratSanksi }, this.toRingkasan)
|
|
|
+ this.setState({ terimaSuratSanksi }, this.setUploadSuratSanksi)
|
|
|
}}
|
|
|
dateFormat="dd/MM/yyyy"
|
|
|
- minDate={this.state.awalsanksi}
|
|
|
+ minDate={new Date(this.state.awalsanksi)}
|
|
|
placeholderText="Isi Tanggal"
|
|
|
locale={id}
|
|
|
className="form-control bg-white"
|
|
|
@@ -407,7 +380,7 @@ export class UploadSurat extends Component {
|
|
|
</FormGroup>
|
|
|
<FormGroup row>
|
|
|
<label className="col-md-2 col-form-label">
|
|
|
- Dokumen Tanda Terima Surat Sanksi<span>: </span><span className="text-danger">*</span>
|
|
|
+ Dokumen Tanda Terima Surat Sanksi<span className="text-danger">*</span>
|
|
|
</label>
|
|
|
<div className="col-md-10">
|
|
|
<DropzoneWrapper className="" onDrop={this.onDropTandaTerimaSS}>
|
|
|
@@ -446,18 +419,19 @@ export class UploadSurat extends Component {
|
|
|
</div>
|
|
|
</FormGroup>
|
|
|
<FormGroup row className="mt-3">
|
|
|
- <label className="col-md-2 col-form-label">Akhir Permohonan Keberatan Sanksi
|
|
|
+ <label className="col-md-2 col-form-label">Tanggal Akhir Pengajuan Keberatan<span className="text-danger">*</span>
|
|
|
<p>
|
|
|
- Note : 21 hari kerja </p>
|
|
|
+ Note : 21 hari kerja
|
|
|
+ </p>
|
|
|
</label>
|
|
|
<span className="col-sm-3 float-left">
|
|
|
<DatePicker
|
|
|
- selected={tglAkhirKeberatan}
|
|
|
+ selected={this.state.tglAkhirKeberatan ? new Date(this.state.tglAkhirKeberatan) : this.state.tglAkhirKeberatan}
|
|
|
onChange={(tglAkhirKeberatan) => {
|
|
|
- this.setState({ tglAkhirKeberatan }, this.toRingkasan)
|
|
|
+ this.setState({ tglAkhirKeberatan }, this.setUploadSuratSanksi)
|
|
|
}}
|
|
|
dateFormat="dd/MM/yyyy"
|
|
|
- minDate={terimaSuratSanksi}
|
|
|
+ minDate={new Date(terimaSuratSanksi)}
|
|
|
placeholderText="Isi Tanggal"
|
|
|
locale={id}
|
|
|
className="form-control bg-white"
|
