'cart'
This commit is contained in:
@@ -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, 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 LoadingDialog from "../LoadingDialog";
|
||||
import Loader from 'react-loader-advanced';
|
||||
@@ -99,47 +99,53 @@ export default class CartDetail extends React.Component {
|
||||
<Row>
|
||||
<div style={{display: 'flex',justifyContent:'space-between'}}>
|
||||
<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>
|
||||
</Row>
|
||||
</Card>
|
||||
</Row>
|
||||
<Row>
|
||||
<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}}
|
||||
>
|
||||
<Row>
|
||||
<Col span={8}>
|
||||
<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}} />
|
||||
<Col span={6}>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<Col span={17}>
|
||||
<Row>
|
||||
<h2>Toyota Agya</h2>
|
||||
<h3>Samsung Galaxy A7 2017</h3>
|
||||
</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="#7E57C2">Mini</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<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>
|
||||
<h3 style={{color:'#FF6F00'}}>45,720 Points</h3>
|
||||
<Col span={12}>
|
||||
<div>
|
||||
<Input placeholder="Catatan untuk penjual" />
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<div style={{display:'flex',justifyContent:'flex-end'}}>
|
||||
<InputNumber defaultValue={1} />
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pesan</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
@@ -148,79 +154,90 @@ export default class CartDetail extends React.Component {
|
||||
|
||||
<Row>
|
||||
<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}}
|
||||
>
|
||||
<Row>
|
||||
<Col span={8}>
|
||||
<img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/avanza_lrg.jpg" style={{width:'100%', height:190}} />
|
||||
<Col span={6}>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<Col span={17}>
|
||||
<Row>
|
||||
<h2>Toyota Avanza</h2>
|
||||
<h3>Samsung Galaxy S8</h3>
|
||||
</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">Special</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<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>
|
||||
<h3 style={{color:'#FF6F00'}}>99,643 Points</h3>
|
||||
<Col span={12}>
|
||||
<div>
|
||||
<Input placeholder="Catatan untuk penjual" />
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<div style={{display:'flex',justifyContent:'flex-end'}}>
|
||||
<InputNumber defaultValue={1} />
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pesan</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
</Row>
|
||||
<Row>
|
||||
</Row>
|
||||
|
||||
<Row>
|
||||
<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}}
|
||||
>
|
||||
<Row>
|
||||
<Col span={8}>
|
||||
<img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/innova_lrg.jpg" style={{width:'100%', height:190}} />
|
||||
<Col span={6}>
|
||||
<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 span={1} />
|
||||
<Col span={15}>
|
||||
<Col span={17}>
|
||||
<Row>
|
||||
<h2>Toyota Inova</h2>
|
||||
<h3>LG LED Smart TV 49UJ652T</h3>
|
||||
</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">Special</Tag>
|
||||
<Tag color="#87d068">Automatic</Tag>
|
||||
</div>
|
||||
<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>
|
||||
<h3 style={{color:'#FF6F00'}}>145,740 Points</h3>
|
||||
<Col span={12}>
|
||||
<div>
|
||||
<Input placeholder="Catatan untuk penjual" />
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<div style={{display:'flex',justifyContent:'flex-end'}}>
|
||||
<InputNumber defaultValue={1} />
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={24}>
|
||||
<Button type="primary" block style={{}}>Pesan</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
Reference in New Issue
Block a user