[Implementation] Add logic to create vacancy

assets/js/CreateVacancy.jsx

+import React from 'react';
+import { Segment, Button, Form, Header, Icon, Input } from 'semantic-ui-react';
+import { browserHistory } from 'react-router';
+import DatePicker from 'react-datepicker';
+import moment from 'moment';
+import ModalAlert from './components/ModalAlert';
+import Server from './lib/Server';
+import Storage from './lib/Storage';
+import Dumper from './lib/Dumper';
+
+export default class CreateVacancy extends React.Component {
+
+  constructor(props) {
+    super(props);
+    /* istanbul ignore next */
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.state = {
+      formLoading: false,
+      company: Storage.get('user-data').company,
+      open_time: moment(),
+      close_time: moment(),
+    };
+  }
+
+  handleChange = (e) => {
+    this.setState({ [e.target.name]: e.target.value });
+  };
+
+  handleSubmit = (e) => {
+    e.preventDefault();
+    this.setState({ formLoading: true });
+
+    const data = Object.assign({}, this.state);
+    data.open_time = data.open_time.format();
+    data.close_time = data.close_time.format();
+    data.company = this.state.company.id;
+    console.log(data);
+
+    Server.post('/vacancies/', this.state).then((response) => {
+      browserHistory.push('/lowongan');
+    }, error => error.then((r) => {
+      this.modalAlert.open('Gagal Membuat Lowongan', Dumper.dump(r,'    '));
+      this.setState({ formLoading: false });
+    }));
+  };
+
+  render = () => (
+    <div className="create-lowongan" >
+      <ModalAlert ref={(modal) => { this.modalAlert = modal; }} />
+      <Segment className="form-segment">
+        <Header as="h2" icon textAlign="center">
+          <Icon name="briefcase" circular />
+          <Header.Content>
+              Lowongan KP
+            </Header.Content>
+        </Header>
+        <Form loading={this.state.formLoading} onSubmit={this.handleSubmit}>
+          <Form.Field label="Posisi" name="name" control={Input} onChange={this.handleChange} required />
+          <Form.TextArea label="Deskripsi" placeholder="Deskripsi Lowongan..." required />
+          <Form.Group widths="equal">
+            <Form.Field
+              className="open-time-field"
+              control={DatePicker}
+              label="Waktu Buka Lowongan"
+              selected={this.state.open_time}
+              onChange={date => this.setState({ open_time: date })}
+              required
+            />
+            <Form.Field
+              className="close-time-field"
+              control={DatePicker}
+              label="Waktu Tutup Lowongan"
+              selected={this.state.close_time}
+              onChange={date => this.setState({ close_time: date })}
+              required
+            />
+          </Form.Group>
+          <Button type="submit" primary floated="right">Submit</Button>
+        </Form>
+      </Segment>
+    </div>
+  );
+}