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()}>
<IconMenus/>
</IconButton>
<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"
style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}
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>
</Button>
{/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
{/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
{/*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>*/}
{/*</Button>*/}
{/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
{/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
{/*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>*/}
{/*</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"*/}
{/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
{/*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>
</Toolbar>
<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/chart.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Dashboard</span></MenuItem></Link>*/}
{
userData.role == 'administrator' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem
leftIcon={<img src="/assets/images/icon/data.png"/>}
className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Data</span></MenuItem></Link> : ''
}
{/*{*/}
{/*userData.role == 'administrator' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/data.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Data</span></MenuItem></Link> : ''*/}
{/*}*/}
{
userData.role == 'administrator' &&
<Link onClick={this
.changeRoute
.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem
leftIcon={<img src="/assets/images/icon/layout.png"/>}
className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Layout</span></MenuItem></Link>
}
{/*{*/}
{/*userData.role == 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/layout.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Layout</span></MenuItem></Link>*/}
{/*}*/}
{
userData.role == 'administrator' &&
<Link onClick={this
.changeRoute
.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem
leftIcon={<img src="/assets/images/icon/content.png"/>}
className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Content</span></MenuItem></Link>
}
{/*{*/}
{/*userData.role == 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/content.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Content</span></MenuItem></Link>*/}
{/*}*/}
{
userData.role === 'administrator' &&
<Link onClick={this
.changeRoute
.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem
leftIcon={<img src="/assets/images/icon/tasks.png"/>}
className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Tasks</span></MenuItem></Link>
}
{/*{*/}
{/*userData.role === 'administrator' &&*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/tasks.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
{/*}*/}
{
userData.role == 'store' ?
<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">Items</span></MenuItem></Link>
: ""
}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<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">Items</span></MenuItem></Link>*/}
{/*: ""*/}
{/*}*/}
{
userData.role == 'store' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem
leftIcon={<img src="/assets/images/icon/wallet.png"/>}
className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Wallet</span></MenuItem></Link> : ""
}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/wallet.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Wallet</span></MenuItem></Link> : ""*/}
{/*}*/}
{
userData.role == 'store' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem
leftIcon={<img src="/assets/images/icon/accounting.png"/>}
className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Order</span></MenuItem></Link>
: ""
}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/accounting.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Order</span></MenuItem></Link>*/}
{/*: ""*/}
{/*}*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.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="menuAkun">Tasks</span></MenuItem></Link>*/}
{
userData.role == 'store' ?
<Link onClick={this
.changeRoute
.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem
leftIcon={<img src="/assets/images/icon/store.png"/>}
className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Store</span></MenuItem></Link> : ''
}
{/*{*/}
{/*userData.role == 'store' ?*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/store.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Store</span></MenuItem></Link> : ''*/}
{/*}*/}
{/* {
userData.role == 'store' ?
@ -671,20 +708,20 @@ export default class App extends React.Component {
} */}
<Link onClick={this
.changeRoute
.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem
leftIcon={<img src="/assets/images/icon/inbox.png"/>}
className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Inbox</span></MenuItem></Link>
{/*{*/}
{/*userData.role == 'administrator' && */}
<Link onClick={this
.changeRoute
.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem
leftIcon={<img src="/assets/images/icon/settings.png"/>}
className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span
className="menuAkun">Setting</span></MenuItem></Link>
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/inbox.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Inbox</span></MenuItem></Link>*/}
{/*/!*{*!/*/}
{/*/!*userData.role == 'administrator' && *!/*/}
{/*<Link onClick={this*/}
{/*.changeRoute*/}
{/*.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem*/}
{/*leftIcon={<img src="/assets/images/icon/settings.png"/>}*/}
{/*className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
{/*className="menuAkun">Setting</span></MenuItem></Link>*/}
{/*}*/}
{/*
userData.role == 'administrator' ?