From 5de16ba4d5bb2dbba54e35f52075eaba7db7d18a Mon Sep 17 00:00:00 2001
From: enggar_ganteng <enggardamarsaraswata@gmail.com>
Date: Fri, 4 Jan 2019 03:14:38 +0700
Subject: [PATCH] 'cart'

---
 src/common/pages/CartDetail/index.js | 165 +++++++++++++++------------
 1 file changed, 91 insertions(+), 74 deletions(-)

diff --git a/src/common/pages/CartDetail/index.js b/src/common/pages/CartDetail/index.js
index 655c751..ca234c3 100644
--- a/src/common/pages/CartDetail/index.js
+++ b/src/common/pages/CartDetail/index.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, 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>