vouchers update
This commit is contained in:
parent
5de16ba4d5
commit
d2ad20cfdc
|
|
@ -98,7 +98,7 @@ export default class CartDetail extends React.Component {
|
|||
<Card style={{marginRight:20,marginBottom:20}}>
|
||||
<Row>
|
||||
<div style={{display: 'flex',justifyContent:'space-between'}}>
|
||||
<Checkbox style={{}} value="">Pilih Semua Product</Checkbox>
|
||||
<Checkbox style={{}} defaultChecked value="">Pilih Semua Product</Checkbox>
|
||||
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
|
||||
<Button shape="circle" icon="delete" type="danger"/>
|
||||
</Popconfirm>
|
||||
|
|
@ -110,7 +110,7 @@ export default class CartDetail extends React.Component {
|
|||
<Card
|
||||
title={<div style={{display:'flex',justifyContent:'space-between'}}>
|
||||
<div>
|
||||
<Checkbox style={{}} value="">Pilih</Checkbox>
|
||||
<Checkbox style={{}} defaultChecked value="">Pilih</Checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
|
||||
|
|
@ -156,7 +156,7 @@ export default class CartDetail extends React.Component {
|
|||
<Card
|
||||
title={<div style={{display:'flex',justifyContent:'space-between'}}>
|
||||
<div>
|
||||
<Checkbox style={{}} value="">Pilih</Checkbox>
|
||||
<Checkbox style={{}} defaultChecked value="">Pilih</Checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
|
||||
|
|
@ -202,7 +202,7 @@ export default class CartDetail extends React.Component {
|
|||
<Card
|
||||
title={<div style={{display:'flex',justifyContent:'space-between'}}>
|
||||
<div>
|
||||
<Checkbox style={{}} value="">Pilih</Checkbox>
|
||||
<Checkbox style={{}} defaultChecked value="">Pilih</Checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
|
||||
|
|
@ -249,7 +249,7 @@ export default class CartDetail extends React.Component {
|
|||
<Card title="Ringkasan Belanja" bordered={true} style={{ width: '100%' }}>
|
||||
<div style={{display: 'flex',justifyContent:'space-between'}}>
|
||||
<p>Total Poin</p>
|
||||
<p>150,100 Poin</p>
|
||||
<p>291,103 Poin</p>
|
||||
</div>
|
||||
<Divider />
|
||||
<Button type="primary" block style={{}}>Check out (3)</Button>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
import React from 'react';
|
||||
import {inject, observer} from 'mobx-react';
|
||||
import {
|
||||
FlatButton
|
||||
FlatButton,
|
||||
Divider
|
||||
} from 'material-ui';
|
||||
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, Alert, Input ,Avatar} from 'antd';
|
||||
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox , DatePicker, Alert, Input ,Avatar} from 'antd';
|
||||
import {startCase} from 'lodash';
|
||||
import LoadingDialog from "../../LoadingDialog";
|
||||
import Loader from 'react-loader-advanced';
|
||||
|
|
@ -38,8 +39,8 @@ export default class CheckoutVouchers extends React.Component {
|
|||
return (
|
||||
<div className="wallet containerMiddle">
|
||||
<div className="row">
|
||||
<div className="col s0 m2 l2" />
|
||||
<div className="col s12 m8 l8">
|
||||
<div className="col s0 m3 l3" />
|
||||
<div className="col s12 m6 l6">
|
||||
<div className="row">
|
||||
<FlatButton
|
||||
className="headerMenu"
|
||||
|
|
@ -50,13 +51,23 @@ export default class CheckoutVouchers extends React.Component {
|
|||
primary={true}
|
||||
icon={<NavigationArrowBack />}
|
||||
/>
|
||||
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
|
||||
<Card title={<div style={{display:'flex',justifyContent:'center'}}>
|
||||
<h2 style={{fontSize:20}}>
|
||||
<Divider style={{marginBottom:10,marginTop:10}} />
|
||||
<Card
|
||||
// title={<div style={{display:'flex',justifyContent:'center'}}>
|
||||
// <p style={{fontSize:20}}>
|
||||
// Detail Pembelian
|
||||
// </p>
|
||||
// </div>}
|
||||
>
|
||||
<div className="">
|
||||
<div style={{display:'flex',justifyContent:'center'}}>
|
||||
<h3 style={{fontSize:18}}>
|
||||
Detail Pembelian
|
||||
</h2>
|
||||
</div>}>
|
||||
<div className="row">
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<Divider style={{marginBottom:10,marginTop:10}} />
|
||||
<div className="row" style={{marginTop:30}}>
|
||||
<div className="col s4 m4 l4">
|
||||
<div style={{display:'flex',justifyContent:'center',alignItems:'center'}}>
|
||||
<Avatar size={74} src="https://png.pngtree.com/element_origin_min_pic/17/09/17/d78f6e704459b24bcdd0f32943d29145.jpg" />
|
||||
|
|
@ -93,7 +104,7 @@ export default class CheckoutVouchers extends React.Component {
|
|||
<h3 style={{color:'#FF6F00'}}>11,570 Points</h3>
|
||||
</div>
|
||||
</div>
|
||||
<Divider />
|
||||
<Divider style={{marginBottom:10,marginTop:10}} />
|
||||
<div className="row">
|
||||
<div style={{display:'flex',justifyContent:'space-between'}}>
|
||||
<h3>Total Pembayaran Point</h3>
|
||||
|
|
@ -106,7 +117,7 @@ export default class CheckoutVouchers extends React.Component {
|
|||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col s0 m2 l2" />
|
||||
<div className="col s0 m3 l3" />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ export class ItemCard extends React.Component {
|
|||
|
||||
return (
|
||||
<Card className={'itemCard'}>
|
||||
<img className={'imageCard'} src={data.image} />
|
||||
<img className={'imageCard'} style={{height:59,width:120}} src={data.image} />
|
||||
<p className={'titleCard'}>{data.name}</p>
|
||||
</Card>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
import React from 'react';
|
||||
import {inject, observer} from 'mobx-react';
|
||||
import {
|
||||
FlatButton
|
||||
FlatButton,
|
||||
Divider as DividerMaterialUI
|
||||
} from 'material-ui';
|
||||
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, Alert, Input ,Avatar, Collapse, notification } from 'antd';
|
||||
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox , DatePicker, Alert, Input ,Avatar, Collapse, notification, Divider } from 'antd';
|
||||
import {startCase} from 'lodash';
|
||||
import LoadingDialog from "../../LoadingDialog";
|
||||
import Loader from 'react-loader-advanced';
|
||||
|
|
@ -49,7 +50,7 @@ export default class PaymentVouchers extends React.Component {
|
|||
<div className="row">
|
||||
<div className="col s0 m2 l2" />
|
||||
<div className="col s12 m8 l8">
|
||||
<div className="row">
|
||||
<div className="">
|
||||
<FlatButton
|
||||
className="headerMenu"
|
||||
hoverColor="#f1f5f9"
|
||||
|
|
@ -59,7 +60,7 @@ export default class PaymentVouchers extends React.Component {
|
|||
primary={true}
|
||||
icon={<NavigationArrowBack />}
|
||||
/>
|
||||
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
|
||||
<DividerMaterialUI style={{ marginBottom:10,marginTop:10 }} />
|
||||
</div>
|
||||
<div className="row">
|
||||
<Collapse bordered={true}>
|
||||
|
|
@ -121,7 +122,7 @@ export default class PaymentVouchers extends React.Component {
|
|||
<Button type="primary" block onClick={() => {
|
||||
this.props.history.push(LINKS.VOUCHERS)
|
||||
openNotificationWithIcon('success')
|
||||
}}>Bayar</Button>
|
||||
}}>Pakai Points</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col s0 m2 l2" />
|
||||
|
|
|
|||
|
|
@ -54,22 +54,30 @@ export default class VouchersComponent extends React.Component {
|
|||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
value: 'Super Besar 1',
|
||||
cost: '34 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
value: 'Super Besar 2',
|
||||
cost: '49 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
name: 'Grab',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/grab_150px_74px.png',
|
||||
description: 'Grab adalah platform transportasi terkemuka di Asia Tenggara. Kami percaya setiap orang harus bisa pergi ke mana saja dan percaya bahwa mereka dapat memesan perjalanan yang aman.',
|
||||
additional_information: 'Voucher ini berlaku hingga 28 Februari 2019. Voucher ini hanya bisa digunakan untuk layanan GrabCar, GrabBike, dan GrabExpress. ',
|
||||
background_color: 'linear-gradient(rgb(0, 174, 66), rgb(0, 93, 36))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 10.000',
|
||||
cost: '10 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 20.000',
|
||||
cost: '20 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
|
|
@ -78,9 +86,31 @@ export default class VouchersComponent extends React.Component {
|
|||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'OYO Hotel',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/oyo_150px_74px.png',
|
||||
description: 'OYO Hotel adalah jaringan hotel terbesar di Asia Selatan dan terdapat di 11 negara dengan lebih dari 12,000 hotel tersebar di seluruh dunia.',
|
||||
additional_information: 'Voucher ini berlaku hingga 31 Januari 2019.',
|
||||
background_color: 'linear-gradient(rgb(253, 234, 225), rgb(255, 138, 98))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
value: 'Rp. 75.000',
|
||||
cost: '25 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Carrefour',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/carrefour_150px_74px.png',
|
||||
description: 'Carrefour membantu semua orang agar dapat menikmati kualitas hidup yang lebih baik setiap harinya. Menyediakan berbagai kebutuhan harian sekaligus bulanan, sebagai tujuan utama berbelanja keluarga dengan memberikan pelayanan dan produk berkualitas dimanapun dan kapanpun.',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(236, 249, 250), rgb(73, 176, 228))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
|
|
@ -89,127 +119,66 @@ export default class VouchersComponent extends React.Component {
|
|||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
name: "Domino's Pizza",
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/dominos_150px_74px.png',
|
||||
description: "Domino's Pizza adalah pemimpin Pizza delivery di dunia. Dengan 130 toko yang tersebar di Jabodetabek, Bali, Bandung, Serang, dan Sukabumi, Domino’s menyajikan pizza paling lezat dengan harga terbaik untuk jutaan pelanggan. Domino’s juga mengantarkan pizza hangat dengan jaminan 30 menit sampai.",
|
||||
additional_information: "Voucher ini berlaku hingga 29 hari setelah pembelian",
|
||||
background_color: 'linear-gradient(rgb(11, 110, 174), rgb(2, 61, 96))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
cost: '90 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
cost: '180 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
name: 'Timezone',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/new-timezone_150px_74px.png',
|
||||
description: 'Timezone merupakan tempat permainan semua keluarga di Indonesia. Beragam permainan menarik yang disediakan untuk memberikan pengalaman yang menyenangkan bagi setiap pengunjung. Selain permainan – permainan yang cukup menarik dan sensasi berbeda, pengunjung yang hadir ke Timezone juga berkesempatan mendapatkan hadiah-hadiah menarik dari mesin-mesin yang dimainkan ataupun souvenir, boneka dari tiket yang ditukarkan',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
background_color: 'linear-gradient(rgb(255, 118, 90), rgb(255, 40, 12))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
value: 'Value Voucher Rp 200.000 (Saldo Rp 150.000 & Free Games Rp 50.000)',
|
||||
cost: '135 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
value: 'Value Voucher Rp 500.000 (Saldo Rp 300.000 & Free Games Rp 200.000)',
|
||||
cost: '285 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
name: 'Bakmi GM',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/bakmigm_150px_74px.png',
|
||||
description: 'BAKMI GM dirancang khusus untuk memberikan rasa yang lezat, yang dibuat dari bahan baku pilihan dan disajikan dengan harga yang ekonomis. Tersedia lebih dari 50 menu yang dapat dipilih oleh pelanggan, dengan menu Bakmi Special GM dan Pangsit Goreng yang menjadi favorit pelanggan.',
|
||||
additional_information: 'Voucher ini berlaku hingga 11 Januari 2019.',
|
||||
background_color: 'linear-gradient(rgb(254, 239, 73), rgb(241, 186, 54))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
cost: '47 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
cost: '94 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
name: 'CFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/cfc_150px_74px.png',
|
||||
description: 'CFC merupakan salah satu brand fast food yang tersebar di berbagai daerah di Indonesia. CFC menyediakan berbagai menu makanan dan minuman yang praktis dan bervariasi sesuai dengan selera keluarga Indonesia. Mulai dari berbagai menu berbahan dasar ayam seperti : Crispy Fried Chicken, Chicken Strips, Chicken Pop, Chicken Burger, Ayam Geprek, hingga Nasi Goreng, Spaghetti, Ice blended, Calblend Float, dan masih banyak lagi.',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian. Maksimal penggunaan 3 e-Voucher dalam 1 kali transaksi',
|
||||
background_color: 'linear-gradient(rgb(255, 255, 255), rgb(192, 192, 192))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'KFC',
|
||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||
option: [
|
||||
{
|
||||
value: 'Rp. 50.000',
|
||||
cost: '50 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 100.000',
|
||||
cost: '100 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 150.000',
|
||||
cost: '150 Points'
|
||||
},
|
||||
{
|
||||
value: 'Rp. 200.000',
|
||||
cost: '200 Points'
|
||||
cost: '44 Points'
|
||||
},
|
||||
]
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user