car search hampir mau selesai
This commit is contained in:
parent
bef6d01338
commit
ce73577ce3
|
|
@ -3,7 +3,7 @@ import {inject, observer} from 'mobx-react';
|
|||
import {
|
||||
FlatButton
|
||||
} 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 LoadingDialog from "../LoadingDialog";
|
||||
import Loader from 'react-loader-advanced';
|
||||
|
|
@ -15,6 +15,8 @@ import Search from 'material-ui/svg-icons/action/search';
|
|||
|
||||
const format = 'HH:mm';
|
||||
|
||||
|
||||
|
||||
@inject('appstate')
|
||||
@observer
|
||||
export default class CarSearch extends React.Component {
|
||||
|
|
@ -70,6 +72,24 @@ export default class CarSearch extends React.Component {
|
|||
render() {
|
||||
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 (
|
||||
<div className="wallet containerMiddle">
|
||||
<div className="row">
|
||||
|
|
@ -109,7 +129,6 @@ export default class CarSearch extends React.Component {
|
|||
</div>
|
||||
|
||||
<div className="col s9 m9 l9">
|
||||
<Row>
|
||||
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
|
||||
<FlatButton
|
||||
className="headerMenu"
|
||||
|
|
@ -226,27 +245,42 @@ export default class CarSearch extends React.Component {
|
|||
)}
|
||||
|
||||
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
|
||||
<Row>
|
||||
<Card
|
||||
style={{marginLeft:20,marginBottom:20}}
|
||||
>
|
||||
<Row>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<h2>Oasis Amir Hotel</h2>
|
||||
<Rate disabled defaultValue={2} style={{marginTop:-20}}/>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />Senen, Jakarta</h4>
|
||||
<Row>
|
||||
<h2>Toyota Agya</h2>
|
||||
</Row>
|
||||
<Row style={{marginBottom:10}}>
|
||||
<Col span={12}>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
|
||||
<div style={{marginBottom:10}}>
|
||||
<Tag color="#f50">Air Conditional</Tag>
|
||||
<Tag color="#2db7f5">Wi-Fi Access</Tag>
|
||||
<Tag color="#87d068">Restaurant</Tag>
|
||||
<Tag color="#7E57C2">Mini</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<h2 style={{color:'#f96d01'}}>5,390 Poin</h2>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pilih</Button>
|
||||
<h2 style={{color:'#2962FF'}}>99,643 Poin</h2>
|
||||
</Col>
|
||||
<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>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
|
|
@ -258,23 +292,36 @@ export default class CarSearch extends React.Component {
|
|||
>
|
||||
<Row>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<h2>Hotel Aston</h2>
|
||||
<Rate disabled defaultValue={4} style={{marginTop:-20}}/>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />Kuningan, Jakarta</h4>
|
||||
<Row>
|
||||
<h2>Toyota Avanza</h2>
|
||||
</Row>
|
||||
<Row style={{marginBottom:10}}>
|
||||
<Col span={12}>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
|
||||
<div style={{marginBottom:10}}>
|
||||
<Tag color="#f50">Air Conditional</Tag>
|
||||
<Tag color="#2db7f5">Wi-Fi Access</Tag>
|
||||
<Tag color="#87d068">Restaurant</Tag>
|
||||
<Tag color="#108ee9">Pool</Tag>
|
||||
<Tag color="#2db7f5">Special</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<h2 style={{color:'#f96d01'}}>14,230 Poin</h2>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pilih</Button>
|
||||
<h2 style={{color:'#2962FF'}}>109,132 Poin</h2>
|
||||
</Col>
|
||||
<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>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
|
|
@ -285,23 +332,36 @@ export default class CarSearch extends React.Component {
|
|||
>
|
||||
<Row>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<h2>Hotel Horision</h2>
|
||||
<Rate disabled defaultValue={5} style={{marginTop:-20}}/>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />Menteng, Jakarta</h4>
|
||||
<Row>
|
||||
<h2>Toyota Inova</h2>
|
||||
</Row>
|
||||
<Row style={{marginBottom:10}}>
|
||||
<Col span={12}>
|
||||
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
|
||||
<div style={{marginBottom:10}}>
|
||||
<Tag color="#f50">Air Conditional</Tag>
|
||||
<Tag color="#2db7f5">Wi-Fi Access</Tag>
|
||||
<Tag color="#87d068">Restaurant</Tag>
|
||||
<Tag color="#108ee9">Pool</Tag>
|
||||
<Tag color="#2db7f5">Special</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<h2 style={{color:'#f96d01'}}>20,500 Poin</h2>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pilih</Button>
|
||||
<h2 style={{color:'#2962FF'}}>147,091 Poin</h2>
|
||||
</Col>
|
||||
<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>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
|
|
|
|||
|
|
@ -102,7 +102,6 @@ export default class HotelSearch extends React.Component {
|
|||
</div>
|
||||
|
||||
<div className="col s9 m9 l9">
|
||||
<Row>
|
||||
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
|
||||
<FlatButton
|
||||
className="headerMenu"
|
||||
|
|
@ -184,6 +183,7 @@ export default class HotelSearch extends React.Component {
|
|||
)}
|
||||
|
||||
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
|
||||
<Row>
|
||||
<Card
|
||||
style={{marginLeft:20,marginBottom:20}}
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user