[#36][#140653601] Page Admin List Vacancy dan Verify Vacancy

assets/js/AdminVacancyPage.jsx

+import React from 'react';
+import Tabs from './components/Tabs';
+import Pane from './components/Pane';
+import AdminVacancy from './components/AdminVacancy';
+import { Item } from 'semantic-ui-react';
+
+
+export default class AdminVacancyPage extends React.Component {
+
+  render() {
+    return (
+      <Tabs selected={0}>
+        <Pane label="Lowongan Belum Terferivikasi" >
+          <Item.Group>
+            <AdminVacancy />
+          </Item.Group>
+        </Pane>
+        <Pane label=" Semua Lamaran" />
+      </Tabs>
+    );
+  }
+}

assets/js/components/AdminVacancy.jsx

+import React from 'react';
+import { Button, Icon, Item, Grid } from 'semantic-ui-react';
+import AdminVerificationModal from './AdminVerificationModal';
+
+export default class AdminVacancyPage extends React.Component {
+
+  render() {
+    return (
+      <Item className="adminItems">
+        <Item.Image src="http://semantic-ui.com/images/wireframe/image.png" size="small" />
+        <Item.Content>
+          <Item.Header as="a">Software Engineer</Item.Header>
+          <Grid.Row>
+            <Grid.Column floated="left">
+              <h4>Jalanloka </h4>
+                Jakarta Barat, DKI Jakarta
+            </Grid.Column>
+            <Grid.Column floated="right">
+              <h4> <Icon name="remove circle" size="large" color="red" /> Belum Terverifikasi </h4>
+              <AdminVerificationModal />
+            </Grid.Column>
+          </Grid.Row>
+        </Item.Content>
+      </Item>
+    );
+  }
+}

assets/js/components/AdminVerificationModal.jsx

+import React from 'react';
+import { Button, Header, Modal, Grid } from 'semantic-ui-react';
+
+export default class AdminVerificationModal extends React.Component {
+
+  state = { modalOpen: false }
+
+  handleOpen = () => this.setState({
+    modalOpen: true,
+  });
+
+  handleClose = () => this.setState({
+    modalOpen: false,
+  });
+
+  render() {
+    return (
+
+      <Modal
+        trigger={
+          <Button color="blue" icon="right chevron" labelPosition="right" floated="right" content="ubah" onClick={this.handleOpen} />
+        }
+        closeIcon="close"
+        open={this.state.modalOpen}
+        onClose={this.handleClose}
+      >
+        <Modal.Header>Software Engineer</Modal.Header>
+        <Modal.Content >
+          <Modal.Description>
+            <Header>Deskripsi Lowongan</Header>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+              sed do eiusmod tempor incididunt ut labore et dolore
+              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+              laboris nisi ut aliquip ex ea commodo consequat.
+          </Modal.Description>
+        </Modal.Content>
+
+        <Modal.Actions>
+          <Grid columns={2} >
+            <Grid.Column>
+              <Button color="red" floated="left" onClick={this.handleClose} >Hapus</Button>
+            </Grid.Column>
+            <Grid.Column>
+              <Button color="blue" floated="right" onClick={this.handleClose}>Ubah</Button>
+              <Button color="green" floated="right" onClick={this.handleClose}>Verifikasi</Button>
+            </Grid.Column>
+          </Grid>
+        </Modal.Actions>
+
+      </Modal>
+    );
+  }
+}

assets/js/index.jsx

@@ -11,6 +11,7 @@ import Server from './lib/Server';
 import Storage from './lib/Storage';
 import ApplicantPage from './ApplicantPage';
 import TranscriptPage from './TranscriptPage';
+import AdminVacancyPage from './AdminVacancyPage';
 
 export default class App extends React.Component {
 
@@ -92,6 +93,7 @@ export default class App extends React.Component {
         <Route component={Dashboard} onEnter={this.handleAuth}>
           <Route path="/transcript/:id" component={company(TranscriptPage)} />
           <Route path="/lowongan" component={commonUser(VacancyPage)} />
+          <Route path="/admin-lowongan" component={AdminVacancyPage} />
           <Route path="/buat-lowongan" component={company(CreateVacancy)} />
           <Route path="/buat-lowongan/:id" component={company(CreateVacancy)} />
           <Route path="/pelamar" component={company(ApplicantPage)} />