Fakultas Ilmu Komputer UI
Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Fasilkom UI Open Source Software
Kape
Commits
fa7962b2
Commit
fa7962b2
authored
May 03, 2017
by
sirinbaisa
Browse files
[#36][#140653601] Page Admin List Vacancy dan Verify Vacancy
parent
00405457
Changes
4
Hide whitespace changes
Inline
Side-by-side
assets/js/AdminVacancyPage.jsx
0 → 100644
View file @
fa7962b2
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
0 → 100644
View file @
fa7962b2
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
0 → 100644
View file @
fa7962b2
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
View file @
fa7962b2
...
...
@@ -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
)
}
/>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment