From 77481d791dc3982a40228fc3d224890b52543b29 Mon Sep 17 00:00:00 2001 From: enggar_ganteng Date: Thu, 3 Jan 2019 03:38:33 +0700 Subject: [PATCH] pencarian mobil sudah dibuat --- assets/images/icon/car-icon.png | Bin 0 -> 728 bytes src/common/pages/App/index.js | 2 +- src/common/pages/App/routes.js | 5 +- src/common/pages/Car/CarSearch.js | 274 ++++++++++++++++++++++++++ src/common/pages/Car/index.js | 198 +++++++++++++++++++ src/common/pages/Car/style.scss | 50 +++++ src/common/pages/Hotel/HotelSearch.js | 70 ++++++- src/common/routes.js | 4 +- 8 files changed, 594 insertions(+), 9 deletions(-) create mode 100644 assets/images/icon/car-icon.png create mode 100644 src/common/pages/Car/CarSearch.js create mode 100644 src/common/pages/Car/index.js create mode 100644 src/common/pages/Car/style.scss diff --git a/assets/images/icon/car-icon.png b/assets/images/icon/car-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..2915ba7c862ca4c57c4182a9b1c90d5179b5bb9b GIT binary patch literal 728 zcmV;}0w?{6P)z>%8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10#!*wK~!jg?U=o5Q&AYkpI4f8sSrv91wSaLgAO7hg7^<;(YYdi zY$^`oKOy2GSV0FjM;)|l7eR}I4nmruA`T@^@mrx{#h*h@Xgp1F&uvaV4Ce=d=0byC z>T2hbtQueTO#cAKGHNmdIo<6By{F=*ST)=aEP19k1L{HpjR4O)`8Qxs+$1YzMc}Px z_5v6Qs0|9_v|E7pUdcOPbIdS1fXAN6S72vgeQ+SBKh$6)%#(9FH(*lIw4{kVg+1V- zq)(Enl4d2{H?y)YGGI|s!>#u};DMwoW>%?Pu#n}@=X{oQ+|1^r!3ZQtOOg(o*~>u* zBuNXB_6<@XNjg1ffoAgtT9)*~y&siSh(A+XK3_Hj3QLmCN*Xt_F*6&Jv`NxAN%J`d z?X*vE&57QCYrs&m4!{s_J)lole6j-FsB2gNP6Bt_YpQ+#V7iSk(R^A3S^$P!lilvK zPZ`+dG$X*P+)*O?2&gpq?!0R-+{C0tscxY4Ja35UvnXJawSV0Kw!7jp0YjZ~+KB*d zr+g}8+;rB~?5zN!%p1OL`GjoSA?H+#!#RpiNT9g@&C>u)fB3Mnjh0(1gAy&ykACy1 znPqOL{o)h+P!A|bIw9$ZyYxiTjG6t;KYH(d5{X12kw_#G{l{Mjnr$wBprF100000< KMNUMnLSTZwA2y2s literal 0 HcmV?d00001 diff --git a/src/common/pages/App/index.js b/src/common/pages/App/index.js index 96434d7..beff73c 100644 --- a/src/common/pages/App/index.js +++ b/src/common/pages/App/index.js @@ -398,7 +398,7 @@ export default class App extends React.Component { } className={(this.state.selectedMenu === '/app/car') ? "menuAkunItem active" : 'menuAkunItem'}>Car diff --git a/src/common/pages/App/routes.js b/src/common/pages/App/routes.js index afce183..9f991b2 100644 --- a/src/common/pages/App/routes.js +++ b/src/common/pages/App/routes.js @@ -27,7 +27,8 @@ import UploadAdminDetail from "../Items/FormItems/UploadAdmin"; import Tasks from './../Tasks/index'; import HotelComponent from '../Hotel'; import HotelSearch from './../Hotel/HotelSearch'; -// import TasksDetail from './../Tasks/TaskDetail/index'; +import CarComponent from '../Car'; +import CarSearch from './../Car/CarSearch' import CustomerComponent from "../Customers/index"; import CustomerDetail from "../CustomerDetail/index"; import WalletCostumer from '../CustomerDetail/Wallet/index'; @@ -75,6 +76,8 @@ export default class ComponentName extends React.Component { + + diff --git a/src/common/pages/Car/CarSearch.js b/src/common/pages/Car/CarSearch.js new file mode 100644 index 0000000..69ee27b --- /dev/null +++ b/src/common/pages/Car/CarSearch.js @@ -0,0 +1,274 @@ +import React from 'react'; +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 } from 'antd'; +import {startCase} from 'lodash'; +import LoadingDialog from "../LoadingDialog"; +import Loader from 'react-loader-advanced'; +import './style.scss'; +import {DIALOG} from "../../stores/global_ui"; +import EmptyComponent from '../EmptyComponent'; +import NavigationArrowBack from 'material-ui/svg-icons/navigation/arrow-back'; +import Search from 'material-ui/svg-icons/action/search'; + +@inject('appstate') +@observer +export default class CarSearch extends React.Component { + constructor(props) { + super(props); + this.props = props; + this.state = { + value: 1, + valueMinimal: 0, + valueMaximal: 0, + changeSearch:false, + }; + this.defaultState = Object.assign({}, this.state); + this.http = props.appstate.http; + this.authStore = props.appstate.auth; + this.globalUI = props.appstate.globalUI; + } + + componentDidMount() { + + } + + handleChangeMinimal = (valueMinimal) => { + this.setState({ valueMinimal }); + }; + + handleChangeMaximal = (valueMaximal) => { + this.setState({ valueMaximal }); + }; + + handleBlur = () => { + console.log('blur'); + } + + handleFocus = () => { + console.log('focus'); + } + + handleChangeSearch = () => { + this.setState({ + changeSearch : true + }) + } + + handleChangeSearchFalse = () => { + this.setState({ + changeSearch : false + }) + } + + + + render() { + const { valueMinimal, valueMaximal } = this.state; + + return ( +
+
+
+ +

Min. Points

+ + +

Max. Points

+ + +

Rating Bintang

+ + +

Fasilitas

+ + + Air Conditioning + Check All + Bar + Business Centre + Coffee Shop + Gym + Internet Access + Pool + Restaurant + Room Service + Wi-Fi Access + + + +
+ +
+ +
+ this.props.history.goBack()} + label="Back" + primary={true} + icon={} + /> + +
+ {(this.state.changeSearch == true) ? ( + + +
+
+

Where

+ +
+
+

Rooms

+ +
+
+
+
+

Check-in

+ +
+
+

Check-out

+ +
+
+
+
+
+ +
+
+ + + ) : ( +
+ )} + + + + + + example + + + +

Oasis Amir Hotel

+ +

Senen, Jakarta

+
+ Air Conditional + Wi-Fi Access + Restaurant +
+

5,390 Poin

+ + + + + + + + + + + + + example + + + +

Hotel Aston

+ +

Kuningan, Jakarta

+
+ Air Conditional + Wi-Fi Access + Restaurant + Pool +
+

14,230 Poin

+ + + + + + + + + + + + example + + + +

Hotel Horision

+ +

Menteng, Jakarta

+
+ Air Conditional + Wi-Fi Access + Restaurant + Pool +
+

20,500 Poin

