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

nav new:

Browse Source
This commit is contained in:
tsabit ghazwan 2019-01-02 19:39:44 +07:00
parent 3e31abbfa6
commit ffa87b05b9
4 changed files with 136 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/icon/car.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
assets/images/icon/flight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/images/icon/hotel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

235
src/common/pages/App/index.js
View File

@ -372,16 +372,53 @@ export default class App extends React.Component {
<IconButton className="hide-on-small-only" style={{marginRight: 10}} onClick={() => this.toggleDrawer()}> <IconButton className="hide-on-small-only" style={{marginRight: 10}} onClick={() => this.toggleDrawer()}>
<IconMenus/> <IconMenus/>
</IconButton> </IconButton>
<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed" {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
style={{marginRight: (window.innerWidth < 600) ? 2 : 10}} {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "clock-circle")}> {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "clock-circle")}>*/}
<Icon type="clock-circle"/> <span className="hide-on-small-only">{moment().format('h:mm:ss A')}</span> {/*<Icon type="clock-circle"/> <span className="hide-on-small-only">{moment().format('h:mm:ss A')}</span>*/}
</Button> {/*</Button>*/}
{/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/} {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
{/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/} {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
{/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "environment")}>*/} {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "environment")}>*/}
{/*<Icon type="environment"/><span className="hide-on-small-only">{this.user.userGeolocation.ip}</span>*/} {/*<Icon type="environment"/><span className="hide-on-small-only">{this.user.userGeolocation.ip}</span>*/}
{/*</Button>*/} {/*</Button>*/}
<Link onClick={this
.changeRoute
.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
leftIcon={<img src="/assets/images/icon/chart.png"/>}
className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Dashboard</span></MenuItem></Link>
<Link onClick={this
.changeRoute
.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
leftIcon={<img src="/assets/images/icon/flight.png"/>}
className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Flight</span></MenuItem></Link>
<Link onClick={this
.changeRoute
.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
leftIcon={<img src="/assets/images/icon/hotel.png"/>}
className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Hotel</span></MenuItem></Link>
<Link onClick={this
.changeRoute
.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
leftIcon={<img src="/assets/images/icon/car.png"/>}
className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Car</span></MenuItem></Link>
<Link onClick={this
.changeRoute
.bind(this, '/app/items')} to={LINKS.ITEMS}><MenuItem
leftIcon={<img src="/assets/images/icon/product.png"/>}
className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Shop</span></MenuItem></Link>
{/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/} {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
{/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/} {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
{/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "calendar")}>*/} {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "calendar")}>*/}
@ -544,85 +581,85 @@ export default class App extends React.Component {
</ToolbarGroup> </ToolbarGroup>
</Toolbar> </Toolbar>
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem {/*.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem*/}
leftIcon={<img src="/assets/images/icon/chart.png"/>} {/*leftIcon={<img src="/assets/images/icon/chart.png"/>}*/}
className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Dashboard</span></MenuItem></Link> {/*className="menuAkun">Dashboard</span></MenuItem></Link>*/}
{ {/*{*/}
userData.role == 'administrator' ? {/*userData.role == 'administrator' ?*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem {/*.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/data.png"/>} {/*leftIcon={<img src="/assets/images/icon/data.png"/>}*/}
className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Data</span></MenuItem></Link> : '' {/*className="menuAkun">Data</span></MenuItem></Link> : ''*/}
} {/*}*/}
{ {/*{*/}
userData.role == 'administrator' && {/*userData.role == 'administrator' &&*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem {/*.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/layout.png"/>} {/*leftIcon={<img src="/assets/images/icon/layout.png"/>}*/}
className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Layout</span></MenuItem></Link> {/*className="menuAkun">Layout</span></MenuItem></Link>*/}
} {/*}*/}
{ {/*{*/}
userData.role == 'administrator' && {/*userData.role == 'administrator' &&*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem {/*.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/content.png"/>} {/*leftIcon={<img src="/assets/images/icon/content.png"/>}*/}
className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Content</span></MenuItem></Link> {/*className="menuAkun">Content</span></MenuItem></Link>*/}
} {/*}*/}
{ {/*{*/}
userData.role === 'administrator' && {/*userData.role === 'administrator' &&*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem {/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/tasks.png"/>} {/*leftIcon={<img src="/assets/images/icon/tasks.png"/>}*/}
className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Tasks</span></MenuItem></Link> {/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
} {/*}*/}
{ {/*{*/}
userData.role == 'store' ? {/*userData.role == 'store' ?*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/items')} to={LINKS.ITEMS}> <MenuItem {/*.bind(this, '/app/items')} to={LINKS.ITEMS}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/product.png"/>} {/*leftIcon={<img src="/assets/images/icon/product.png"/>}*/}
className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Items</span></MenuItem></Link> {/*className="menuAkun">Items</span></MenuItem></Link>*/}
: "" {/*: ""*/}
} {/*}*/}
{ {/*{*/}
userData.role == 'store' ? {/*userData.role == 'store' ?*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem {/*.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/wallet.png"/>} {/*leftIcon={<img src="/assets/images/icon/wallet.png"/>}*/}
className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Wallet</span></MenuItem></Link> : "" {/*className="menuAkun">Wallet</span></MenuItem></Link> : ""*/}
} {/*}*/}
{ {/*{*/}
userData.role == 'store' ? {/*userData.role == 'store' ?*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem {/*.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/accounting.png"/>} {/*leftIcon={<img src="/assets/images/icon/accounting.png"/>}*/}
className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Order</span></MenuItem></Link> {/*className="menuAkun">Order</span></MenuItem></Link>*/}
: "" {/*: ""*/}
} {/*}*/}
{/*<Link onClick={this*/} {/*<Link onClick={this*/}
{/*.changeRoute*/} {/*.changeRoute*/}
{/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/} {/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
@ -630,15 +667,15 @@ export default class App extends React.Component {
{/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/} {/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Tasks</span></MenuItem></Link>*/} {/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
{ {/*{*/}
userData.role == 'store' ? {/*userData.role == 'store' ?*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem {/*.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/store.png"/>} {/*leftIcon={<img src="/assets/images/icon/store.png"/>}*/}
className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Store</span></MenuItem></Link> : '' {/*className="menuAkun">Store</span></MenuItem></Link> : ''*/}
} {/*}*/}
{/* { {/* {
userData.role == 'store' ? userData.role == 'store' ?
@ -671,20 +708,20 @@ export default class App extends React.Component {
} */} } */}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem {/*.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/inbox.png"/>} {/*leftIcon={<img src="/assets/images/icon/inbox.png"/>}*/}
className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Inbox</span></MenuItem></Link> {/*className="menuAkun">Inbox</span></MenuItem></Link>*/}
{/*{*/} {/*/!*{*!/*/}
{/*userData.role == 'administrator' && */} {/*/!*userData.role == 'administrator' && *!/*/}
<Link onClick={this {/*<Link onClick={this*/}
.changeRoute {/*.changeRoute*/}
.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem {/*.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem*/}
leftIcon={<img src="/assets/images/icon/settings.png"/>} {/*leftIcon={<img src="/assets/images/icon/settings.png"/>}*/}
className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span {/*className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
className="menuAkun">Setting</span></MenuItem></Link> {/*className="menuAkun">Setting</span></MenuItem></Link>*/}
{/*}*/} {/*}*/}
{/* {/*
userData.role == 'administrator' ? userData.role == 'administrator' ?