@@ -26,4 +26,4 @@ yarn-error.log* | |||||
# package | # package | ||||
/dist | /dist | ||||
#/.next | |||||
/.next |
@@ -5,6 +5,7 @@ async function profile(token="") { | |||||
` | ` | ||||
query{ | query{ | ||||
users{ | users{ | ||||
id | |||||
username | username | ||||
firstName | firstName | ||||
@@ -23,8 +24,9 @@ async function GetDetailProfile(id, token = "") { | |||||
var res = await apollo.query( | var res = await apollo.query( | ||||
` | ` | ||||
query($input: ID!){ | query($input: ID!){ | ||||
products(where:{id:$input}) | |||||
users(where:{id:$input}) | |||||
{ | { | ||||
id | |||||
username | username | ||||
firstName | firstName | ||||
@@ -14,7 +14,7 @@ const parallaxStyle = theme => ({ | |||||
}, | }, | ||||
filter: { | filter: { | ||||
"&:before": { | "&:before": { | ||||
background: "rgba(0, 0, 0, 0.5)" | |||||
background: "#212121" | |||||
}, | }, | ||||
"&:after,&:before": { | "&:after,&:before": { | ||||
position: "absolute", | position: "absolute", | ||||
@@ -3,7 +3,7 @@ import { container, title } from "assets/jss/nextjs-material-kit.js"; | |||||
const landingPageStyle = { | const landingPageStyle = { | ||||
container: { | container: { | ||||
zIndex: "12", | zIndex: "12", | ||||
color: "#FFFFFF", | |||||
color: "#ffffff", | |||||
...container | ...container | ||||
}, | }, | ||||
title: { | title: { | ||||
@@ -12,7 +12,7 @@ const landingPageStyle = { | |||||
position: "relative", | position: "relative", | ||||
marginTop: "30px", | marginTop: "30px", | ||||
minHeight: "32px", | minHeight: "32px", | ||||
color: "#FFFFFF", | |||||
color: "#000000", | |||||
textDecoration: "none" | textDecoration: "none" | ||||
}, | }, | ||||
subtitle: { | subtitle: { | ||||
@@ -23,11 +23,11 @@ const landingPageStyle = { | |||||
main: { | main: { | ||||
background: "#FFFFFF", | background: "#FFFFFF", | ||||
position: "relative", | position: "relative", | ||||
marginLeft:"29px", | |||||
zIndex: "3" | zIndex: "3" | ||||
}, | }, | ||||
mainRaised: { | mainRaised: { | ||||
margin: "-60px 30px 0px", | margin: "-60px 30px 0px", | ||||
borderRadius: "6px", | |||||
boxShadow: | boxShadow: | ||||
"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)" | "0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)" | ||||
} | } | ||||
@@ -0,0 +1,104 @@ | |||||
import React from "react"; | |||||
// nodejs library that concatenates classes | |||||
import classNames from "classnames"; | |||||
// nodejs library to set properties for components | |||||
import PropTypes from "prop-types"; | |||||
// material-ui components | |||||
import { makeStyles } from "@material-ui/core/styles"; | |||||
import Tabs from "@material-ui/core/Tabs"; | |||||
import Tab from "@material-ui/core/Tab"; | |||||
import Icon from "@material-ui/core/Icon"; | |||||
// core components | |||||
import Card from "components/Card/Card.js"; | |||||
import CardBody from "components/Card/CardBody.js"; | |||||
import CardHeader from "components/Card/CardHeader.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/components/customTabsStyle.js"; | |||||
const useStyles = makeStyles(styles); | |||||
export default function CustomTabs(props) { | |||||
const [value, setValue] = React.useState(0); | |||||
const handleChange = (event, value) => { | |||||
setValue(value); | |||||
}; | |||||
const classes = useStyles(); | |||||
const { headerColor, plainTabs, tabs, title, rtlActive } = props; | |||||
const cardTitle = classNames({ | |||||
[classes.cardTitle]: true, | |||||
[classes.cardTitleRTL]: rtlActive | |||||
}); | |||||
return ( | |||||
<Card plain={plainTabs}> | |||||
<CardHeader color={headerColor} plain={plainTabs}> | |||||
{title !== undefined ? <div className={cardTitle}>{title}</div> : null} | |||||
<Tabs | |||||
value={value} | |||||
onChange={handleChange} | |||||
classes={{ | |||||
root: classes.tabsRoot, | |||||
indicator: classes.displayNone | |||||
}} | |||||
> | |||||
{tabs.map((prop, key) => { | |||||
var icon = {}; | |||||
if (prop.tabIcon) { | |||||
icon = { | |||||
icon: | |||||
typeof prop.tabIcon === "string" ? ( | |||||
<Icon>{prop.tabIcon}</Icon> | |||||
) : ( | |||||
<prop.tabIcon /> | |||||
) | |||||
}; | |||||
} | |||||
return ( | |||||
<Tab | |||||
classes={{ | |||||
root: classes.tabRootButton, | |||||
label: classes.tabLabel, | |||||
selected: classes.tabSelected, | |||||
wrapper: classes.tabWrapper | |||||
}} | |||||
key={key} | |||||
label={prop.tabName} | |||||
{...icon} | |||||
/> | |||||
); | |||||
})} | |||||
</Tabs> | |||||
</CardHeader> | |||||
<CardBody> | |||||
{tabs.map((prop, key) => { | |||||
if (key === value) { | |||||
return <div key={key}>{prop.tabContent}</div>; | |||||
} | |||||
return null; | |||||
})} | |||||
</CardBody> | |||||
</Card> | |||||
); | |||||
} | |||||
CustomTabs.propTypes = { | |||||
headerColor: PropTypes.oneOf([ | |||||
"warning", | |||||
"success", | |||||
"danger", | |||||
"info", | |||||
"primary", | |||||
"rose" | |||||
]), | |||||
title: PropTypes.string, | |||||
tabs: PropTypes.arrayOf( | |||||
PropTypes.shape({ | |||||
tabName: PropTypes.string.isRequired, | |||||
tabIcon: PropTypes.object, | |||||
tabContent: PropTypes.node.isRequired | |||||
}) | |||||
), | |||||
rtlActive: PropTypes.bool, | |||||
plainTabs: PropTypes.bool | |||||
}; |
@@ -13,10 +13,16 @@ import Favorite from "@material-ui/icons/Favorite"; | |||||
import GridContainer from "components/Grid/GridContainer.js"; | import GridContainer from "components/Grid/GridContainer.js"; | ||||
import Grid from '@material-ui/core/Grid'; | import Grid from '@material-ui/core/Grid'; | ||||
import GridItem from "components/Grid/GridItem.js"; | |||||
import Paper from '@material-ui/core/Paper'; | import Paper from '@material-ui/core/Paper'; | ||||
import Card from "components/Card/Card.js"; | import Card from "components/Card/Card.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js"; | import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js"; | ||||
// import iconfb from "assets/img/sosmed/iconfb.png"; | |||||
// import iconig from "assets/img/sosmed/iconig.png"; | |||||
// import icontwt from "assets/img/sosmed/icontwt.png"; | |||||
// import iconyt from "assets/img/sosmed/iconyt.png"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
export default function Footer(props) { | export default function Footer(props) { | ||||
@@ -88,6 +94,32 @@ export default function Footer(props) { | |||||
</div> | </div> | ||||
</Grid> | </Grid> | ||||
</GridContainer> | </GridContainer> | ||||
<GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center"> | |||||
<Grid> | |||||
<div> | |||||
<footer className={footerClasses}> | |||||
<div className={classes.container}> | |||||
<div className={classes.left}> | |||||
<List className={classes.list}> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/home" className={classes.block} >Facebook</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/product" className={classes.block}>Instagram</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/ygp" className={classes.block}>Twitter</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/yamalube" className={classes.block}>Youtube</a> | |||||
</ListItem> | |||||
</List> | |||||
</div> | |||||
</div> | |||||
</footer> | |||||
</div> | |||||
</Grid> | |||||
</GridContainer> | |||||
<GridContainer style={{marginTop: "-40px"}} justify="center"> | <GridContainer style={{marginTop: "-40px"}} justify="center"> | ||||
<Grid> | <Grid> | ||||
<div align="center"> | <div align="center"> | ||||
@@ -16,6 +16,7 @@ import Grid from '@material-ui/core/Grid'; | |||||
import Paper from '@material-ui/core/Paper'; | import Paper from '@material-ui/core/Paper'; | ||||
import Card from "components/Card/Card.js"; | import Card from "components/Card/Card.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js"; | import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js"; | ||||
import NSCB from "assets/img/nscb.png"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -31,10 +32,10 @@ export default function Footer(props) { | |||||
[classes.footerWhiteFont]: whiteFont | [classes.footerWhiteFont]: whiteFont | ||||
}); | }); | ||||
return ( | return ( | ||||
<div> | |||||
<div><br/> | |||||
<GridContainer justify="center"> | <GridContainer justify="center"> | ||||
<Grid style={{padding:"25px"}}> | <Grid style={{padding:"25px"}}> | ||||
<img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/> | |||||
<img className={classes.imgCard} src={NSCB} style={{width:"300px"}}/> | |||||
</Grid> | </Grid> | ||||
<Grid style={{padding:"25px"}}> | <Grid style={{padding:"25px"}}> | ||||
<img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/> | <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/> | ||||
@@ -88,6 +89,32 @@ export default function Footer(props) { | |||||
</footer> | </footer> | ||||
</Grid> | </Grid> | ||||
</GridContainer> | </GridContainer> | ||||
<GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center"> | |||||
<Grid> | |||||
<div> | |||||
<footer className={footerClasses}> | |||||
<div className={classes.container}> | |||||
<div className={classes.left}> | |||||
<List className={classes.list}> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/home" className={classes.block} >Facebook</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/product" className={classes.block}>Instagram</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/ygp" className={classes.block}>Twitter</a> | |||||
</ListItem> | |||||
<ListItem className={classes.inlineBlock}> | |||||
<a href="/yamaha/product/yamalube" className={classes.block}>Youtube</a> | |||||
</ListItem> | |||||
</List> | |||||
</div> | |||||
</div> | |||||
</footer> | |||||
</div> | |||||
</Grid> | |||||
</GridContainer> | |||||
<GridContainer justify="center"> | <GridContainer justify="center"> | ||||
<Grid style={{padding:"25px", marginTop:"-50px"}}> | <Grid style={{padding:"25px", marginTop:"-50px"}}> | ||||
<div className={classes.right}> | <div className={classes.right}> | ||||
@@ -18,6 +18,7 @@ import CustomDropdown from "components/CustomDropdown/CustomDropdown.js"; | |||||
import Button from "components/CustomButtons/Button.js"; | import Button from "components/CustomButtons/Button.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js"; | import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js"; | ||||
import Image from "assets/img/Black.png"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
export default function HeaderHome(props) { | export default function HeaderHome(props) { | ||||
@@ -29,7 +30,7 @@ export default function HeaderHome(props) { | |||||
<Link href="#"> | <Link href="#"> | ||||
<Button color="transparent" className={classes.navLink}> | <Button color="transparent" className={classes.navLink}> | ||||
<img | <img | ||||
src="https://1.bp.blogspot.com/-J9AsxdwrF-Y/Wn70KyBApaI/AAAAAAAACRo/LTy3zrALzhckryd9QPi_KuVyWvwFMZyMQCLcBGAs/s640/TG.png" width="180px" | |||||
src={Image} width="180px" | |||||
/> | /> | ||||
</Button> | </Button> | ||||
</Link> | </Link> | ||||
@@ -150,7 +150,7 @@ export default function HeaderLinks({ username, ...props }) { | |||||
</ListItem> | </ListItem> | ||||
<ListItem className={classes.listItem} style={{ marginTop: "10px" }}> | <ListItem className={classes.listItem} style={{ marginTop: "10px" }}> | ||||
<Button | <Button | ||||
href="/yamaha/cart/cart" | |||||
href="/yamaha/order/order" | |||||
color="transparent" | color="transparent" | ||||
className={classes.navLink} | className={classes.navLink} | ||||
> | > | ||||
@@ -115,7 +115,7 @@ export default function HeaderLinks({ username, ...props }) { | |||||
<Icon className={classes.icons}>wallet_travel</Icon> Career | <Icon className={classes.icons}>wallet_travel</Icon> Career | ||||
</Button> | </Button> | ||||
</ListItem> | </ListItem> | ||||
<ListItem | |||||
{/* <ListItem | |||||
className={classes.listItem} | className={classes.listItem} | ||||
style={{ marginTop: "10px" }} | style={{ marginTop: "10px" }} | ||||
> | > | ||||
@@ -167,7 +167,7 @@ export default function HeaderLinks({ username, ...props }) { | |||||
</Link>, | </Link>, | ||||
]} | ]} | ||||
/> | /> | ||||
</ListItem> | |||||
</ListItem> */} | |||||
<ListItem | <ListItem | ||||
className={classes.listItem} | className={classes.listItem} | ||||
style={{ marginTop: "10px" }} | style={{ marginTop: "10px" }} | ||||
@@ -181,6 +181,16 @@ export default function HeaderLinks({ username, ...props }) { | |||||
Us | Us | ||||
</Button> | </Button> | ||||
</ListItem> | </ListItem> | ||||
<ListItem className={classes.listItem} style={{ marginTop: "10px" }}> | |||||
<Button | |||||
href="/suzuki/profile/profile" | |||||
// href="#" | |||||
color="transparent" | |||||
className={classes.navLink} | |||||
> | |||||
<Icon className={classes.icons}>people</Icon> Profile | |||||
</Button> | |||||
</ListItem> | |||||
<ListItem | <ListItem | ||||
className={classes.listItem} | className={classes.listItem} | ||||
style={{ marginTop: "10px" }} | style={{ marginTop: "10px" }} | ||||
@@ -1,10 +1,11 @@ | |||||
const withPlugins = require("next-compose-plugins"); | const withPlugins = require("next-compose-plugins"); | ||||
const withImages = require("next-images"); | const withImages = require("next-images"); | ||||
const withSass = require("@zeit/next-sass"); | const withSass = require("@zeit/next-sass"); | ||||
const withCss = require("@zeit/next-css"); | |||||
const webpack = require("webpack"); | const webpack = require("webpack"); | ||||
const path = require("path"); | const path = require("path"); | ||||
module.exports = withPlugins([[withSass], [withImages]], { | |||||
module.exports = withPlugins([[withSass], [withImages], [withCss]], { | |||||
webpack(config, { dev }) { | webpack(config, { dev }) { | ||||
if (dev) { | if (dev) { | ||||
config.devtool = "cheap-module-source-map"; | config.devtool = "cheap-module-source-map"; | ||||
@@ -47,6 +47,7 @@ | |||||
"graphql": "^15.3.0", | "graphql": "^15.3.0", | ||||
"jquery.scrollto": "^2.1.3", | "jquery.scrollto": "^2.1.3", | ||||
"less": "^4.1.1", | "less": "^4.1.1", | ||||
"materialize-css": "^1.0.0", | |||||
"mdbreact": "^5.0.1", | "mdbreact": "^5.0.1", | ||||
"midtrans-client": "^1.2.3", | "midtrans-client": "^1.2.3", | ||||
"midtrans-payment": "^1.2.7", | "midtrans-payment": "^1.2.7", | ||||
@@ -8,8 +8,14 @@ import GridItem from "components/Grid/GridItem.js"; | |||||
import Card from "components/Card/Card.js"; | import Card from "components/Card/Card.js"; | ||||
import Icon from "@material-ui/core/Icon"; | import Icon from "@material-ui/core/Icon"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js"; | import styles from "assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js"; | ||||
import Carousel from "react-slick"; | |||||
import Container from '@material-ui/core/Container'; | |||||
import Typography from '@material-ui/core/Typography'; | |||||
import Paper from '@material-ui/core/Paper'; | |||||
import Grid from '@material-ui/core/Grid'; | |||||
import stylecss from "pages-sections/home/business-partner.css"; | |||||
import yamaha from 'assets/img/home/yamaha.jpg'; | |||||
import yamaha from 'assets/img/home/yamaha1.jpg'; | |||||
import suzuki from 'assets/img/home/suzuki.jpg'; | import suzuki from 'assets/img/home/suzuki.jpg'; | ||||
import mercedes from 'assets/img/home/mercedes.jpg'; | import mercedes from 'assets/img/home/mercedes.jpg'; | ||||
import hino from 'assets/img/home/hino.jpg'; | import hino from 'assets/img/home/hino.jpg'; | ||||
@@ -22,95 +28,55 @@ import home from 'assets/img/home/home.jpg'; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
export default function WorkSection() { | export default function WorkSection() { | ||||
const classes = useStyles(); | const classes = useStyles(); | ||||
console.log(stylecss.container); | |||||
return ( | return ( | ||||
<div> | <div> | ||||
<GridContainer justify="center"> | |||||
<GridItem xs={12} sm={12} md={8}> | |||||
<h2 className={classes.title}>Thamrin Group Businees Partner</h2> | |||||
<GridContainer justify="center" color="dark"> | |||||
<GridItem xs={12} sm={12}> | |||||
<h2 className={classes.title}>Thamrin Group Businees Partner</h2> | |||||
</GridItem> | </GridItem> | ||||
</GridContainer> | </GridContainer> | ||||
<div className={classes.section} id="notifications" style={{marginTop:"-150px"}}> | |||||
<div className={classes.section}> | |||||
<div className={classes.container}> | |||||
<GridContainer> | |||||
<GridItem className={classes.marginAuto}> | |||||
<Card carousel style={{width:"1290px", marginLeft:"-90px"}}> | |||||
<img src={yamaha} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href="/yamaha/home" style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={suzuki} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href="/suzuki/home" style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={hino} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={honda} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={mercedes} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={pim} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={emilia} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={bpr} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
<Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}> | |||||
<img src={home} alt="First slide" className="slick-image" /> | |||||
</Card> | |||||
<div align="center"> | |||||
<Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Visit Page | |||||
</Button> | |||||
</div> | |||||
</GridItem> | |||||
</GridContainer> | |||||
<div className={classes.root}> | |||||
<Grid container spacing={3}> | |||||
<Grid item xs={12} sm={12} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={yamaha} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/yamaha/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | </div> | ||||
</div> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel> | |||||
<div className="container"> | |||||
<img src={suzuki} alt="Snow" style={{width:"100%"}}/> | |||||
<Button href="/suzuki/home" target="_blank" className="btn">Visit Page</Button> | |||||
</div> | |||||
</Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={honda}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={hino}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={mercedes}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={emilia}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={bpr}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={pim}/></Carousel> | |||||
</Grid> | |||||
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> | |||||
<Carousel><img src={home}/></Carousel> | |||||
</Grid> | |||||
</Grid> | |||||
</div> | |||||
</div> | </div> | ||||
); | ); | ||||
} | } |
@@ -25,7 +25,7 @@ const DataCarousel = function () { | |||||
time: 5 | time: 5 | ||||
}; | }; | ||||
return ( | return ( | ||||
<div className={classes.section} id="notifications"> | |||||
<div className={classes.section} id="notifications" style={{marginTop:"-40px"}}> | |||||
<div className={classes.section}> | <div className={classes.section}> | ||||
<div className={classes.container}> | <div className={classes.container}> | ||||
<GridContainer> | <GridContainer> | ||||
@@ -0,0 +1,30 @@ | |||||
.container { | |||||
position: relative; | |||||
width: 100%; | |||||
max-width: 100%; | |||||
} | |||||
.container img { | |||||
width: 100%; | |||||
height: auto; | |||||
} | |||||
.container .btn { | |||||
position: absolute; | |||||
top: 90%; | |||||
left: 50%; | |||||
transform: translate(-50%, -50%); | |||||
-ms-transform: translate(-50%, -50%); | |||||
background-color: #555; | |||||
color: white; | |||||
font-size: 16px; | |||||
padding: 12px 24px; | |||||
border: none; | |||||
cursor: pointer; | |||||
border-radius: 5px; | |||||
text-align: center; | |||||
} | |||||
.container .btn:hover { | |||||
background-color: black; | |||||
} |
@@ -26,7 +26,7 @@ export default function WorkSection() { | |||||
const classes = useStyles(); | const classes = useStyles(); | ||||
return ( | return ( | ||||
<div> | <div> | ||||
<GridContainer justify="center" style={{marginTop:"-100px"}}> | |||||
<GridContainer justify="center"> | |||||
<GridItem xs={12} sm={12} md={8}> | <GridItem xs={12} sm={12} md={8}> | ||||
<h2 className={classes.title}>Thamrin Group Gallery</h2> | <h2 className={classes.title}>Thamrin Group Gallery</h2> | ||||
</GridItem> | </GridItem> | ||||
@@ -36,67 +36,67 @@ export default function WorkSection() { | |||||
<div className={classes.container} align="center"> | <div className={classes.container} align="center"> | ||||
<Grid container spacing={3}> | <Grid container spacing={3}> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img1} alt="First slide" className="slick-image" width="250px"/> | |||||
<Card> | |||||
<img src={img1} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img2} alt="First slide" className="slick-image" width="250px"/> | |||||
<Card> | |||||
<img src={img2} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img3} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img3} alt="First slide" className="slick-image" /> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img4} alt="First slide" className="slick-image" width="250px"/> | |||||
<Card> | |||||
<img src={img4} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
</Grid> | </Grid> | ||||
<Grid container spacing={3}> | <Grid container spacing={3}> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img8} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img8} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img5} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img5} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img6} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img6} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img7} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img7} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
</Grid> | </Grid> | ||||
<Grid container spacing={3}> | <Grid container spacing={3}> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img1} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img1} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img2} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img2} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img3} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img3} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
<Grid item xs={3}> | <Grid item xs={3}> | ||||
<Card style={{width:"250px"}}> | |||||
<img src={img4} alt="First slide" className="slick-image" width="250px" height="188px"/> | |||||
<Card> | |||||
<img src={img4} alt="First slide" className="slick-image"/> | |||||
</Card> | </Card> | ||||
</Grid> | </Grid> | ||||
</Grid> | </Grid> | ||||
@@ -38,7 +38,7 @@ const DataCarrers = function ({ backend, s1, d3, sma, ...props }) { | |||||
author="Post By Thamrin Group" | author="Post By Thamrin Group" | ||||
/> | /> | ||||
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} | Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} | ||||
<Button color="danger" style={{marginLeft:"20px"}} round href={"/suzuki/carrer_details?s="+data.id}> | |||||
<Button color="danger" style={{marginLeft:"20px"}} round href={"/suzuki/carrer/carrer_details?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Detail Carrer | <Icon className={classes.icons}>open_in_new</Icon>Detail Carrer | ||||
</Button> | </Button> | ||||
</CardBody> | </CardBody> | ||||
@@ -0,0 +1,388 @@ | |||||
import React from "react"; | |||||
import classNames from "classnames"; | |||||
import {makeStyles} from "@material-ui/core/styles"; | |||||
import Select from 'react-select'; | |||||
import People from "@material-ui/icons/People"; | |||||
import LocationOn from "@material-ui/icons/LocationOn"; | |||||
import Lock from "@material-ui/icons/Lock"; | |||||
import image1 from "assets/img/mail.png" | |||||
import CustomInput from "components/CustomInput/CustomInput.js"; | |||||
import InputAdornment from "@material-ui/core/InputAdornment"; | |||||
import Button from "components/CustomButtons/Button.js"; | |||||
import Icon from "@material-ui/core/Icon"; | |||||
import Card from "components/Card/Card.js"; | |||||
import CardBody from "components/Card/CardBody.js"; | |||||
import GridContainer from "components/Grid/GridContainer.js"; | |||||
import SnackbarContent from "components/Snackbar/SnackbarContent.js"; | |||||
import NavPills from "components/NavPills/NavPills.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/pillsStyle.js"; | |||||
import Grid from '@material-ui/core/Grid'; | |||||
import Paper from '@material-ui/core/Paper'; | |||||
const useStyles = makeStyles((theme) => ({ | |||||
root: { | |||||
flexGrow: 1 | |||||
}, | |||||
paper: { | |||||
padding: theme.spacing(2), | |||||
textAlign: 'center', | |||||
color: theme.palette.text.secondary | |||||
} | |||||
})); | |||||
const DataApparel = function ({ | |||||
profile, | |||||
user, | |||||
...props | |||||
}) { | |||||
const [pass, setPass] = React.useState(""); | |||||
const classes = useStyles(); | |||||
const { | |||||
...rest | |||||
} = props; | |||||
const imageClasses = classNames( | |||||
classes.imgRaised, | |||||
classes.imgRoundedCircle, | |||||
classes.imgFluid | |||||
); | |||||
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | |||||
const Profile = profile.map((data) => { | |||||
return ( | |||||
<NavPills | |||||
color="info" | |||||
horizontal={{ | |||||
tabsGrid: { | |||||
xs: 4, | |||||
sm: 3, | |||||
md: 3 | |||||
}, | |||||
contentGrid: { | |||||
xs: 14, | |||||
sm: 9, | |||||
md: 9 | |||||
} | |||||
}} | |||||
tabs={[ | |||||
{ | |||||
tabButton: "Profile", | |||||
tabIcon: People, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Profile Saya</h3> | |||||
<span>Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun</span> | |||||
<hr></hr> | |||||
</div> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Username | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.username} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nama | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.firstName} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.email} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nomer Telpon | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.telp} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/profile/edit-profile?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Edit Profile | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
}, { | |||||
tabButton: "Alamat", | |||||
tabIcon: LocationOn, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Alamat Saya</h3> | |||||
<span>Kelola informasi Alamat Anda untuk Proses Pengirim Barang</span> | |||||
</div> | |||||
<hr></hr> | |||||
</Grid> | |||||
<img | |||||
src={image1} | |||||
style={{ | |||||
width: "920px" | |||||
}}/> | |||||
<br></br> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nama | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.firstName} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Telpon | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.telp} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Alamat | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.address} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Edit Alamat | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
}, { | |||||
tabButton: "Ubah Password", | |||||
tabIcon: Lock, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Ubah Password</h3> | |||||
<span>Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke | |||||
orang lain</span> | |||||
</div> | |||||
<hr></hr> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Password Saat Ini | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Password Saat Ini" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Password Baru | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Password Baru" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Konfirmasi Password | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Konfirmasi Password" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon> | |||||
Simpan | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
} | |||||
]}/> | |||||
); | |||||
}) | |||||
return ( | |||||
<div> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div align="center"> | |||||
<div | |||||
align="center" | |||||
className={classes.section} | |||||
id="notifications" | |||||
style={{ | |||||
marginTop: "-50px" | |||||
}}> | |||||
<SnackbarContent message={<h4 > Profile</h4>} align="center" color="info"/> | |||||
</div> | |||||
<GridContainer | |||||
justify="center" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
{Profile} | |||||
</GridContainer> | |||||
</div> | |||||
<br></br> | |||||
<br></br> | |||||
</CardBody> | |||||
</Card> | |||||
</div> | |||||
); | |||||
} | |||||
export default DataApparel; |
@@ -23,9 +23,6 @@ import IconButton from '@material-ui/core/IconButton'; | |||||
import Typography from '@material-ui/core/Typography'; | import Typography from '@material-ui/core/Typography'; | ||||
import CloseIcon from '@material-ui/icons/Close'; | import CloseIcon from '@material-ui/icons/Close'; | ||||
import Slide from '@material-ui/core/Slide'; | import Slide from '@material-ui/core/Slide'; | ||||
import Radio from '@material-ui/core/Radio'; | |||||
import RadioGroup from '@material-ui/core/RadioGroup'; | |||||
import FormControlLabel from '@material-ui/core/FormControlLabel'; | |||||
import FormControl from '@material-ui/core/FormControl'; | import FormControl from '@material-ui/core/FormControl'; | ||||
import Select from '@material-ui/core/Select'; | import Select from '@material-ui/core/Select'; | ||||
import MenuItem from '@material-ui/core/MenuItem'; | import MenuItem from '@material-ui/core/MenuItem'; | ||||
@@ -128,7 +125,7 @@ const DataCheckout = function ({ province, cities, midtransClient, backend, chec | |||||
<h5>Yusmar</h5> | <h5>Yusmar</h5> | ||||
<h5>087797315685</h5> | <h5>087797315685</h5> | ||||
<h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | ||||
<Button1 color="info" href={"/yamaha/profile/profile"}> | |||||
<Button1 color="info" href={"/yamaha/profile/edit-profile"}> | |||||
<Icon className={classes.icons}>cached</Icon> | <Icon className={classes.icons}>cached</Icon> | ||||
Ubah Alamat | Ubah Alamat | ||||
</Button1> | </Button1> | ||||
@@ -306,12 +303,34 @@ const DataCheckout = function ({ province, cities, midtransClient, backend, chec | |||||
<div> | <div> | ||||
<Card className={classes.textCenter} align="center"> | <Card className={classes.textCenter} align="center"> | ||||
<CardBody> | <CardBody> | ||||
<div style={{padding:"10px"}}> | |||||
<Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}> | |||||
<Icon className={classes.icons}>attach_money</Icon> | |||||
Bayar Pesanan | |||||
</Button1> | |||||
</div> | |||||
<GridContainer> | |||||
<Grid item xs={6} style={{padding:"20px"}}> | |||||
<Button1 color="info" href="/yamaha/order/order"> | |||||
<Icon className={classes.icons}>attach_money</Icon> | |||||
Buat Pesanan | |||||
</Button1> | |||||
</Grid> | |||||
<Grid item xs={6} style={{padding:"20px"}}> | |||||
<Button1 color="danger" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}> | |||||
<Icon className={classes.icons}>attach_money</Icon> | |||||
Batalkan Pesanan | |||||
</Button1> | |||||
</Grid> | |||||
</GridContainer> | |||||
{/* <GridContainer> | |||||
<Grid item xs={6} style={{padding:"20px"}}> | |||||
<Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}> | |||||
<Icon className={classes.icons}>attach_money</Icon> | |||||
Bayar Pesanan | |||||
</Button1> | |||||
</Grid> | |||||
<Grid item xs={6} style={{padding:"20px"}}> | |||||
<Button1 color="info" onClick={(e)=>{snap.pay(transactionToken);}} style={{width:"100%"}}> | |||||
<Icon className={classes.icons}>attach_money</Icon> | |||||
Bayar Pesanan | |||||
</Button1> | |||||
</Grid> | |||||
</GridContainer> */} | |||||
</CardBody> | </CardBody> | ||||
</Card> | </Card> | ||||
</div> | </div> | ||||
@@ -0,0 +1,227 @@ | |||||
import React from "react"; | |||||
import classNames from "classnames"; | |||||
import { makeStyles } from "@material-ui/core/styles"; | |||||
import Dashboard from "@material-ui/icons/Dashboard"; | |||||
import GridContainer from "components/Grid/GridContainer.js"; | |||||
import Grid from '@material-ui/core/Grid'; | |||||
import GridItem from "components/Grid/GridItem.js"; | |||||
import NavPills from "components/NavPills/NavPills.js"; | |||||
import Card from "components/Card/Card.js"; | |||||
import CardBody from "components/Card/CardBody.js"; | |||||
import CardHeader from "components/Card/CardHeader.js"; | |||||
import Button from "components/CustomButtons/Button.js"; | |||||
import Icon from "@material-ui/core/Icon"; | |||||
import Typography from '@material-ui/core/Typography'; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js"; | |||||
import Carousel from "react-slick"; | |||||
import Image from "assets/img/sosmed/yt.jpg"; | |||||
const useStyles = makeStyles(styles); | |||||
const DataCheckout = function ({ backend, order, ...props }) { | |||||
const classes = useStyles(); | |||||
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | |||||
const SemuaOrder = order.map((data) => { | |||||
return ( | |||||
<GridContainer> | |||||
<div align="left"> | |||||
<GridContainer style={{padding:"15px"}}> | |||||
<Grid xs={4}> | |||||
<div className={classes.section} id="notifications"> | |||||
<div className={classes.section}> | |||||
<div className={classes.container}> | |||||
<GridContainer> | |||||
<GridItem className={classes.marginAuto}> | |||||
<img className={navImageClasses} width="100px" alt="First slide" src={Image}/> | |||||
</GridItem> | |||||
</GridContainer> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</Grid> | |||||
<Grid xs={8} style={{padding:"40px", marginTop:"-65px"}}> | |||||
<div align="right"> | |||||
</div> | |||||
<div align="left"> | |||||
<h2>All New NMAX VSS</h2> | |||||
<h4>Variasi : Hitam</h4> | |||||
<h4>Jumlah : 1 Unit</h4> | |||||
</div> | |||||
</Grid> | |||||
</GridContainer> | |||||
</div> | |||||
</GridContainer> | |||||
); | |||||
}) | |||||
const BelumBayar = order.map((data) => { | |||||
return ( | |||||
<div align="center"> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div style={{padding:"10px"}}> | |||||
<h5>Yusmar</h5> | |||||
<h5>087797315685</h5> | |||||
<h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | |||||
<Button color="info" href={"/yamaha/profile/edit-profile"}> | |||||
<Icon className={classes.icons}>cached</Icon> | |||||
Ubah Alamat | |||||
</Button> | |||||
</div> | |||||
</CardBody> | |||||
</Card> | |||||
</div> | |||||
); | |||||
}) | |||||
const Dikemas = order.map((data) => { | |||||
return ( | |||||
<div align="center"> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div style={{padding:"10px"}}> | |||||
<h5>Yusmar</h5> | |||||
<h5>087797315685</h5> | |||||
<h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | |||||
<Button color="info" href={"/yamaha/profile/edit-profile"}> | |||||
<Icon className={classes.icons}>cached</Icon> | |||||
Ubah Alamat | |||||
</Button> | |||||
</div> | |||||
</CardBody> | |||||
</Card> | |||||
</div> | |||||
); | |||||
}) | |||||
const Dikirim = order.map((data) => { | |||||
return ( | |||||
<div align="center"> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div style={{padding:"10px"}}> | |||||
<h5>Yusmar</h5> | |||||
<h5>087797315685</h5> | |||||
<h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | |||||
<Button color="info" href={"/yamaha/profile/edit-profile"}> | |||||
<Icon className={classes.icons}>cached</Icon> | |||||
Ubah Alamat | |||||
</Button> | |||||
</div> | |||||
</CardBody> | |||||
</Card> | |||||
</div> | |||||
); | |||||
}) | |||||
const Selesai = order.map((data) => { | |||||
return ( | |||||
<div align="center"> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div style={{padding:"10px"}}> | |||||
<h5>Yusmar</h5> | |||||
<h5>087797315685</h5> | |||||
<h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5> | |||||
<Button color="info" href={"/yamaha/profile/edit-profile"}> | |||||
<Icon className={classes.icons}>cached</Icon> | |||||
Ubah Alamat | |||||
</Button> | |||||
</div> | |||||
</CardBody> | |||||
</Card> | |||||
</div> | |||||
); | |||||
}) | |||||
return ( | |||||
<Card className={classes.textCenter}> | |||||
<div align="center"> | |||||
<CardHeader color="info">Pesanan Saya</CardHeader> | |||||
</div> | |||||
<CardBody> | |||||
<div align="center"> | |||||
<h2>Pesayanan Saya</h2> | |||||
</div> | |||||
<GridContainer justify="center"> | |||||
<GridItem> | |||||
<NavPills | |||||
alignCenter | |||||
color="primary" | |||||
tabs={[ | |||||
{ | |||||
tabButton: "Semua", | |||||
tabIcon: Dashboard, | |||||
tabContent: ( | |||||
<GridContainer justify="center"> | |||||
<div> | |||||
<Typography variant="h6" align="left" className={classes.title}> | |||||
Semua Pesanan | |||||
</Typography><hr/> | |||||
{SemuaOrder} | |||||
</div> | |||||
</GridContainer> | |||||
), | |||||
}, | |||||
{ | |||||
tabButton: "Belum Bayar", | |||||
tabIcon: Dashboard, | |||||
tabContent: ( | |||||
<GridContainer justify="center"> | |||||
<div> | |||||
<Typography variant="h6" align="left" className={classes.title}> | |||||
Belum Bayar | |||||
</Typography><hr/> | |||||
{BelumBayar} | |||||
</div> | |||||
</GridContainer> | |||||
), | |||||
}, | |||||
{ | |||||
tabButton: "Dikemas", | |||||
tabIcon: Dashboard, | |||||
tabContent: ( | |||||
<GridContainer justify="center"> | |||||
<Typography variant="h6" align="left" className={classes.title}> | |||||
Dikemas | |||||
</Typography><hr/> | |||||
{Dikemas} | |||||
</GridContainer> | |||||
), | |||||
}, | |||||
{ | |||||
tabButton: "Dikirim", | |||||
tabIcon: Dashboard, | |||||
tabContent: ( | |||||
<GridContainer justify="center"> | |||||
<Typography variant="h6" align="left" className={classes.title}> | |||||
Dikirim | |||||
</Typography><hr/> | |||||
{Dikirim} | |||||
</GridContainer> | |||||
), | |||||
}, | |||||
{ | |||||
tabButton: "Selesai", | |||||
tabIcon: Dashboard, | |||||
tabContent: ( | |||||
<GridContainer justify="center"> | |||||
<Typography variant="h6" align="left" className={classes.title}> | |||||
Selesai | |||||
</Typography><hr/> | |||||
{Selesai} | |||||
</GridContainer> | |||||
), | |||||
}, | |||||
]} | |||||
/> | |||||
</GridItem> | |||||
</GridContainer> | |||||
</CardBody> | |||||
</Card> | |||||
); | |||||
} | |||||
export default DataCheckout; |
@@ -253,10 +253,10 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop | |||||
> | > | ||||
<Icon className={classes.icons}>open_in_new</Icon>Detail Product | <Icon className={classes.icons}>open_in_new</Icon>Detail Product | ||||
</Button> | </Button> | ||||
<Button | |||||
{/* <Button | |||||
color="info" round | color="info" round | ||||
href={"/yamaha/cart/checkout?s="+data.id} | href={"/yamaha/cart/checkout?s="+data.id} | ||||
> | |||||
> */} | |||||
<Icon className={classes.icons}>shopping_cart</Icon>Add to Cart | <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart | ||||
</Button> | </Button> | ||||
</div> | </div> | ||||
@@ -1,386 +1,206 @@ | |||||
import React from "react"; | |||||
import classNames from "classnames"; | |||||
import {makeStyles} from "@material-ui/core/styles"; | |||||
import Select from 'react-select'; | |||||
import React from 'react' | |||||
import { makeStyles } from '@material-ui/core/styles' | |||||
import People from "@material-ui/icons/People"; | |||||
import LocationOn from "@material-ui/icons/LocationOn"; | |||||
import Lock from "@material-ui/icons/Lock"; | |||||
import image1 from "../../../assets/img/mail.png" | |||||
import CustomInput from "components/CustomInput/CustomInput.js"; | |||||
import InputAdornment from "@material-ui/core/InputAdornment"; | |||||
import Grid from '@material-ui/core/Grid' | |||||
import Card from 'components/Card/Card.js' | |||||
import CardBody from 'components/Card/CardBody.js' | |||||
import CardHeader from 'components/Card/CardHeader.js' | |||||
import CardFooter from 'components/Card/CardFooter.js' | |||||
import styles from 'assets/jss/nextjs-material-kit/pages/profilePage.js' | |||||
import Button from "components/CustomButtons/Button.js"; | import Button from "components/CustomButtons/Button.js"; | ||||
import Icon from "@material-ui/core/Icon"; | import Icon from "@material-ui/core/Icon"; | ||||
import Card from "components/Card/Card.js"; | |||||
import CardBody from "components/Card/CardBody.js"; | |||||
import GridContainer from "components/Grid/GridContainer.js"; | |||||
import SnackbarContent from "components/Snackbar/SnackbarContent.js"; | |||||
import NavPills from "components/NavPills/NavPills.js"; | |||||
import Grid from '@material-ui/core/Grid'; | |||||
import InputLabel from '@material-ui/core/InputLabel'; | |||||
import TextField from '@material-ui/core/TextField'; | |||||
import FormControl from '@material-ui/core/FormControl'; | |||||
import Select from '@material-ui/core/Select'; | |||||
import MenuItem from '@material-ui/core/MenuItem'; | |||||
const useStyles = makeStyles((theme) => ({ | |||||
root: { | |||||
flexGrow: 1 | |||||
}, | |||||
paper: { | |||||
padding: theme.spacing(2), | |||||
textAlign: 'center', | |||||
color: theme.palette.text.secondary | |||||
} | |||||
})); | |||||
const useStyles = makeStyles(styles) | |||||
const EditProfile = function ({ province, cities, editprofile, user, profile, ...props }) { | |||||
console.log(province); | |||||
const [age, setAge] = React.useState(''); | |||||
const handleChange = (event) => { | |||||
setAge(event.target.value); | |||||
}; | |||||
const classes = useStyles() | |||||
// const Province = province.map((data) => { | |||||
// return ( | |||||
// <div> | |||||
// </div> | |||||
// ); | |||||
// }) | |||||
const DataApparel = function ({ | |||||
detailprofile, | |||||
user, | |||||
...props | |||||
}) { | |||||
const [pass, setPass] = React.useState(""); | |||||
const classes = useStyles(); | |||||
const { | |||||
...rest | |||||
} = props; | |||||
const imageClasses = classNames( | |||||
classes.imgRaised, | |||||
classes.imgRoundedCircle, | |||||
classes.imgFluid | |||||
); | |||||
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); | |||||
const Profile = profile.map((data) => { | |||||
return ( | |||||
<NavPills | |||||
color="info" | |||||
horizontal={{ | |||||
tabsGrid: { | |||||
xs: 4, | |||||
sm: 3, | |||||
md: 3 | |||||
}, | |||||
contentGrid: { | |||||
xs: 14, | |||||
sm: 9, | |||||
md: 9 | |||||
} | |||||
}} | |||||
tabs={[ | |||||
{ | |||||
tabButton: "Profile", | |||||
tabIcon: People, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Edit Profile Saya</h3> | |||||
<span>Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun</span> | |||||
<hr></hr> | |||||
</div> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Username | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.username} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nama | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.firstName} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.email} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nomer Telpon | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.telp} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/profile/edit-profile?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Edit Profile | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
}, { | |||||
tabButton: "Alamat", | |||||
tabIcon: LocationOn, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Alamat Saya</h3> | |||||
<span>Kelola informasi Alamat Anda untuk Proses Pengirim Barang</span> | |||||
</div> | |||||
<hr></hr> | |||||
</Grid> | |||||
<img | |||||
src={image1} | |||||
style={{ | |||||
width: "920px" | |||||
}}/> | |||||
<br></br> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Nama | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.firstName} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Telpon | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.telp} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
Alamat | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
: {data.address} | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Edit Alamat | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
}, { | |||||
tabButton: "Ubah Password", | |||||
tabIcon: Lock, | |||||
tabContent: ( | |||||
<Grid container="container"> | |||||
<Grid item="item" xs={12}> | |||||
<div align="left"> | |||||
<h3>Ubah Password</h3> | |||||
<span>Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke | |||||
orang lain</span> | |||||
</div> | |||||
<hr></hr> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Password Saat Ini | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Password Saat Ini" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Password Baru | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Password Baru" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Grid | |||||
container="container" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
<Grid item="item" xs="xs"> | |||||
<div align="left"> | |||||
<br></br> | |||||
Konfirmasi Password | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs={6}> | |||||
<div align="left"> | |||||
<CustomInput | |||||
labelText="Konfirmasi Password" | |||||
id="pass" | |||||
value={pass} | |||||
formControlProps={{ | |||||
fullWidth: true | |||||
}} | |||||
inputProps={{ | |||||
onChange: (event) => setPass(event.target.value), | |||||
type: "password", | |||||
endAdornment: ( | |||||
<InputAdornment position="end"> | |||||
<Icon className={classes.inputIconsColor}> | |||||
lock_outline | |||||
</Icon> | |||||
</InputAdornment> | |||||
), | |||||
autoComplete: "off" | |||||
}}/> | |||||
</div> | |||||
</Grid> | |||||
<Grid item="item" xs="xs"></Grid> | |||||
</Grid> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="}> | |||||
<Icon className={classes.icons}>open_in_new</Icon> | |||||
Simpan | |||||
</Button> | |||||
</Grid> | |||||
) | |||||
} | |||||
]}/> | |||||
); | |||||
}) | |||||
return ( | return ( | ||||
<div> | |||||
<Card className={classes.textCenter} align="center"> | |||||
<CardBody> | |||||
<div align="center"> | |||||
<div | |||||
align="center" | |||||
className={classes.section} | |||||
id="notifications" | |||||
style={{ | |||||
marginTop: "-50px" | |||||
}}> | |||||
<SnackbarContent message={<h4 > Profile</h4>} align="center" color="info"/> | |||||
</div> | |||||
<GridContainer | |||||
justify="center" | |||||
style={{ | |||||
padding: "10px" | |||||
}}> | |||||
{Profile} | |||||
</GridContainer> | |||||
</div> | |||||
<br></br> | |||||
<br></br> | |||||
</CardBody> | |||||
</Card> | |||||
<Card className={classes.textCenter}> | |||||
<div align='center'> | |||||
<CardHeader color='info'>Edit Profile</CardHeader> | |||||
</div> | |||||
<CardBody> | |||||
<div> | |||||
<div align='center'> | |||||
<Grid item='item' xs={12}> | |||||
<div align='left'> | |||||
<h3>Edit Data Pribadi</h3> | |||||
<span> | |||||
Kelola informasi profil Anda untuk mengontrol, melindungi dan | |||||
mengamankan akun | |||||
</span> | |||||
<hr></hr> | |||||
</div> | |||||
</Grid> | |||||
<Grid | |||||
container | |||||
spacing={3} | |||||
justify='center' | |||||
style={{ | |||||
padding: '10px' | |||||
}} | |||||
> | |||||
<Grid item xs={6}> | |||||
<TextField | |||||
id='outlined-full-width' | |||||
label='Username' | |||||
style={{ margin: 8 }} | |||||
placeholder='Masukan Username Baru' | |||||
fullWidth | |||||
margin='normal' | |||||
InputLabelProps={{ | |||||
shrink: true | |||||
}} | |||||
variant='outlined' | |||||
/> | |||||
</Grid> | |||||
<Grid item xs={6}> | |||||
<TextField | |||||
id='outlined-full-width' | |||||
label='Nama' | |||||
style={{ margin: 8 }} | |||||
placeholder='Masukan Nama Baru' | |||||
fullWidth | |||||
margin='normal' | |||||
InputLabelProps={{ | |||||
shrink: true | |||||
}} | |||||
variant='outlined' | |||||
/> | |||||
</Grid> | |||||
<Grid item xs={6}> | |||||
<TextField | |||||
id='outlined-full-width' | |||||
label='Email' | |||||
style={{ margin: 8 }} | |||||
placeholder='Masukan Email Baru' | |||||
fullWidth | |||||
margin='normal' | |||||
InputLabelProps={{ | |||||
shrink: true | |||||
}} | |||||
variant='outlined' | |||||
/> | |||||
</Grid> | |||||
<Grid item xs={6}> | |||||
<TextField | |||||
id='outlined-full-width' | |||||
label='Nomer Telpon' | |||||
style={{ margin: 8 }} | |||||
placeholder='Masukan Nomer Telpon Baru' | |||||
fullWidth | |||||
margin='normal' | |||||
InputLabelProps={{ | |||||
shrink: true | |||||
}} | |||||
variant='outlined' | |||||
/> | |||||
</Grid> | |||||
</Grid> | |||||
</div> | |||||
<br></br> | |||||
<Grid item='item' xs={12}> | |||||
<div align='left'> | |||||
<h3>Edit Data Alamat</h3> | |||||
<span> | |||||
Kelola informasi alamat anda untuk kemudahan dalam pengirim barang | |||||
</span> | |||||
<hr></hr> | |||||
</div> | |||||
</Grid> | |||||
<Grid | |||||
container | |||||
spacing={3} | |||||
justify='center' | |||||
style={{ | |||||
padding: '10px' | |||||
}} | |||||
> | |||||
<Grid item xs={6}> | |||||
<FormControl className={classes.formControl}> | |||||
<InputLabel id='demo-simple-select-helper-label'> | |||||
Provinsi | |||||
</InputLabel> | |||||
<Select | |||||
style={{ width: '580px' }} | |||||
labelId='demo-simple-select-helper-label' | |||||
id='demo-simple-select-helper' | |||||
value={age} | |||||
onChange={handleChange} | |||||
> | |||||
<MenuItem value=''> | |||||
<em>None</em> | |||||
</MenuItem> | |||||
<MenuItem value={1}>asdasdsada</MenuItem> | |||||
</Select> | |||||
</FormControl> | |||||
</Grid> | |||||
<Grid item xs={6}> | |||||
<FormControl className={classes.formControl}> | |||||
<InputLabel id='demo-simple-select-helper-label'>Kota</InputLabel> | |||||
<Select | |||||
style={{ width: '580px' }} | |||||
labelId='demo-simple-select-helper-label' | |||||
id='demo-simple-select-helper' | |||||
value={age} | |||||
onChange={handleChange} | |||||
> | |||||
<MenuItem value=''> | |||||
<em>None</em> | |||||
</MenuItem> | |||||
<MenuItem value={10}>Ten</MenuItem> | |||||
<MenuItem value={20}>Twenty</MenuItem> | |||||
<MenuItem value={30}>Thirty</MenuItem> | |||||
</Select> | |||||
</FormControl> | |||||
</Grid> | |||||
<Grid item xs={12}> | |||||
<TextField | |||||
id='outlined-full-width' | |||||
label='Alamat Lengkap' | |||||
placeholder='Masukan Username Baru' | |||||
fullWidth | |||||
margin='normal' | |||||
InputLabelProps={{ | |||||
shrink: true | |||||
}} | |||||
variant='outlined' | |||||
/> | |||||
</Grid> | |||||
</Grid> | |||||
</div><br/><br/> | |||||
<div align="center"> | |||||
<Button color="info" round href={"/yamaha/cart/checkout?s="}> | |||||
<Icon className={classes.icons}>save</Icon>Simpan Perubahan | |||||
</Button> | |||||
</div> | </div> | ||||
); | |||||
</CardBody> | |||||
<CardFooter className={classes.textMuted} textalign='center'> | |||||
© 2020 , All Right Reserved by @Thamrin Brother Company | |||||
</CardFooter> | |||||
</Card> | |||||
) | |||||
} | } | ||||
export default DataApparel; | |||||
export default EditProfile |
@@ -219,7 +219,7 @@ const DataApparel = function ({ | |||||
</Grid> | </Grid> | ||||
<Grid item="item" xs="xs"></Grid> | <Grid item="item" xs="xs"></Grid> | ||||
</Grid> | </Grid> | ||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="}> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon>Edit Alamat | <Icon className={classes.icons}>open_in_new</Icon>Edit Alamat | ||||
</Button> | </Button> | ||||
</Grid> | </Grid> | ||||
@@ -345,7 +345,7 @@ const DataApparel = function ({ | |||||
</Grid> | </Grid> | ||||
<Grid item="item" xs="xs"></Grid> | <Grid item="item" xs="xs"></Grid> | ||||
</Grid> | </Grid> | ||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="}> | |||||
<Button color="info" round="round" href={"/yamaha/product/product_detail?s="+data.id}> | |||||
<Icon className={classes.icons}>open_in_new</Icon> | <Icon className={classes.icons}>open_in_new</Icon> | ||||
Simpan | Simpan | ||||
</Button> | </Button> | ||||
@@ -22,62 +22,60 @@ import Carousel from "pages-sections/home/Carousel.js" | |||||
import CoreValue from "pages-sections/home/CoreValue.js"; | import CoreValue from "pages-sections/home/CoreValue.js"; | ||||
import BusineesPartner from "pages-sections/home/Businees-Partner.js"; | import BusineesPartner from "pages-sections/home/Businees-Partner.js"; | ||||
import Gallery from "pages-sections/home/gallery.js"; | import Gallery from "pages-sections/home/gallery.js"; | ||||
import TeamSection from "pages-sections/home/TeamSection.js"; | |||||
import WorkSection from "pages-sections/home/WorkSection.js"; | |||||
import stylecss from "../pages/home.scss"; | |||||
//image | //image | ||||
import Logo from "assets/img/White.png"; | |||||
import Logo from "assets/img/Black.png"; | |||||
import Wa from "assets/img/wa.png" | |||||
const dashboardRoutes = []; | const dashboardRoutes = []; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
export default function LandingPage(props) { | export default function LandingPage(props) { | ||||
const classes = useStyles(); | const classes = useStyles(); | ||||
const { ...rest } = props; | const { ...rest } = props; | ||||
console.log(stylecss.act); | |||||
return ( | return ( | ||||
<div> | <div> | ||||
<Header | <Header | ||||
color="info" | |||||
color="dark" | |||||
routes={dashboardRoutes} | routes={dashboardRoutes} | ||||
rightLinks={<HeaderHome />} | rightLinks={<HeaderHome />} | ||||
fixed | fixed | ||||
changeColorOnScroll={{ | |||||
height: 400, | |||||
color: "white" | |||||
}} | |||||
{...rest} | |||||
/> | /> | ||||
<Parallax responsive image={require("assets/img/bglanding.png")}> | |||||
<Parallax color="dark" responsive image={require("assets/img/bga.png")}> | |||||
<div className={classes.container}> | <div className={classes.container}> | ||||
<GridContainer> | <GridContainer> | ||||
<GridItem xs={12} sm={12} md={6}> | |||||
<img | |||||
src={Logo} width="120%" | |||||
/> | |||||
<br /><br/> | |||||
<Button | |||||
color="danger" | |||||
size="lg" | |||||
href="https://www.youtube.com/channel/UCRUULlhLxKUpXK1Ti4Jrjkw" | |||||
target="_blank" | |||||
rel="noopener noreferrer" | |||||
> | |||||
<i className="fas fa-play" /> | |||||
Watch video | |||||
</Button> | |||||
<GridItem> | |||||
<div align="center"> | |||||
<h1>Selamat Datang di</h1> | |||||
<img | |||||
src={Logo} width="80%" | |||||
/> | |||||
<br /><br/> | |||||
<Button | |||||
color="danger" | |||||
size="lg" | |||||
href="https://www.youtube.com/channel/UCRUULlhLxKUpXK1Ti4Jrjkw" | |||||
target="_blank" | |||||
rel="noopener noreferrer" | |||||
> | |||||
<i className="fas fa-play" /> | |||||
Watch video | |||||
</Button> | |||||
</div> | |||||
</GridItem> | </GridItem> | ||||
</GridContainer> | </GridContainer> | ||||
</div> | </div> | ||||
</Parallax> | </Parallax> | ||||
<div className={classNames(classes.main, classes.mainRaised)}> | <div className={classNames(classes.main, classes.mainRaised)}> | ||||
<a href="https://wa.me/087797315685" target="_blank" className="act"> | |||||
+ | |||||
</a> | |||||
<div className={classes.container}><br /><br /><br /> | <div className={classes.container}><br /><br /><br /> | ||||
<Carousel /> | <Carousel /> | ||||
<CoreValue /> | <CoreValue /> | ||||
<BusineesPartner /> | <BusineesPartner /> | ||||
<Gallery /> | <Gallery /> | ||||
{/* <TeamSection /> | |||||
<WorkSection /> */} | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
@@ -0,0 +1,19 @@ | |||||
.act{ | |||||
background:green; | |||||
display: block; | |||||
width: 50px; | |||||
height: 50px; | |||||
line-height: 50px; | |||||
text-align: center; | |||||
color: white; | |||||
font-size: 30px; | |||||
font-weight: bold; | |||||
border-radius: 50%; | |||||
-webkit-border-radius: 50%; | |||||
text-decoration: none; | |||||
transition: ease all 0.3s; | |||||
position: fixed; | |||||
right: 30px; | |||||
bottom:30px; | |||||
} | |||||
.act-btn:hover{background: blue} |
@@ -10,16 +10,17 @@ import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | |||||
import SectionCarrer from "pages-sections/suzuki/carrer/carrer.js"; | import SectionCarrer from "pages-sections/suzuki/carrer/carrer.js"; | ||||
import Getcarrer from "../../../api/carrer/carrer.js" | import Getcarrer from "../../../api/carrer/carrer.js" | ||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
const Carrer = function ({ backend, s1, d3, sma, ...props }) { | |||||
const Carrer = function ({ backend, s1, d3, sma, user, ...props }) { | |||||
const classes = useStyles(); | const classes = useStyles(); | ||||
const { ...rest } = props; | const { ...rest } = props; | ||||
return ( | return ( | ||||
<div> | <div> | ||||
<Header | <Header | ||||
rightLinks={<HeaderSuzuki />} | |||||
rightLinks={<HeaderSuzuki username={user} />} | |||||
fixed | fixed | ||||
color="info" | color="info" | ||||
changeColorOnScroll={{ | changeColorOnScroll={{ | ||||
@@ -45,6 +46,21 @@ export async function getServerSideProps(context) { | |||||
var sma = []; | var sma = []; | ||||
const backend = process.env.BACKEND_SERVER_URI; | const backend = process.env.BACKEND_SERVER_URI; | ||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
var res = await Getcarrer.GetCarrerS1Suzuki(); | var res = await Getcarrer.GetCarrerS1Suzuki(); | ||||
if (res["STATUS"] === 1) { | if (res["STATUS"] === 1) { | ||||
s1 = res["DATA"]["carrers"]; | s1 = res["DATA"]["carrers"]; | ||||
@@ -61,6 +77,6 @@ export async function getServerSideProps(context) { | |||||
} | } | ||||
return { | return { | ||||
props: { s1, d3, sma, backend }, // will be passed to the page component as props | |||||
props: { s1, d3, sma, user, backend }, // will be passed to the page component as props | |||||
}; | }; | ||||
} | } |
@@ -9,16 +9,17 @@ import CarrerDetail from "pages-sections/suzuki/carrer/carrer_details.js"; | |||||
import Parallax from "components/Parallax/Parallax.js"; | import Parallax from "components/Parallax/Parallax.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import GetDetailcarrer from "../../../api/carrer/carrer.js" | import GetDetailcarrer from "../../../api/carrer/carrer.js" | ||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
const CarrerDetails = function ({ backend, detailcarrer, ...props }) { | |||||
const CarrerDetails = function ({ backend, detailcarrer, user, ...props }) { | |||||
const classes = useStyles(); | const classes = useStyles(); | ||||
const { ...rest } = props; | const { ...rest } = props; | ||||
return ( | return ( | ||||
<div> | <div> | ||||
<Header | <Header | ||||
rightLinks={<HeaderSuzuki/>} | |||||
rightLinks={<HeaderSuzuki username={user} />} | |||||
fixed | fixed | ||||
color="info" | color="info" | ||||
changeColorOnScroll={{ | changeColorOnScroll={{ | ||||
@@ -43,6 +44,21 @@ export async function getServerSideProps(context) { | |||||
var detailcarrer = []; | var detailcarrer = []; | ||||
const backend = process.env.BACKEND_SERVER_URI; | const backend = process.env.BACKEND_SERVER_URI; | ||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
var res = await GetDetailcarrer.GetDetailCarrer(query.s||0); | var res = await GetDetailcarrer.GetDetailCarrer(query.s||0); | ||||
if (res["STATUS"] === 1) { | if (res["STATUS"] === 1) { | ||||
detailcarrer = res["DATA"]["carrers"]; | detailcarrer = res["DATA"]["carrers"]; | ||||
@@ -51,6 +67,6 @@ export async function getServerSideProps(context) { | |||||
console.log(res); | console.log(res); | ||||
return { | return { | ||||
props: { detailcarrer, backend }, // will be passed to the page component as props | |||||
props: { detailcarrer, backend, user }, // will be passed to the page component as props | |||||
}; | }; | ||||
} | } |
@@ -8,12 +8,13 @@ import Parallax from "components/Parallax/Parallax.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import FooterSuzuki from "components/Footer/FooterSuzuki.js"; | import FooterSuzuki from "components/Footer/FooterSuzuki.js"; | ||||
import Getservices from "../../api/home/service.js"; | |||||
import Getcarousels from "../../api/home/carousel.js"; | |||||
import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js"; | |||||
import DataCarousel from "../../pages-sections/suzuki/home/carousel.js"; | |||||
import DataService from "../../pages-sections/suzuki/home/service.js"; | |||||
import DataSosmed from "../../pages-sections/suzuki/home/sosmed.js"; | |||||
import Getservices from "api/home/service.js"; | |||||
import Getcarousels from "api/home/carousel.js"; | |||||
import DataSnackbarContent from "pages-sections/suzuki/snackbar.js"; | |||||
import DataCarousel from "pages-sections/suzuki/home/carousel.js"; | |||||
import DataService from "pages-sections/suzuki/home/service.js"; | |||||
import DataSosmed from "pages-sections/suzuki/home/sosmed.js"; | |||||
import DataFeature from "pages-sections/suzuki/home/feature.js" | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -48,8 +49,8 @@ const Home = function ({ | |||||
<DataSnackbarContent /> | <DataSnackbarContent /> | ||||
<DataCarousel carousels={carousels} backend={backend} /> | <DataCarousel carousels={carousels} backend={backend} /> | ||||
<DataService service={service} backend={backend} /> | <DataService service={service} backend={backend} /> | ||||
{/* <DataFeature /> */} | |||||
<DataSosmed service={service} backend={backend} /> | |||||
<DataFeature /> | |||||
{/* <DataSosmed service={service} backend={backend} /> */} | |||||
</div> | </div> | ||||
<FooterSuzuki /> | <FooterSuzuki /> | ||||
</div> | </div> | ||||
@@ -10,12 +10,14 @@ import Parallax from "components/Parallax/Parallax.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import Getproduct from "../../../api/product/product.js"; | import Getproduct from "../../../api/product/product.js"; | ||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
const Product = function ({ | const Product = function ({ | ||||
backend, | backend, | ||||
car, | car, | ||||
user, | |||||
...props | ...props | ||||
}) { | }) { | ||||
const classes = useStyles(); | const classes = useStyles(); | ||||
@@ -23,7 +25,7 @@ const Product = function ({ | |||||
return ( | return ( | ||||
<div> | <div> | ||||
<Header | <Header | ||||
rightLinks={<HeaderSuzuki />} | |||||
rightLinks={<HeaderSuzuki username={user} />} | |||||
fixed | fixed | ||||
color="info" | color="info" | ||||
changeColorOnScroll={{ | changeColorOnScroll={{ | ||||
@@ -50,6 +52,21 @@ export async function getServerSideProps(context) { | |||||
var car = []; | var car = []; | ||||
const backend = process.env.BACKEND_SERVER_URI; | const backend = process.env.BACKEND_SERVER_URI; | ||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
var res = await Getproduct.GetProductSuzuki(); | var res = await Getproduct.GetProductSuzuki(); | ||||
if (res["STATUS"] === 1) { | if (res["STATUS"] === 1) { | ||||
car = res["DATA"]["products"]; | car = res["DATA"]["products"]; | ||||
@@ -59,6 +76,7 @@ export async function getServerSideProps(context) { | |||||
props: { | props: { | ||||
car, | car, | ||||
backend, | backend, | ||||
user, | |||||
}, // will be passed to the page component as props | }, // will be passed to the page component as props | ||||
}; | }; | ||||
} | } |
@@ -9,16 +9,17 @@ import ProductDetail from "pages-sections/yamaha/product/product_details.js"; | |||||
import Parallax from "components/Parallax/Parallax.js"; | import Parallax from "components/Parallax/Parallax.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import GetDetailproduct from "../../../api/product/product.js" | import GetDetailproduct from "../../../api/product/product.js" | ||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
const ProductDetails = function ({ backend, detailproduct, ...props }) { | |||||
const ProductDetails = function ({ backend, detailproduct, user, ...props }) { | |||||
const classes = useStyles(); | const classes = useStyles(); | ||||
const { ...rest } = props; | const { ...rest } = props; | ||||
return ( | return ( | ||||
<div> | <div> | ||||
<Header | <Header | ||||
rightLinks={<HeaderSuzuki/>} | |||||
rightLinks={<HeaderSuzuki username={user} />} | |||||
fixed | fixed | ||||
color="info" | color="info" | ||||
changeColorOnScroll={{ | changeColorOnScroll={{ | ||||
@@ -43,12 +44,27 @@ export async function getServerSideProps(context) { | |||||
var detailproduct = []; | var detailproduct = []; | ||||
const backend = process.env.BACKEND_SERVER_URI; | const backend = process.env.BACKEND_SERVER_URI; | ||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
var res = await GetDetailproduct.GetDetailProduct(query.s||0); | var res = await GetDetailproduct.GetDetailProduct(query.s||0); | ||||
if (res["STATUS"] === 1) { | if (res["STATUS"] === 1) { | ||||
detailproduct = res["DATA"]["products"]; | detailproduct = res["DATA"]["products"]; | ||||
} | } | ||||
return { | return { | ||||
props: { detailproduct, backend }, // will be passed to the page component as props | |||||
props: { detailproduct, backend, user }, // will be passed to the page component as props | |||||
}; | }; | ||||
} | } |
@@ -0,0 +1,68 @@ | |||||
import React from "react"; | |||||
import classNames from "classnames"; | |||||
import { makeStyles } from "@material-ui/core/styles"; | |||||
import Header from "components/Header/Header.js"; | |||||
import HeaderLinks from "components/Header/HeaderLinks.js"; | |||||
import Parallax from "components/Parallax/Parallax.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | |||||
import Footer from "components/Footer/Footer.js"; | |||||
import GetProfile from "api/profile/profile.js" | |||||
import DataProfile from "pages-sections/suzuki/profile/profile.js" | |||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | |||||
const Profile = function ({ user, profile, ...props }) { | |||||
const classes = useStyles(); | |||||
const { ...rest } = props; | |||||
return ( | |||||
<div> | |||||
<Header | |||||
rightLinks={<HeaderLinks username={user} />} | |||||
fixed | |||||
color="info" | |||||
changeColorOnScroll={{ | |||||
height: 400, | |||||
color: "white", | |||||
}} | |||||
{...rest} | |||||
/> | |||||
<Parallax | |||||
image={require("assets/img/Promotion_2-1.jpg")} | |||||
styles={{ marginTop: "50px" }} | |||||
/> | |||||
<div className={classNames(classes.main, classes.mainRaised)}> | |||||
<DataProfile profile={profile}/> | |||||
</div> | |||||
<Footer /> | |||||
</div> | |||||
); | |||||
}; | |||||
export async function getServerSideProps(context) { | |||||
var profile = []; | |||||
var res = await GetProfile.profile(); | |||||
if (res["STATUS"] === 1) { | |||||
profile = res["DATA"]["users"]; | |||||
} | |||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
return { | |||||
props: { profile, user }, // will be passed to the page component as props | |||||
}; | |||||
} | |||||
export default Profile; |
@@ -55,11 +55,11 @@ const Home = function ({ | |||||
<DataCarousel carousel={carousel} backend={backend} /> | <DataCarousel carousel={carousel} backend={backend} /> | ||||
<DataService service={service} backend={backend} /> | <DataService service={service} backend={backend} /> | ||||
<DataFeature /> | <DataFeature /> | ||||
<DataBusinessPartner | |||||
{/* <DataBusinessPartner | |||||
businessPartners={businessPartners} | businessPartners={businessPartners} | ||||
backend={backend} | backend={backend} | ||||
/> | |||||
<DataSosmed /> | |||||
/> */} | |||||
{/* <DataSosmed /> */} | |||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
</div> | </div> | ||||
@@ -8,9 +8,9 @@ import Footer from "components/Footer/Footer.js"; | |||||
import Parallax from "components/Parallax/Parallax.js"; | import Parallax from "components/Parallax/Parallax.js"; | ||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import GetLatestNews from "../../../api/latest_news/news.js" | |||||
import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; | |||||
import DataLatestNews from "../../../pages-sections/yamaha/latest_news/news.js"; | |||||
import GetLatestNews from "api/latest_news/news.js" | |||||
import DataSnackbarContent from "pages-sections/yamaha/snackbar.js"; | |||||
import DataLatestNews from "pages-sections/yamaha/latest_news/news.js"; | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
@@ -0,0 +1,71 @@ | |||||
import React from "react"; | |||||
import classNames from "classnames"; | |||||
import { makeStyles } from "@material-ui/core/styles"; | |||||
import Header from "components/Header/Header.js"; | |||||
import HeaderLinks from "components/Header/HeaderLinks.js"; | |||||
import Footer from "components/Footer/Footer.js"; | |||||
import OrderProduct from "pages-sections/yamaha/order/order.js"; | |||||
import Parallax from "components/Parallax/Parallax.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | |||||
import GetOrder from "api/home/businessPartner.js"; | |||||
import Cookies from "cookies"; | |||||
const useStyles = makeStyles(styles); | |||||
const Order = function ({ user, order, backend, ...props }) { | |||||
const classes = useStyles(); | |||||
const { ...rest } = props; | |||||
return ( | |||||
<div> | |||||
<Header | |||||
rightLinks={<HeaderLinks username={user} />} | |||||
fixed | |||||
color="info" | |||||
changeColorOnScroll={{ | |||||
height: 400, | |||||
color: "white" | |||||
}} | |||||
{...rest} | |||||
/> | |||||
<Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/> | |||||
<div className={classNames(classes.main, classes.mainRaised)}> | |||||
<OrderProduct order={order} backend={backend}/> | |||||
</div> | |||||
<Footer /> | |||||
</div> | |||||
); | |||||
} | |||||
export default Order; | |||||
export async function getServerSideProps(context) { | |||||
var order = []; | |||||
var res = await GetOrder.GetbusinessPartners(); | |||||
if (res["STATUS"] === 1) { | |||||
order = res["DATA"]["businessPartners"]; | |||||
} | |||||
//backend | |||||
const backend = process.env.BACKEND_SERVER_URI; | |||||
//user | |||||
var { req, resp } = context; | |||||
const cookies = new Cookies(req, resp); | |||||
var user = ""; | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | |||||
: null; | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA" | |||||
); | |||||
}); | |||||
if (sessionId.length != 0) user = userObj["username"]; | |||||
} | |||||
return { | |||||
props: { backend, user, order, }, // will be passed to the page component as props | |||||
}; | |||||
} |
@@ -8,11 +8,11 @@ import Parallax from "components/Parallax/Parallax.js"; | |||||
import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | import styles from "assets/jss/nextjs-material-kit/pages/components.js"; | ||||
import Footer from "components/Footer/Footer.js"; | import Footer from "components/Footer/Footer.js"; | ||||
import GetDetailProfile from "api/profile/profile.js" | import GetDetailProfile from "api/profile/profile.js" | ||||
import DataProfile from "pages-sections/yamaha/profile/profile.js" | |||||
import DataEditProfile from "pages-sections/yamaha/profile/edit-profile.js" | |||||
import Cookies from "cookies"; | import Cookies from "cookies"; | ||||
const useStyles = makeStyles(styles); | const useStyles = makeStyles(styles); | ||||
const Profile = function ({ detailprofile, user, profile, ...props }) { | |||||
const Profile = function ({ province, cities, editprofile, user, profile, ...props }) { | |||||
const classes = useStyles(); | const classes = useStyles(); | ||||
const { ...rest } = props; | const { ...rest } = props; | ||||
return ( | return ( | ||||
@@ -32,7 +32,7 @@ const Profile = function ({ detailprofile, user, profile, ...props }) { | |||||
styles={{ marginTop: "50px" }} | styles={{ marginTop: "50px" }} | ||||
/> | /> | ||||
<div className={classNames(classes.main, classes.mainRaised)}> | <div className={classNames(classes.main, classes.mainRaised)}> | ||||
<DataProfile detailprofile={detailprofile} user={user}/> | |||||
<DataEditProfile province={province} cities={cities} editprofile={editprofile} user={user}/> | |||||
</div> | </div> | ||||
<Footer /> | <Footer /> | ||||
</div> | </div> | ||||
@@ -40,30 +40,49 @@ const Profile = function ({ detailprofile, user, profile, ...props }) { | |||||
}; | }; | ||||
export async function getServerSideProps(context) { | export async function getServerSideProps(context) { | ||||
var detailprofile = []; | |||||
var res = await GetDetailProfile.GetDetailProfile(query.s||0); | |||||
var {query} = context; | var {query} = context; | ||||
if (res["STATUS"] === 1) { | |||||
detailprofile = res["DATA"]["users"]; | |||||
} | |||||
var editprofile = []; | |||||
const backend = process.env.BACKEND_SERVER_URI; | |||||
var { req, resp } = context; | var { req, resp } = context; | ||||
const cookies = new Cookies(req, resp); | const cookies = new Cookies(req, resp); | ||||
var user = ""; | var user = ""; | ||||
var userObj = (await cookies.get("user")) | |||||
var userObj = (await cookies.get("user")) | |||||
? JSON.parse(await cookies.get("user")) | ? JSON.parse(await cookies.get("user")) | ||||
: null; | : null; | ||||
if (userObj) { | |||||
if (userObj) { | |||||
let sessionId = userObj["partners_login_states"].filter(function (i) { | let sessionId = userObj["partners_login_states"].filter(function (i) { | ||||
return ( | |||||
return ( | |||||
i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA" | i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA" | ||||
); | |||||
); | |||||
}); | }); | ||||
if (sessionId.length != 0) user = userObj["username"]; | if (sessionId.length != 0) user = userObj["username"]; | ||||
} | } | ||||
var res = await GetDetailProfile.GetDetailProfile(query.s||0); | |||||
if (res["STATUS"] === 1) { | |||||
editprofile = res["DATA"]["users"]; | |||||
} | |||||
//rajaOngkir | |||||
var province = []; | |||||
var cities = []; | |||||
var RajaOngkir = require('rajaongkir-nodejs').Starter('f4ac703bb25ada32478d52ef2e1cab7a'); | |||||
await RajaOngkir.getProvinces().then(function (result){ | |||||
province = result; | |||||
}).catch(function (error){ | |||||
// Aksi ketika error terjadi | |||||
}); | |||||
await RajaOngkir.getCities().then(function (result){ | |||||
cities = result; | |||||
}).catch(function (error){ | |||||
// Aksi ketika error terjadi | |||||
}); | |||||
return { | return { | ||||
props: { detailprofile, user }, // will be passed to the page component as props | |||||
props: { province, cities, editprofile, user }, // will be passed to the page component as props | |||||
}; | }; | ||||
} | } | ||||
export default Profile; | export default Profile; |
@@ -45,6 +45,7 @@ export async function getServerSideProps(context) { | |||||
if (res["STATUS"] === 1) { | if (res["STATUS"] === 1) { | ||||
profile = res["DATA"]["users"]; | profile = res["DATA"]["users"]; | ||||
} | } | ||||
var { req, resp } = context; | var { req, resp } = context; | ||||
const cookies = new Cookies(req, resp); | const cookies = new Cookies(req, resp); | ||||
var user = ""; | var user = ""; | ||||
@@ -59,6 +60,7 @@ export async function getServerSideProps(context) { | |||||
}); | }); | ||||
if (sessionId.length != 0) user = userObj["username"]; | if (sessionId.length != 0) user = userObj["username"]; | ||||
} | } | ||||
return { | return { | ||||
props: { profile, user }, // will be passed to the page component as props | props: { profile, user }, // will be passed to the page component as props | ||||
}; | }; | ||||