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

pencarian mobil sudah dibuat

Browse Source
This commit is contained in:
enggar_ganteng
2019-01-03 03:38:33 +07:00
parent b9e3d7e4b3
commit 77481d791d
8 changed files with 594 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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 } from 'antd';
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker } from 'antd';
import {startCase} from 'lodash';
import LoadingDialog from "../LoadingDialog";
import Loader from 'react-loader-advanced';
@@ -103,7 +103,7 @@ export default class HotelSearch extends React.Component {
<div className="col s9 m9 l9">
<Row>
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between'}}>
<div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
<FlatButton
className="headerMenu"
hoverColor="#f1f5f9"
@@ -117,15 +117,73 @@ export default class HotelSearch extends React.Component {
</div>
{(this.state.changeSearch == true) ? (
<Row>
<div>
ini form search
</div>
<Card title="Cari & booking hotel disini" style={{marginLeft:20}}>
<div className="row">
<div className="col s12 l9 m9">
<p className="label-form" style={{marginBottom:5}}>Where</p>
<Select
allowClear
showSearch
showArrow={false}
style={{ width: '100%' }}
placeholder="City or airport"
optionFilterProp="children"
onChange={this.whereHandleChange}
onFocus={this.whereHandleFocus}
onBlur={this.whereHandleBlur}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
<Option value="jakarta">Jakarta</Option>
<Option value="bali">Bali</Option>
<Option value="surabaya">Surabaya</Option>
</Select>
</div>
<div className="col s12 m3 l3">
<p className="label-form" style={{marginBottom:5}}>Rooms</p>
<Select
allowClear
showSearch
showArrow={false}
style={{ width: '100%' }}
placeholder="Select"
optionFilterProp="children"
onChange={this.roomsHandleChange}
onFocus={this.roomsHandleFocus}
onBlur={this.roomsHandleBlur}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
<Option value="jakarta">1 Adult, 0 Children</Option>
<Option value="bali">2 Adult, 0 Children</Option>
<Option value="surabaya">More options</Option>
</Select>
</div>
</div>
<div className="row">
<div className="col s12 m3 l3">
<p className="label-form" style={{marginBottom:5}}>Check-in</p>
<DatePicker style={{width:'100%'}} onChange={this.checkInOnChange} />
</div>
<div className="col s12 m3 l3">
<p className="label-form" style={{marginBottom:5}}>Check-out</p>
<DatePicker style={{width:'100%'}} onChange={this.checkInOnChange} />
</div>
</div>
<div className="row">
<div className="col s0 l10"></div>
<div className="col s12 l2">
<Button type="primary" style={{}} onClick={() => {
this.props.history.push(LINKS.HOTEL_SEARCH);
console.log('hotel');
}} icon="search">Search</Button>
</div>
</div>
</Card>
</Row>
) : (
<div />
)}
<Divider style={{ marginBottom: 20, marginTop: 15 }} />
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
<Card
style={{marginLeft:20,marginBottom:20}}
>