From 74202a17d13d6698e38ffee5fccd517e924e8ca8 Mon Sep 17 00:00:00 2001
From: sirinbaisa <baisashirin@gmail.com>
Date: Tue, 28 Mar 2017 20:05:13 +0700
Subject: [PATCH] [#140654507] #12 fitur bookmark
---
assets/css/custom.css | 9 ++++-----
assets/js/components/Lowongan.jsx | 4 +---
assets/js/components/ModalPendaftaran.jsx | 1 +
assets/js/components/Vacancy.jsx | 5 +++++
4 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css
index df20c964..a4e5689c 100755
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,7 +1,4 @@
-@fontface {
- font-family: 'Bungee Inline', cursive;
- src: url('https://fonts.googleapis.com/css?family=Bungee+Inline')
-}
+
html, body{
padding: 0;
@@ -70,11 +67,13 @@ border: 2px solid transparent;
border-radius: 12px;
border-color:#e8e8e8;
padding: 20px;
-font-family: 'Bungee Inline';
background-color: white;
}
+.bookmark{
+ float: right;
+}
.formLogin img{
height: 70px !important;
diff --git a/assets/js/components/Lowongan.jsx b/assets/js/components/Lowongan.jsx
index 37a10d4d..1fd0aee5 100644
--- a/assets/js/components/Lowongan.jsx
+++ b/assets/js/components/Lowongan.jsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Button, Image as ImageComponent, Item, Rating } from 'semantic-ui-react'
+import { Button, Image as ImageComponent, Item, Rating, Icon } from 'semantic-ui-react'
import ModalPendaftaran from './ModalPendaftaran';
@@ -17,9 +17,7 @@ export default class Lowongan extends React.Component {
{image}
<Item.Content verticalAlign="middle">
<Item.Header>
-
{this.props.header}
-
</Item.Header>
<Item.Description>{this.props.content}</Item.Description>
<Item.Content>
diff --git a/assets/js/components/ModalPendaftaran.jsx b/assets/js/components/ModalPendaftaran.jsx
index 07c2f2b5..746c1171 100644
--- a/assets/js/components/ModalPendaftaran.jsx
+++ b/assets/js/components/ModalPendaftaran.jsx
@@ -39,6 +39,7 @@ export default class ModalPendaftaran extends React.Component {
render = () => (
<Modal
+
trigger={<Button onClick={this.handleOpen} floated="right">{this.props.buttonTitle}</Button>}
closeIcon="close"
open={this.state.modalOpen}
diff --git a/assets/js/components/Vacancy.jsx b/assets/js/components/Vacancy.jsx
index 505d80e3..4b993e30 100644
--- a/assets/js/components/Vacancy.jsx
+++ b/assets/js/components/Vacancy.jsx
@@ -16,9 +16,14 @@ export default class Lowongan extends React.Component {
<Item.Content verticalAlign="middle">
<Item.Extra>
<h3>{ this.props.data.name }</h3>
+
+ <div className="bookmark">
+ <Rating icon='star' size='massive' defaultRating={0} maxRating={1} />
+ </div>
<h4>{ this.props.data.company.name }</h4>
<h5>{ this.props.data.company.address }</h5>
+
<ModalPendaftaran
id={this.props.data.id} data={{ header: this.props.data.name,
description: this.props.data.description }} buttonTitle="Daftar" />
--
GitLab