|
|
@@ -16,11 +16,6 @@ const stepNavitemStyle = {
|
|
|
class Detail extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
- this.state = {
|
|
|
- activeStep: "1",
|
|
|
- checkedData: [],
|
|
|
- dataUpload: null,
|
|
|
- };
|
|
|
}
|
|
|
|
|
|
static getInitialProps = async ({ query }) => {
|
|
|
@@ -28,48 +23,11 @@ class Detail extends Component {
|
|
|
return { query, pelaporan };
|
|
|
};
|
|
|
|
|
|
- done = async (e) => {
|
|
|
- e.preventDefault();
|
|
|
- const { ptId, number } = this.props.query;
|
|
|
- const formdata = new FormData();
|
|
|
- formdata.append("no_sanksi", this.state.dataUpload.nomorSanksi);
|
|
|
- formdata.append("description", this.state.dataUpload.keterangan);
|
|
|
- formdata.append("pelanggaran", this.state.checkedData.map((e) => e._id).join());
|
|
|
- if (this.state.dataUpload.files.length > 0) {
|
|
|
- this.state.dataUpload.files.forEach((e) => {
|
|
|
- formdata.append("files", e);
|
|
|
- });
|
|
|
- }
|
|
|
- const create = await createSanksi({ ptId, number }, formdata);
|
|
|
- // console.log(create);
|
|
|
- if (create) {
|
|
|
- Router.push({
|
|
|
- pathname: "/app/sanksi",
|
|
|
- });
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- toggleStep = (activeStep) => () => {
|
|
|
- if (this.state.activeStep !== activeStep) {
|
|
|
- this.setState({
|
|
|
- activeStep,
|
|
|
- });
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- setCheckedData = (data) => {
|
|
|
- this.setState({ checkedData: data });
|
|
|
- };
|
|
|
-
|
|
|
- setUploadSuratSanksi = (data) => {
|
|
|
- this.setState({ dataUpload: data });
|
|
|
- };
|
|
|
-
|
|
|
render() {
|
|
|
const { pelaporan } = this.props;
|
|
|
return (
|
|
|
<ContentWrapper unwrap>
|
|
|
- <Header />
|
|
|
+ {/* <Header /> */}
|
|
|
<div className="p-3">
|
|
|
<div className="content-heading">
|
|
|
<div>Detail Sanksi</div>
|
|
|
@@ -82,35 +40,8 @@ class Detail extends Component {
|
|
|
<Card className="card-default">
|
|
|
<CardBody>
|
|
|
<Row>
|
|
|
- <Col xs="4">
|
|
|
- <Nav pills vertical={true}>
|
|
|
- <NavItem style={stepNavitemStyle}>
|
|
|
- <NavLink
|
|
|
- tag="div"
|
|
|
- className={classnames({
|
|
|
- active: this.state.activeStep === "1",
|
|
|
- })}
|
|
|
- onClick={this.toggleStep("1")}
|
|
|
- >
|
|
|
- <h4 className="text-left my-3">1. Detail Sanksi</h4>
|
|
|
- </NavLink>
|
|
|
- </NavItem>
|
|
|
- </Nav>
|
|
|
- </Col>
|
|
|
- <Col xs="8">
|
|
|
- <TabContent activeTab={this.state.activeStep} className="border-0">
|
|
|
- <TabPane tabId="1">
|
|
|
- <div className="pt-3 mb-3">
|
|
|
- <h2>Detail Sanksi</h2>
|
|
|
- <Row>
|
|
|
- <Col>
|
|
|
- <DetailSanksi noTitle data={pelaporan.data[0]} />
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- <hr />
|
|
|
- </TabPane>
|
|
|
- </TabContent>
|
|
|
+ <Col>
|
|
|
+ <DetailSanksi data={pelaporan.data[0]} />
|
|
|
</Col>
|
|
|
</Row>
|
|
|
</CardBody>
|