+ + + + + + + +
+
+ + +
+ ) + } +} diff --git a/src/common/pages/Car/index.js b/src/common/pages/Car/index.js new file mode 100644 index 0000000..8b68ada --- /dev/null +++ b/src/common/pages/Car/index.js @@ -0,0 +1,198 @@ +import React from 'react'; +import {inject, observer} from 'mobx-react'; +import { + AutoComplete, + Avatar, + Card, + CardHeader, + Dialog, + Divider, + FlatButton, + FontIcon, + IconMenu, + MenuItem, + RaisedButton, + SelectField, + TextField +} from 'material-ui'; +import { + Row, + Col, + Select, + DatePicker, + Button, + // Card, + Slider, + // Divider, + Rate, + Checkbox, + Icon, + TimePicker, + // Avatar, + Tag} from "antd" +import moment from 'moment'; +import get from 'lodash.get'; +import Loader from 'react-loader-advanced'; +import LoadingDialog from "../LoadingDialog"; +import omit from 'lodash.omit'; +import {LINKS} from "../../routes"; + +import './style.scss'; +const format = 'HH:mm'; + +@inject('appstate') +@observer +export default class CarComponent extends React.Component { + constructor(props) { + super(props); + this.props = props; + this.state = { + }; + this.defaultState = Object.assign({}, this.state); + this.http = props.appstate.http; + this.authStore = props.appstate.auth; + this.appstate = props.appstate; + this.globalUI = props.appstate.globalUI; + } + + componentDidMount() { + + } + + componentWillUnmount() { + + console.log('COMPONENT GONE'); + } + + render() { + + const styles = { + + radioButton: { + marginBottom: 16, + }, + }; + + return ( +
+ +
+ + } + /> + + } + messageStyle={{textAlign: 'center'}} + backgroundStyle={{backgroundColor: 'rgba(255,255,255,0.5)'}}> +
+
+
+

Country

+ +
+
+

City

+ +
+
+

Lokasi

+ +
+
+
+
+

Start Date

+ +
+
+

Start Time

+ +
+
+

Until Date

+ +
+
+

End Time

+ , +
+
+
+
+ Usia pengendara 25 sampai 70 tahun? +
+
+ Kembali ke lokasi yang sama +
+
+
+
+
+ +
+
+ +
+ + +
+
+ ) + } +} diff --git a/src/common/pages/Car/style.scss b/src/common/pages/Car/style.scss new file mode 100644 index 0000000..ec5e7bf --- /dev/null +++ b/src/common/pages/Car/style.scss @@ -0,0 +1,50 @@ +.wallet { + margin-top: 35px; + .container { + padding: 25px; + + .ant-card { + background: #fff; + border-radius: 0px; + font-size: 12px; + position: relative; + overflow: hidden; + transition: all .3s; + } + .ant-card-head { + height: 48px; + line-height: 48px; + background: #fff; + border-bottom: 0px solid #e9e9e9; + padding: 0 24px; + } + .ant-card:hover { + box-shadow: 4px 4px 40px rgba(0, 0, 0, .05); + border-color: transparent; + } + .ant-card-body-dashboard { + padding: 10px; + } + } + + + .label-form { + font-size: 14px; + line-height: 30px; + color: rgb(153, 153, 153); + text-shadow: rgb(255, 255, 255) 0px 1px 0px; + margin-bottom: -8px; + } + + .backgroundImage { + height: 182px; + background-image: url('/assets/images/material3.jpg'); + background-position: center; + background-size: cover; + cursor: pointer; + min-height: 75px; + position: relative; + width: 100%; + } + } + \ No newline at end of file diff --git a/src/common/pages/Hotel/HotelSearch.js b/src/common/pages/Hotel/HotelSearch.js index 69a81eb..d7c6fd5 100644 --- a/src/common/pages/Hotel/HotelSearch.js +++ b/src/common/pages/Hotel/HotelSearch.js @@ -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 {
-
+
{(this.state.changeSearch == true) ? ( -
- ini form search -
+ +
+
+

Where

+ +
+
+

Rooms

+ +
+
+
+
+

Check-in

+ +
+
+

Check-out

+ +
+
+
+
+
+ +
+
+ ) : (
)} - + diff --git a/src/common/routes.js b/src/common/routes.js index 511897b..de699c1 100644 --- a/src/common/routes.js +++ b/src/common/routes.js @@ -107,7 +107,9 @@ export const LINKS = { CUSTOM_MENU : '/app/custom_menu', PROMOTION:'/app/promotion', HOTEL:'/app/hotel', - HOTEL_SEARCH:'/app/hotel/search' + HOTEL_SEARCH:'/app/hotel/search', + CAR:'/app/car', + CAR_SEARCH:'/app/car/search' }; @inject('appstate')