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
28d696be
Commit
28d696be
authored
Jun 01, 2017
by
Zamil Majdy
Browse files
Add footer on the main menuu
parent
be062533
Changes
12
Hide whitespace changes
Inline
Side-by-side
assets/css/custom.css
View file @
28d696be
...
...
@@ -23,9 +23,9 @@ background-color: #EEEEEE;
}
.create-lowongan
{
padding-bottom
:
7%
;
padding-left
:
15%
;
padding-right
:
15%
;
padding-bottom
:
7%
;
padding-left
:
15%
;
padding-right
:
15%
;
}
.ui.segment.form-segment
{
...
...
@@ -36,8 +36,8 @@ padding-right:15%;
background
:
#fff
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
3px
;
margin
:
3%
7%
30px
;
margin-top
:
1%
;
margin
:
0
7%
;
display
:
block
;
}
.tabs__labels
{
margin
:
0
;
...
...
@@ -197,8 +197,9 @@ card .formRegis{
#react-app
{
position
:
relative
;
/* needed for footer positioning*/
height
:
auto
!important
;
/
* real browsers */
/*
height:
100%
!important;
!
* real browsers
*!
*/
min-height
:
100%
;
/* real browsers */
box-sizing
:
border-box
;
background-color
:
#EEEEEE
;
}
...
...
@@ -206,11 +207,18 @@ card .formRegis{
padding-bottom
:
5%
;
}
.mainContent
{
padding-bottom
:
40px
;
}
.footer
{
background-color
:
#031634
;
position
:
absolute
;
right
:
0
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
height
:
25px
;
padding
:
1%
;
}
...
...
@@ -218,9 +226,9 @@ card .formRegis{
color
:
white
;
}
.profilePage
{
margin-bottom
:
40px
;
margin-left
:
5%
;
margin-right
:
5%
;
margin-bottom
:
auto
;
}
.ui.segment.segmentProfileCompany
{
...
...
assets/js/CompanyProfile.jsx
View file @
28d696be
...
...
@@ -9,7 +9,7 @@ export default class CompanyProfile extends React.Component {
};
render
()
{
const
defaultLogo
=
'
http://semantic-ui.com/images/wireframe/square-image.png
'
;
const
defaultLogo
=
'
http
s
://semantic-ui.com/images/wireframe/square-image.png
'
;
const
data
=
TopMenu
.
getInfo
(
this
.
props
.
user
);
console
.
log
(
data
);
return
(
...
...
assets/js/Dashboard.jsx
View file @
28d696be
import
React
from
'
react
'
;
import
TopMenu
from
'
./components/TopMenu
'
;
import
Footer
from
'
./components/Footer
'
;
export
default
class
Dashboard
extends
React
.
Component
{
static
propTypes
=
{
...
...
@@ -20,7 +21,10 @@ export default class Dashboard extends React.Component {
render
=
()
=>
(
<
div
>
<
TopMenu
user
=
{
this
.
props
.
user
}
/>
{
this
.
props
.
children
}
<
div
className
=
"mainContent"
>
{
this
.
props
.
children
}
</
div
>
<
Footer
/>
</
div
>
)
}
...
...
assets/js/ProfilePage.jsx
View file @
28d696be
...
...
@@ -172,7 +172,7 @@ export default class ProfilePage extends React.Component {
}
render
()
{
const
defaultPicture
=
'
http://semantic-ui.com/images/wireframe/square-image.png
'
;
const
defaultPicture
=
'
http
s
://semantic-ui.com/images/wireframe/square-image.png
'
;
return
(
<
div
className
=
"profilePage"
>
<
Segment
className
=
"biodata-section"
>
...
...
assets/js/VacancyPage.jsx
View file @
28d696be
...
...
@@ -157,12 +157,16 @@ export default class VacancyPage extends React.Component {
render
()
{
return
(
<
div
className
=
"applicant"
>
<
div
className
=
"administrationButtons"
style
=
{
{
display
:
'
inline-block
'
}
}
>
{
this
.
companyHeader
()
}
{
(
this
.
props
.
user
.
role
===
'
admin
'
||
this
.
props
.
user
.
role
===
'
supervisor
'
)
&&
<
Button
as
=
{
Link
}
to
=
"/rekap"
icon
=
"dashboard"
labelPosition
=
"left"
color
=
"facebook"
content
=
"Rekap Pendaftaran"
/>
}
</
div
>
{
this
.
props
.
user
.
role
===
'
student
'
||
(
<
div
className
=
"administrationButtons"
style
=
{
{
display
:
'
inline-block
'
}
}
>
{
this
.
companyHeader
()
}
{
(
this
.
props
.
user
.
role
===
'
admin
'
||
this
.
props
.
user
.
role
===
'
supervisor
'
)
&&
<
Button
as
=
{
Link
}
to
=
"/rekap"
icon
=
"dashboard"
labelPosition
=
"left"
color
=
"facebook"
content
=
"Rekap Pendaftaran"
/>
}
</
div
>
)
}
{
this
.
generateVacancies
()
}
</
div
>
);
...
...
assets/js/components/AdminVacancy.jsx
View file @
28d696be
...
...
@@ -32,7 +32,7 @@ export default class AdminVacancy extends React.Component {
}
render
()
{
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
const
defaultImage
=
'
http
s
://semantic-ui.com/images/wireframe/image.png
'
;
return
(
<
Item
className
=
"adminItems"
>
<
Item
.
Image
src
=
{
this
.
props
.
data
.
company
.
logo
?
this
.
props
.
data
.
company
.
logo
:
defaultImage
}
size
=
"small"
/>
...
...
assets/js/components/Applicant.jsx
View file @
28d696be
...
...
@@ -4,7 +4,7 @@ import Server from '../lib/Server';
import
ModalAlert
from
'
./ModalAlert
'
;
import
ApproveModal
from
'
./ApproveModal
'
;
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
const
defaultImage
=
'
http
s
://semantic-ui.com/images/wireframe/image.png
'
;
export
default
class
Applicant
extends
React
.
Component
{
static
propTypes
=
{
...
...
assets/js/components/Company.jsx
View file @
28d696be
...
...
@@ -4,7 +4,7 @@ import Server from '../lib/Server';
import
ModalAlert
from
'
./ModalAlert
'
;
import
Storage
from
'
./../lib/Storage
'
;
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
const
defaultImage
=
'
http
s
://semantic-ui.com/images/wireframe/image.png
'
;
export
default
class
Company
extends
React
.
Component
{
static
propTypes
=
{
...
...
assets/js/components/CompanyVacancy.jsx
View file @
28d696be
...
...
@@ -4,7 +4,7 @@ import { Button, Icon, Item, Grid } from 'semantic-ui-react';
import
{
Link
}
from
'
react-router
'
;
import
Server
from
'
../lib/Server
'
;
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
const
defaultImage
=
'
http
s
://semantic-ui.com/images/wireframe/image.png
'
;
export
default
class
CompanyVacancy
extends
React
.
Component
{
static
propTypes
=
{
...
...
assets/js/components/TopMenu.jsx
View file @
28d696be
...
...
@@ -74,33 +74,24 @@ export default class TopMenu extends React.Component {
</
div
>
)
}
<
Menu
color
=
"blue"
pointing
secondary
>
<
Image
as
=
"a"
size
=
"small"
src
=
"/assets/img/logo.png"
href
=
"/
"
/>
<
Image
as
=
{
Link
}
size
=
"small"
src
=
"/assets/img/logo.png"
to
=
"/home
"
/>
<
Menu
.
Menu
position
=
"right"
>
{
!
this
.
props
.
user
.
data
.
is_staff
&&
<
Menu
.
Item
as
=
{
Link
}
to
=
"/home"
name
=
"Beranda"
active
=
{
activeItem
===
'
Beranda
'
}
onClick
=
{
this
.
handleItemClick
}
/>
}
{
this
.
props
.
user
.
role
===
'
student
'
&&
<
Menu
.
Item
as
=
{
Link
}
to
=
"/profil"
name
=
"Profil"
active
=
{
activeItem
===
'
Profil
'
}
onClick
=
{
this
.
handleItemClick
}
/>
}
{
this
.
props
.
user
.
data
.
is_staff
&&
<
Menu
.
Item
as
=
{
Link
}
to
=
"/perusahaan"
name
=
"Perusahaan"
active
=
{
activeItem
===
'
Perusahaan
'
||
activeItem
===
'
Beranda
'
}
onClick
=
{
this
.
handleItemClick
}
/>
}
{
this
.
props
.
user
.
data
.
is_staff
&&
<
Menu
.
Item
as
=
{
Link
}
to
=
"/lowongan"
name
=
"Lowongan"
active
=
{
activeItem
===
'
Lowongan
'
}
onClick
=
{
this
.
handleItemClick
}
/>
}
<
Menu
.
Item
>
<
Popup
trigger
=
{
<
Image
src
=
{
(
this
.
props
.
user
.
role
===
'
company
'
?
data
.
logo
:
data
.
photo
)
||
defaultPicture
}
avatar
/>
}
flowing
hoverable
trigger
=
{
<
Image
src
=
{
(
this
.
props
.
user
.
role
===
'
company
'
?
data
.
logo
:
data
.
photo
)
||
defaultPicture
}
avatar
/>
}
flowing
hoverable
>
<
Card
header
=
{
data
.
name
}
description
=
{
data
.
user
.
email
}
/>
<
Button
as
=
{
Link
}
onClick
=
{
this
.
logout
}
loading
=
{
this
.
state
.
logoutLoading
}
name
=
"logout"
color
=
"blue"
size
=
"tiny"
>
Keluar
</
Button
>
</
Popup
>
</
Menu
.
Item
>
</
Menu
.
Menu
>
</
Menu
>
...
...
assets/js/components/Vacancy.jsx
View file @
28d696be
...
...
@@ -6,7 +6,7 @@ import Server from '../lib/Server';
import
ConfirmationModal
from
'
./ConfirmationModal
'
;
import
ModalAlert
from
'
./ModalAlert
'
;
const
defaultImage
=
'
http://semantic-ui.com/images/wireframe/image.png
'
;
const
defaultImage
=
'
http
s
://semantic-ui.com/images/wireframe/image.png
'
;
export
default
class
Vacancy
extends
React
.
Component
{
static
propTypes
=
{
...
...
core/templates/core/index.html
View file @
28d696be
...
...
@@ -11,7 +11,6 @@
<link
rel=
"stylesheet"
href=
"{% static 'css/custom.css' %}"
/>
<link
rel=
"stylesheet"
href=
"../../../node_modules/react-quill/dist/quill.snow.css"
>
<script
src=
"https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"
></script>
<!--<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>-->
<link
rel=
"stylesheet"
href=
"//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"
/>
<link
rel=
"stylesheet"
href=
"//cdnjs.cloudflare.com/ajax/libs/react-datepicker/0.44.0/react-datepicker.min.css"
/>
<link
rel=
"icon"
type=
"image/png"
href=
"{% static 'img/logo-sm.png'%}"
sizes=
"32x32"
/>
...
...
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