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
PMPL
Class Project
Kape
Commits
968961c2
Commit
968961c2
authored
Apr 24, 2017
by
sirinbaisa
Browse files
[
#23
][#140652771] Tambahin icon verified
parent
6299bee8
Changes
6
Hide whitespace changes
Inline
Side-by-side
assets/css/custom.css
View file @
968961c2
...
...
@@ -59,10 +59,12 @@ background-color: #EEEEEE;
}
.halamanLogin
{
width
:
1000px
;
height
:
646px
;
background-size
:
cover
;
background
:
url("../img/bw-blur.png")
fixed
center
;
background
:
url("../img/background.png")
no-repeat
center
center
fixed
;
-webkit-background-size
:
cover
;
-moz-background-size
:
cover
;
-o-background-size
:
cover
;
background-size
:
cover
;
padding-bottom
:
80px
;
}
...
...
@@ -72,7 +74,7 @@ background-color: #EEEEEE;
}
.formLogin
{
margin
:
8
0px
auto
0
;
margin
:
3
0px
auto
0
;
width
:
430px
;
}
...
...
assets/img/background.png
0 → 100644
View file @
968961c2
61.2 KB
assets/img/background2.png
0 → 100644
View file @
968961c2
178 KB
assets/js/HomeCompany.jsx
View file @
968961c2
import
React
from
'
react
'
;
import
CompanyVacancy
from
'
./components/CompanyVacancy
'
;
import
{
Segment
}
from
'
semantic-ui-react
'
;
export
default
class
ApplicantPage
extends
React
.
Component
{
render
()
{
return
(
<
CompanyVacancy
header
=
"Software Engineer"
/>
<
CompanyVacancy
header
=
"Software Engineer"
/>
);
}
}
assets/js/components/CompanyVacancy.jsx
View file @
968961c2
import
React
from
'
react
'
;
import
moment
from
'
moment
'
;
import
{
Button
,
Icon
,
Item
}
from
'
semantic-ui-react
'
;
import
{
Button
,
Icon
,
Item
,
Segment
}
from
'
semantic-ui-react
'
;
import
{
Link
}
from
'
react-router
'
;
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
...
...
@@ -19,23 +19,29 @@ export default class ApplicantList extends React.Component {
render
()
{
return
(
<
Item
className
=
"applicantItems"
>
<
Item
.
Image
src
=
{
this
.
props
.
data
.
company
.
logo
?
this
.
props
.
data
.
company
.
logo
:
defaultImage
}
size
=
"small"
/>
<
Item
.
Content
>
<
Item
.
Header
as
=
"a"
>
{
this
.
props
.
data
.
name
}
</
Item
.
Header
>
<
Button
color
=
"blue"
floated
=
"right"
as
=
{
Link
}
to
=
{
this
.
getLink
}
>
Ubah
<
Icon
name
=
"right chevron"
/>
</
Button
>
<
Segment
compact
basic
floated
=
"right"
>
<
h4
>
<
Icon
name
=
"right checkmark box"
size
=
"large"
color
=
"green"
/>
Verified
</
h4
>
<
Button
color
=
"blue"
floated
=
"right"
as
=
{
Link
}
to
=
{
this
.
getLink
}
>
Ubah
<
Icon
name
=
"right chevron"
/>
</
Button
>
</
Segment
>
<
Item
.
Extra
>
<
h3
>
105 Pendaftar
</
h3
>
Ditutup
{
moment
(
moment
(
this
.
props
.
data
.
close_time
)).
fromNow
()
}
Ditutup
{
moment
(
moment
(
this
.
props
.
data
.
close_time
)).
fromNow
()
}
</
Item
.
Extra
>
</
Item
.
Content
>
</
Item
>
);
}
}
assets/js/components/VacancyList.jsx
View file @
968961c2
import
React
from
'
react
'
;
import
{
Item
,
Button
,
Grid
}
from
'
semantic-ui-react
'
;
import
{
Item
,
Button
,
Grid
,
Segment
}
from
'
semantic-ui-react
'
;
import
{
Link
}
from
'
react-router
'
;
import
Vacancy
from
'
./Vacancy
'
;
import
CompanyVacancy
from
'
./CompanyVacancy
'
;
...
...
@@ -84,11 +84,15 @@ export default class VacancyList extends React.Component {
}
render
=
()
=>
(
<
Segment
>
<
Grid
container
columns
=
"eleven"
doubling
>
{
this
.
companyHeader
()
}
<
Item
.
Group
relaxed
style
=
{
{
width
:
'
100%
'
}
}
>
{
this
.
generateVacancies
()
}
</
Item
.
Group
>
<
Item
.
Group
relaxed
style
=
{
{
width
:
'
100%
'
}
}
>
{
this
.
generateVacancies
()
}
</
Item
.
Group
>
</
Grid
>
</
Segment
>
);
}
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