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

'cart'

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-04 03:14:38 +07:00
parent 7828c7aee9
commit 5de16ba4d5
1 changed files with 91 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
src/common/pages/CartDetail/index.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, List } from 'antd'; import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, TimePicker, List, Popconfirm, InputNumber, Input} 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';
@ -99,47 +99,53 @@ export default class CartDetail extends React.Component {
<Row> <Row>
<div style={{display: 'flex',justifyContent:'space-between'}}> <div style={{display: 'flex',justifyContent:'space-between'}}>
<Checkbox style={{}} value="">Pilih Semua Product</Checkbox> <Checkbox style={{}} value="">Pilih Semua Product</Checkbox>
<Button shape="circle" icon="delete" /> <Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="delete" type="danger"/>
</Popconfirm>
</div> </div>
</Row> </Row>
</Card> </Card>
</Row> </Row>
<Row> <Row>
<Card <Card
title={<span><Checkbox style={{}} value="">Penjual : Xiomi shop</Checkbox></span>} title={<div style={{display:'flex',justifyContent:'space-between'}}>
<div>
<Checkbox style={{}} value="">Pilih</Checkbox>
</div>
<div>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="heart" style={{marginRight:10}} />
</Popconfirm>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="delete" type="danger"/>
</Popconfirm>
</div>
</div>}
style={{marginRight:20,marginBottom:20}} style={{marginRight:20,marginBottom:20}}
> >
<Row> <Row>
<Col span={8}> <Col span={6}>
<img alt="example" src="https://ecs7.tokopedia.net/img/cache/700/product-1/2019/1/2/21148822/21148822_2d655fa2-894d-46cf-a63f-19a0fec0da6e_1080_1080.jpg" style={{width:'100%', height:190}} /> <img alt="example" src="https://ecs7.tokopedia.net/img/cache/700/product-1/2018/8/10/5295084/5295084_a24f6220-7806-4854-a42e-3256db020ae8_700_700.jpg" style={{width:125, height:125}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={17}>
<Row> <Row>
<h2>Toyota Agya</h2> <h3>Samsung Galaxy A7 2017</h3>
</Row> </Row>
<Row style={{marginBottom:10}}> <Row style={{marginBottom:10}}>
<Col span={12}> <h3 style={{color:'#FF6F00'}}>45,720 Points</h3>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4> <Col span={12}>
<div style={{marginBottom:10}}> <div>
<Tag color="#f50">Air Conditional</Tag> <Input placeholder="Catatan untuk penjual" />
<Tag color="#7E57C2">Mini</Tag> </div>
<Tag color="#87d068">Automatic</Tag> </Col>
</div> <Col span={12}>
<h2 style={{color:'#2962FF'}}>99,643 Poin</h2> <div style={{display:'flex',justifyContent:'flex-end'}}>
</Col> <InputNumber defaultValue={1} />
<Col span={12}> </div>
<List </Col>
size="small"
dataSource={dataAgya}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row> </Row>
<Row> <Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col>
</Row> </Row>
</Col> </Col>
</Row> </Row>
@ -148,79 +154,90 @@ export default class CartDetail extends React.Component {
<Row> <Row>
<Card <Card
title={<div style={{display:'flex',justifyContent:'space-between'}}>
<div>
<Checkbox style={{}} value="">Pilih</Checkbox>
</div>
<div>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="heart" style={{marginRight:10}} />
</Popconfirm>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="delete" type="danger"/>
</Popconfirm>
</div>
</div>}
style={{marginRight:20,marginBottom:20}} style={{marginRight:20,marginBottom:20}}
> >
<Row> <Row>
<Col span={8}> <Col span={6}>
<img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/avanza_lrg.jpg" style={{width:'100%', height:190}} /> <img alt="example" src="https://ecs7.tokopedia.net/img/cache/700/catalog/2017/11/14/17027990/17027990_64ff0394-991e-4593-816d-2985213b0bf7.jpg" style={{width:125, height:125}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={17}>
<Row> <Row>
<h2>Toyota Avanza</h2> <h3>Samsung Galaxy S8</h3>
</Row> </Row>
<Row style={{marginBottom:10}}> <Row style={{marginBottom:10}}>
<Col span={12}> <h3 style={{color:'#FF6F00'}}>99,643 Points</h3>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4> <Col span={12}>
<div style={{marginBottom:10}}> <div>
<Tag color="#f50">Air Conditional</Tag> <Input placeholder="Catatan untuk penjual" />
<Tag color="#2db7f5">Special</Tag> </div>
<Tag color="#87d068">Automatic</Tag> </Col>
</div> <Col span={12}>
<h2 style={{color:'#2962FF'}}>109,132 Poin</h2> <div style={{display:'flex',justifyContent:'flex-end'}}>
</Col> <InputNumber defaultValue={1} />
<Col span={12}> </div>
<List </Col>
size="small"
dataSource={dataAvanza}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row> </Row>
<Row> <Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col>
</Row> </Row>
</Col> </Col>
</Row> </Row>
</Card> </Card>
</Row> </Row>
<Row>
<Row>
<Card <Card
title={<div style={{display:'flex',justifyContent:'space-between'}}>
<div>
<Checkbox style={{}} value="">Pilih</Checkbox>
</div>
<div>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="heart" style={{marginRight:10}} />
</Popconfirm>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button shape="circle" icon="delete" type="danger"/>
</Popconfirm>
</div>
</div>}
style={{marginRight:20,marginBottom:20}} style={{marginRight:20,marginBottom:20}}
> >
<Row> <Row>
<Col span={8}> <Col span={6}>
<img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/innova_lrg.jpg" style={{width:'100%', height:190}} /> <img alt="example" src="https://ecs7.tokopedia.net/img/cache/700/product-1/2017/9/12/21419306/21419306_c32decb4-59b9-4b2c-ac39-2a6aa5a91ff2_940_620.jpg" style={{width:125, height:125}} />
</Col> </Col>
<Col span={1} /> <Col span={1} />
<Col span={15}> <Col span={17}>
<Row> <Row>
<h2>Toyota Inova</h2> <h3>LG LED Smart TV 49UJ652T</h3>
</Row> </Row>
<Row style={{marginBottom:10}}> <Row style={{marginBottom:10}}>
<Col span={12}> <h3 style={{color:'#FF6F00'}}>145,740 Points</h3>
<h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4> <Col span={12}>
<div style={{marginBottom:10}}> <div>
<Tag color="#f50">Air Conditional</Tag> <Input placeholder="Catatan untuk penjual" />
<Tag color="#2db7f5">Special</Tag> </div>
<Tag color="#87d068">Automatic</Tag> </Col>
</div> <Col span={12}>
<h2 style={{color:'#2962FF'}}>147,091 Poin</h2> <div style={{display:'flex',justifyContent:'flex-end'}}>
</Col> <InputNumber defaultValue={1} />
<Col span={12}> </div>
<List </Col>
size="small"
dataSource={dataInova}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
</Col>
</Row> </Row>
<Row> <Row>
<Col span={24}>
<Button type="primary" block style={{}}>Pesan</Button>
</Col>
</Row> </Row>
</Col> </Col>
</Row> </Row>