From a5f9c2ffb16f1ae700c50130be2f866e750917ed Mon Sep 17 00:00:00 2001 From: sirinbaisa <baisashirin@gmail.com> Date: Sun, 9 Apr 2017 16:45:31 +0700 Subject: [PATCH] [140652771] [#19] Applicant List Page --- assets/js/ApplicantPage.jsx | 43 +++++++++++++++++++++++++++++++------ assets/js/HomeCompany.jsx | 12 +++++++++++ assets/js/index.jsx | 4 ++-- 3 files changed, 51 insertions(+), 8 deletions(-) create mode 100644 assets/js/HomeCompany.jsx diff --git a/assets/js/ApplicantPage.jsx b/assets/js/ApplicantPage.jsx index d2b7c7aa..51334b1d 100644 --- a/assets/js/ApplicantPage.jsx +++ b/assets/js/ApplicantPage.jsx @@ -1,12 +1,43 @@ import React from 'react'; -import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label } from 'semantic-ui-react' -import ApplicantList from './components/CompanyVacancy'; +import Tabs from './components/Tabs'; +import Pane from './components/Pane'; +import Storage from './lib/Storage'; +import VacancyList from './components/VacancyList'; -export default class ApplicantPage extends React.Component{ -render() { +export default class VacancyPage extends React.Component { + constructor(props) { + super(props); + /* istanbul ignore next */ + this.state = { + email: '', + password: '', + errorFlag: false, + vacancies: [], + }; + this.handleItemClick = this.handleItemClick.bind(this); + } + + handleItemClick = (e, { name }) => this.setState({ activeItem: name }); + + render() { + const student = Storage.get('user-data').student; return ( - <ApplicantList header="Software Engineer" /> + <div className="halamanPendaftar"> + <Tabs selected={0}> + <Pane label="Lamaran Baru" > + <VacancyList key={1} studentId={student.id} url="/vacancies/" /> + </Pane> + <Pane label="Bintangi" > + <VacancyList key={2} status="Batal" studentId={student.id} url={`/students/${student.id}/applied-vacancies/`} /> + </Pane> + <Pane label="Semua Lamaran" > + <VacancyList key={3} studentId={student.id} url={`/students/${student.id}/bookmarked-vacancies/`} /> + </Pane> + </Tabs> + + </div> + ); } -} \ No newline at end of file +} diff --git a/assets/js/HomeCompany.jsx b/assets/js/HomeCompany.jsx new file mode 100644 index 00000000..6005171c --- /dev/null +++ b/assets/js/HomeCompany.jsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label } from 'semantic-ui-react' +import CompanyVacancy from './components/CompanyVacancy'; + +export default class ApplicantPage extends React.Component{ +render() { + + return ( + <CompanyVacancy header="Software Engineer"/> + ); + } +} \ No newline at end of file diff --git a/assets/js/index.jsx b/assets/js/index.jsx index d82adf25..ed5cc525 100644 --- a/assets/js/index.jsx +++ b/assets/js/index.jsx @@ -5,7 +5,7 @@ import { Segment } from 'semantic-ui-react'; import Dashboard from './Dashboard'; import Login from './Login'; import VacancyPage from './VacancyPage'; -import ApplicantPage from './ApplicantPage'; +import HomeCompany from './HomeCompany'; import Server from './lib/Server'; import Storage from './lib/Storage'; @@ -44,7 +44,7 @@ export default class App extends React.Component { <Route path="/" component={VacancyPage} /> <Route path="/profile" component={Profile} /> <Route path="/lowongan" component={VacancyPage} /> - <Route path="/applicant" component={ApplicantPage} /> + <Route path="/company" component={HomeCompany} /> <Route path="/users" component={Profile} /> </Route> <Route path="/home" onEnter={this.handleHome} /> -- GitLab