Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

car search hampir mau selesai

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-03 04:36:47 +07:00
parent bef6d01338
commit ce73577ce3
2 changed files with 92 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
src/common/pages/Car/CarSearch.js
View File

@ -3,7 +3,7 @@ import {inject, observer} from 'mobx-react';
import { import {
FlatButton FlatButton
} from 'material-ui'; } from 'material-ui';
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, TimePicker } from 'antd'; import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, TimePicker, List } from 'antd';
import {startCase} from 'lodash'; import {startCase} from 'lodash';
import LoadingDialog from "../LoadingDialog"; import LoadingDialog from "../LoadingDialog";
import Loader from 'react-loader-advanced'; import Loader from 'react-loader-advanced';
@ -15,6 +15,8 @@ import Search from 'material-ui/svg-icons/action/search';
const format = 'HH:mm'; const format = 'HH:mm';
@inject('appstate') @inject('appstate')
@observer @observer
export default class CarSearch extends React.Component { export default class CarSearch extends React.Component {
@ -70,6 +72,24 @@ export default class CarSearch extends React.Component {
render() { render() {
const { valueMinimal, valueMaximal } = this.state; const { valueMinimal, valueMaximal } = this.state;
const dataAgya = [
'Full to full gasoline',
'4 people',
'4 door',
];
const dataAvanza = [
'Full to full gasoline',
'4 people',
'5 door',
];
const dataInova = [
'Full to full gasoline',
'6 people',
'4 door',
];
return ( return (
<div className="wallet containerMiddle"> <div className="wallet containerMiddle">
<div className="row"> <div className="row">
@ -109,7 +129,6 @@ export default class CarSearch extends React.Component {
</div> </div>
<div className="col s9 m9 l9"> <div className="col s9 m9 l9">
<Row>
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}> <div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
<FlatButton <FlatButton
className="headerMenu" className="headerMenu"
@ -226,27 +245,42 @@ export default class CarSearch extends React.Component {
)} )}
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} /> <Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
<Row>
<Card <Card
style={{marginLeft:20,marginBottom:20}} style={{marginLeft:20,marginBottom:20}}
> >
<Row> <Row>
<Col span={8}> <Col span={8}>
<img alt="example" src="https://d1nabgopwop1kh.cloudfront.net/hotel-asset/30000001000092523_wh_3" style={{width:'100%', height:190}} /> <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/agya_lrg.jpg" style={{width:'100%', height:190}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={15}>
<h2>Oasis Amir Hotel</h2> <Row>
<Rate disabled defaultValue={2} style={{marginTop:-20}}/> <h2>Toyota Agya</h2>
<h4 style={{color:'grey'}}><Icon type="environment" />Senen, Jakarta</h4> </Row>
<Row style={{marginBottom:10}}>
<Col span={12}>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
<div style={{marginBottom:10}}> <div style={{marginBottom:10}}>
<Tag color="#f50">Air Conditional</Tag> <Tag color="#f50">Air Conditional</Tag>
<Tag color="#2db7f5">Wi-Fi Access</Tag> <Tag color="#7E57C2">Mini</Tag>
<Tag color="#87d068">Restaurant</Tag> <Tag color="#87d068">Automatic</Tag>
</div> </div>
<h2 style={{color:'#f96d01'}}>5,390 Poin</h2> <h2 style={{color:'#2962FF'}}>99,643 Poin</h2>
<Col span={24}> </Col>
<Button type="primary" block style={{}}>Pilih</Button> <Col span={12}>
<List
size="small"
dataSource={dataAgya}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row>
<Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col> </Col>
</Row>
</Col> </Col>
</Row> </Row>
</Card> </Card>
@ -258,23 +292,36 @@ export default class CarSearch extends React.Component {
> >
<Row> <Row>
<Col span={8}> <Col span={8}>
<img alt="example" src="https://d1nabgopwop1kh.cloudfront.net/hotel-asset/30000001000201429_wh_2" style={{width:'100%', height:190}} /> <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/avanza_lrg.jpg" style={{width:'100%', height:190}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={15}>
<h2>Hotel Aston</h2> <Row>
<Rate disabled defaultValue={4} style={{marginTop:-20}}/> <h2>Toyota Avanza</h2>
<h4 style={{color:'grey'}}><Icon type="environment" />Kuningan, Jakarta</h4> </Row>
<Row style={{marginBottom:10}}>
<Col span={12}>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
<div style={{marginBottom:10}}> <div style={{marginBottom:10}}>
<Tag color="#f50">Air Conditional</Tag> <Tag color="#f50">Air Conditional</Tag>
<Tag color="#2db7f5">Wi-Fi Access</Tag> <Tag color="#2db7f5">Special</Tag>
<Tag color="#87d068">Restaurant</Tag> <Tag color="#87d068">Automatic</Tag>
<Tag color="#108ee9">Pool</Tag>
</div> </div>
<h2 style={{color:'#f96d01'}}>14,230 Poin</h2> <h2 style={{color:'#2962FF'}}>109,132 Poin</h2>
<Col span={24}> </Col>
<Button type="primary" block style={{}}>Pilih</Button> <Col span={12}>
<List
size="small"
dataSource={dataAvanza}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row>
<Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col> </Col>
</Row>
</Col> </Col>
</Row> </Row>
</Card> </Card>
@ -285,23 +332,36 @@ export default class CarSearch extends React.Component {
> >
<Row> <Row>
<Col span={8}> <Col span={8}>
<img alt="example" src="https://origin.pegipegi.com/jalan/images/pict2L/Y4/Y953534/Y953534020.jpg" style={{width:'100%', height:190}} /> <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/innova_lrg.jpg" style={{width:'100%', height:190}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={15}>
<h2>Hotel Horision</h2> <Row>
<Rate disabled defaultValue={5} style={{marginTop:-20}}/> <h2>Toyota Inova</h2>
<h4 style={{color:'grey'}}><Icon type="environment" />Menteng, Jakarta</h4> </Row>
<Row style={{marginBottom:10}}>
<Col span={12}>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
<div style={{marginBottom:10}}> <div style={{marginBottom:10}}>
<Tag color="#f50">Air Conditional</Tag> <Tag color="#f50">Air Conditional</Tag>
<Tag color="#2db7f5">Wi-Fi Access</Tag> <Tag color="#2db7f5">Special</Tag>
<Tag color="#87d068">Restaurant</Tag> <Tag color="#87d068">Automatic</Tag>
<Tag color="#108ee9">Pool</Tag>
</div> </div>
<h2 style={{color:'#f96d01'}}>20,500 Poin</h2> <h2 style={{color:'#2962FF'}}>147,091 Poin</h2>
<Col span={24}> </Col>
<Button type="primary" block style={{}}>Pilih</Button> <Col span={12}>
<List
size="small"
dataSource={dataInova}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row>
<Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col> </Col>
</Row>
</Col> </Col>
</Row> </Row>
</Card> </Card>

2
src/common/pages/Hotel/HotelSearch.js
View File

@ -102,7 +102,6 @@ export default class HotelSearch extends React.Component {
</div> </div>
<div className="col s9 m9 l9"> <div className="col s9 m9 l9">
<Row>
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}> <div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
<FlatButton <FlatButton
className="headerMenu" className="headerMenu"
@ -184,6 +183,7 @@ export default class HotelSearch extends React.Component {
)} )}
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} /> <Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
<Row>
<Card <Card
style={{marginLeft:20,marginBottom:20}} style={{marginLeft:20,marginBottom:20}}
> >