yusmar
/
tbg-ecomm-nextjs
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

fase 1 honda web

master
Yusmardianto 4 年前
父节点
4b08aa3457
当前提交
38f9dcb8c6
共有 36 个文件被更改，包括 2513 次插入 和 4 次删除
合并视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +60
    -0
      api/carrer/carrer.js
  2. +18
    -0
      api/home/carousel.js
  3. +50
    -0
      api/latest_news/news.js
  4. +21
    -0
      api/product/product.js
  5. 二进制
      assets/img/honda.jpg
  6. +131
    -0
      components/Footer/FooterHonda.js
  7. +266
    -0
      components/Header/HeaderHonda.js
  8. +6
    -1
      pages-sections/home/Businees-Partner.js
  9. +156
    -0
      pages-sections/honda/carrer/carrer.js
  10. +69
    -0
      pages-sections/honda/carrer/carrer_details.js
  11. +61
    -0
      pages-sections/honda/home/carousel.js
  12. +119
    -0
      pages-sections/honda/home/feature.js
  13. +46
    -0
      pages-sections/honda/home/service.js
  14. +66
    -0
      pages-sections/honda/latest_news/news.js
  15. +96
    -0
      pages-sections/honda/latest_news/news_details.js
  16. +92
    -0
      pages-sections/honda/product/product.js
  17. +388
    -0
      pages-sections/honda/profile/profile.js
  18. +7
    -1
      pages-sections/suzuki/product/product.js
  19. +2
    -2
      pages-sections/yamaha/product/product.js
  20. +41
    -0
      pages/honda/about_us/about_us.js
  21. +41
    -0
      pages/honda/about_us/penghargaan.js
  22. +41
    -0
      pages/honda/about_us/profile.js
  23. +41
    -0
      pages/honda/about_us/saham.js
  24. +41
    -0
      pages/honda/about_us/sejarah.js
  25. +41
    -0
      pages/honda/about_us/struktur_organisasi.js
  26. +41
    -0
      pages/honda/about_us/tata_kelola.js
  27. +41
    -0
      pages/honda/about_us/tugas_fungsi.js
  28. +82
    -0
      pages/honda/carrer/carrer.js
  29. +72
    -0
      pages/honda/carrer/carrer_details.js
  30. +108
    -0
      pages/honda/home.js
  31. +56
    -0
      pages/honda/latest_news/latestnews.js
  32. +63
    -0
      pages/honda/latest_news/latestnews_details.js
  33. +82
    -0
      pages/honda/product/product.js
  34. +0
    -0
      pages/honda/profile/edit-profile.js
  35. +68
    -0
      pages/honda/profile/profile.js
  36. +0
    -0
      pages/suzuki/checkout/checkout.js

+ 60
- 0
api/carrer/carrer.js 查看文件

@@ -134,6 +134,60 @@ async function GetCarrerSMASuzuki(token="") {
return res; return res;
} }


async function GetCarrerS1Honda(token="") {
var res = await apollo.query(
`
query {
carrers(where: {category: "S1" business_partner:"3"})
{
id
name
start_regis
until_regis
name_description
}
}`,
token
);
return res;
}

async function GetCarrerD3Honda(token="") {
var res = await apollo.query(
`
query {
carrers(where: {category: "D3" business_partner:"3"})
{
id
name
start_regis
until_regis
name_description
}
}`,
token
);
return res;
}

async function GetCarrerSMAHonda(token="") {
var res = await apollo.query(
`
query {
carrers(where: {category: "SMA" business_partner:"3"})
{
id
name
start_regis
until_regis
name_description
}
}`,
token
);
return res;
}

module.exports = { module.exports = {
//yamaha //yamaha
GetCarrerS1Yamaha:GetCarrerS1Yamaha, GetCarrerS1Yamaha:GetCarrerS1Yamaha,
@@ -144,5 +198,11 @@ module.exports = {
GetCarrerS1Suzuki:GetCarrerS1Suzuki, GetCarrerS1Suzuki:GetCarrerS1Suzuki,
GetCarrerD3Suzuki:GetCarrerD3Suzuki, GetCarrerD3Suzuki:GetCarrerD3Suzuki,
GetCarrerSMASuzuki:GetCarrerSMASuzuki, GetCarrerSMASuzuki:GetCarrerSMASuzuki,

//honda
GetCarrerS1Honda:GetCarrerS1Honda,
GetCarrerD3Honda:GetCarrerD3Honda,
GetCarrerSMAHonda:GetCarrerSMAHonda,

GetDetailCarrer:GetDetailCarrer, GetDetailCarrer:GetDetailCarrer,
}; };

+ 18
- 0
api/home/carousel.js 查看文件

@@ -34,7 +34,25 @@ async function GetCarouselsSuzuki(token="") {
return res; return res;
} }


async function GetCarouselsHonda(token="") {
var res = await apollo.query(
`
query {
carousels(where: { business_partner: "3" }) {
id
img {
url
}
}
}
`,
token
);
return res;
}

module.exports = { module.exports = {
GetCarouselsYamaha:GetCarouselsYamaha, GetCarouselsYamaha:GetCarouselsYamaha,
GetCarouselsSuzuki:GetCarouselsSuzuki, GetCarouselsSuzuki:GetCarouselsSuzuki,
GetCarouselsHonda:GetCarouselsHonda,
}; };

+ 50
- 0
api/latest_news/news.js 查看文件

@@ -96,6 +96,54 @@ async function GetOtherNewsSuzuki(token="", start = 0) {
return res; return res;
} }


async function GetNewsHonda(token="", start = 0) {
var res = await apollo.query(
`
query{
latestNews(where: { business_partner: "3" })
{
id
title
description
img{
url
}
published_at
}
}
`,
token,
{
start: start,
}
);
return res;
}

async function GetOtherNewsHonda(token="", start = 0) {
var res = await apollo.query(
`
query{
latestNews(where: { business_partner: "3" })
{
id
title
description
img{
url
}
published_at
}
}
`,
token,
{
start: start,
}
);
return res;
}

async function GetDetailNews(id, token="") { async function GetDetailNews(id, token="") {
var res = await apollo.query( var res = await apollo.query(
` `
@@ -125,5 +173,7 @@ module.exports = {
GetOtherNewsYamaha:GetOtherNewsYamaha, GetOtherNewsYamaha:GetOtherNewsYamaha,
GetNewsSuzuki:GetNewsSuzuki, GetNewsSuzuki:GetNewsSuzuki,
GetOtherNewsSuzuki:GetOtherNewsSuzuki, GetOtherNewsSuzuki:GetOtherNewsSuzuki,
GetNewsHonda:GetNewsHonda,
GetOtherNewsHonda:GetOtherNewsHonda,
GetDetailNews: GetDetailNews, GetDetailNews: GetDetailNews,
}; };

+ 21
- 0
api/product/product.js 查看文件

@@ -223,6 +223,24 @@ async function GetProductSuzuki(token = "") {
return res; return res;
} }


async function GetProductHonda(token = "") {
var res = await apollo.query(
`
query {
products(where: { business_partner: "3" }) {
id
name
price
img {
url
}
}
}`,
token
);
return res;
}

module.exports = { module.exports = {
//yamaha //yamaha
GetProductMatic: GetProductMatic, GetProductMatic: GetProductMatic,
@@ -239,6 +257,9 @@ module.exports = {
//suzuki //suzuki
GetProductSuzuki:GetProductSuzuki, GetProductSuzuki:GetProductSuzuki,


//honda
GetProductHonda:GetProductHonda,
//detail //detail
GetDetailProduct: GetDetailProduct, GetDetailProduct: GetDetailProduct,
}; };

二进制
assets/img/honda.jpg 查看文件

之前 之后
宽度: 1440  |  高度: 700  |  大小: 117 KiB

+ 131
- 0
components/Footer/FooterHonda.js 查看文件

@@ -0,0 +1,131 @@
/*eslint-disable*/
import React from "react";
// nodejs library to set properties for components
import PropTypes from "prop-types";
// nodejs library that concatenates classes
import classNames from "classnames";
// material-ui core components
import { List, ListItem } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";

// @material-ui/icons
import Favorite from "@material-ui/icons/Favorite";

import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import Card from "components/Card/Card.js";
import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
import NSCB from "assets/img/nscb.png";

const useStyles = makeStyles(styles);

export default function Footer(props) {
const classes = useStyles();
const { whiteFont } = props;
const footerClasses = classNames({
[classes.footer]: true,
[classes.footerWhiteFont]: whiteFont
});
const aClasses = classNames({
[classes.a]: true,
[classes.footerWhiteFont]: whiteFont
});
return (
<div><br/>
<GridContainer justify="center">
<Grid style={{padding:"25px"}}>
<img className={classes.imgCard} src="https://cdn.pixabay.com/photo/2016/08/15/18/18/honda-1596081_640.png" style={{width:"300px"}}/>
</Grid>
<Grid style={{padding:"25px"}}>
<img className={classes.imgCard} src="https://cdn.pixabay.com/photo/2016/08/15/18/18/honda-1596081_640.png" style={{width:"300px"}}/>
</Grid>
</GridContainer>
<GridContainer justify="center">
<Grid style={{padding:"25px", marginTop:"-50px"}}>
<footer className={footerClasses}>
<div className={classes.container}>
<div className={classes.left}>
<List className={classes.list}>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/home" className={classes.block} > Home </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/product" className={classes.block}> Product </a>
</ListItem>
{/* <ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/service" className={classes.block}> Service </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
</ListItem> */}
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/carrer" className={classes.block}> Carrer </a>
</ListItem>
<ListItem className={classes.inlineBlock}>
<a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
</ListItem>
</List>
</div>
</div>
</footer>
</Grid>
</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">
<Grid style={{padding:"25px", marginTop:"-50px"}}>
<div className={classes.right}>
&copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
</div>
</Grid>
</GridContainer>
</div>
);
}

Footer.propTypes = {
whiteFont: PropTypes.bool
};

+ 266
- 0
components/Header/HeaderHonda.js 查看文件

@@ -0,0 +1,266 @@
/*eslint-disable*/
import React from "react";
import Link from "next/link";

// @material-ui/core components
import { makeStyles } from "@material-ui/core/styles";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import Icon from "@material-ui/core/Icon";
import Chart from "@material-ui/icons/LocalGroceryStore";

// @material-ui/icons
import { Apps, ShareTwoTone, Person } from "@material-ui/icons";

// core components
import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";
import Button from "components/CustomButtons/Button.js";
import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js";

const useStyles = makeStyles(styles);

export default function HeaderLinks({ username, ...props }) {
const classes = useStyles();
return (
<List className={classes.list}>
<ListItem className={classes.listItem}>
<Link href="/honda/home">
<Button color="transparent" className={classes.navLink}>
<img
src="https://cdn.pixabay.com/photo/2016/08/15/18/18/honda-1596081_640.png"
width="60px"
/>
</Button>
</Link>
</ListItem>
<ListItem className={classes.listItem}>
<Link href="/honda/home">
<Button
color="transparent"
className={classes.navLink}
style={{ marginTop: "10px" }}
>
<Icon className={classes.icons}>home</Icon> Home
</Button>
</Link>
</ListItem>
<ListItem className={classes.listItem}>
<Link href="/honda/product/product">
<Button
color="transparent"
className={classes.navLink}
style={{ marginTop: "10px" }}
>
<Icon className={classes.icons}>home</Icon> Product
</Button>
</Link>
</ListItem>
{/* <ListItem className={classes.listItem} style={{marginTop:"10px"}}>
<CustomDropdown
noLiPadding
navDropdown
buttonText="Product"
buttonProps={{
className: classes.navLink,
color: "transparent",
}}
buttonIcon={Apps}
dropdownList={[
<Link href="/honda/product/product">
<a className={classes.dropdownLink}>Motor</a>
</Link>,
<Link href="/honda/product/ygp">
<a className={classes.dropdownLink}>YGP</a>
</Link>,
<Link href="/honda/product/yamalube">
<a className={classes.dropdownLink}>Yamalube</a>
</Link>,
<Link href="/honda/product/helmet">
<a className={classes.dropdownLink}>Helmet</a>
</Link>,
<Link href="/honda/product/apparel">
<a className={classes.dropdownLink}>Apparel</a>
</Link>,
<Link href="/honda/product/accessories">
<a className={classes.dropdownLink}>Accessories</a>
</Link>,
<Link href="https://booking.thamrin.co.id/">
<a className={classes.dropdownLink}>Service</a>
</Link>,
<Link href="/honda/dealers">
<a className={classes.dropdownLink}>Dealers</a>
</Link>,
]}
/>
</ListItem> */}
<ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
<Link href="/honda/latest_news/latestnews">
<Button color="transparent" className={classes.navLink}>
<Icon className={classes.icons}>event</Icon> Latest News
</Button>
</Link>
</ListItem>
<ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
<Button
href="/honda/carrer/carrer"
color="transparent"
className={classes.navLink}
>
<Icon className={classes.icons}>wallet_travel</Icon> Career
</Button>
</ListItem>
{/* <ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
<CustomDropdown
noLiPadding
navDropdown
buttonText="Partner"
buttonProps={{
className: classes.navLink,
color: "transparent",
}}
buttonIcon={ShareTwoTone}
dropdownList={[
<Link href="https://www.honda-motor.co.id/">
<a className={classes.dropdownLink}>honda</a>
</Link>,
<Link href="https://www.honda.co.id/">
<a className={classes.dropdownLink}>Suzuki</a>
</Link>,
<Link href="https://www.honda-indonesia.com/">
<a className={classes.dropdownLink}>Honda</a>
</Link>,
<Link href="https://www.hino.co.id/">
<a className={classes.dropdownLink}>Hino</a>
</Link>,
<Link href="https://www.mercedes-benz.co.id/passengercars.html">
<a className={classes.dropdownLink}>
Mercedes-Benz
</a>
</Link>,
<Link href="http://bprberkatsejati.com/">
<a className={classes.dropdownLink}>
BPR Berkat Sejati
</a>
</Link>,
<Link href="https://www.hino.co.id/">
<a className={classes.dropdownLink}>
Palembang Indah Mall
</a>
</Link>,
<Link href="http://www.emilia-hotel.com/">
<a className={classes.dropdownLink}>Hotel Emilia</a>
</Link>,
<Link href="http://homes.thamrin.xyz/">
<a className={classes.dropdownLink}>Thamrin Home</a>
</Link>,
<Link href="https://www.hino.co.id/">
<a className={classes.dropdownLink}>Ketty Resto</a>
</Link>,
]}
/>
</ListItem> */}
<ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
<Button
href="/honda/abous_us/about_us"
color="transparent"
className={classes.navLink}
>
<Icon className={classes.icons}>account_balance</Icon> About
Us
</Button>
</ListItem>
<ListItem className={classes.listItem} style={{ marginTop: "10px" }}>
<Button
href="/honda/profile/profile"
// href="#"
color="transparent"
className={classes.navLink}
>
<Icon className={classes.icons}>people</Icon> Profile
</Button>
</ListItem>
<ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
<Button
href="/chart"
color="transparent"
className={classes.navLink}
>
<Chart className={classes.icons} />
</Button>
</ListItem>
<ListItem
className={classes.listItem}
style={{ marginTop: "10px" }}
>
{!username || username == "" ? (
<Button
href="/honda/login"
className={classes.registerNavLink}
color="info"
round
>
<Icon className={classes.icons}>input</Icon> Login
</Button>
) : (
<CustomDropdown
noLiPadding
navDropdown
buttonText={
username.length > 12
? username.substring(0, 9) + ".."
: username
}
buttonProps={{
className: classes.navLink,
color: "transparent",
}}
buttonIcon={Person}
dropdownList={[
<div
onClick={async (e) => {
e.preventDefault();
fetch("/api/auth/logout", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ p: "SUZUKI" }),
}).then((res) => {
//if (res.ok) {
window.location.href = "../honda/home";
/*}
else{

}*/
});
}}
>
<a className={classes.dropdownLink}>
<Icon className={classes.icons}>
exit_to_app
</Icon>{" "}
Logout
</a>
</div>,
]}
/>
)}
</ListItem>
</List>
);
}

+ 6
- 1
pages-sections/home/Businees-Partner.js 查看文件

@@ -55,7 +55,12 @@ export default function WorkSection() {
</Carousel> </Carousel>
</Grid> </Grid>
<Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}> <Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}>
<Carousel><img src={honda}/></Carousel>
<Carousel>
<div className="container">
<img src={honda} alt="Snow" style={{width:"100%"}}/>
<Button href="/honda/home" target="_blank" className="btn">Visit Page</Button>
</div>
</Carousel>
</Grid> </Grid>
<Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}> <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
<Carousel><img src={hino}/></Carousel> <Carousel><img src={hino}/></Carousel>


+ 156
- 0
pages-sections/honda/carrer/carrer.js 查看文件

@@ -0,0 +1,156 @@
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 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 Quote from "components/Typography/Quote.js"
import Grid from '@material-ui/core/Grid';
import Button from "components/CustomButtons/Button.js";
import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
import Icon from "@material-ui/core/Icon";

const useStyles = makeStyles(styles);

const DataCarrers = function ({ backend, s1, d3, sma, ...props }) {
const classes = useStyles();
const { ...rest } = props;
const imageClasses = classNames(
classes.imgRaised,
classes.imgRoundedCircle,
classes.imgFluid
);
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
const CarrerS1 = s1.map((data) => {
return (
<Grid style={{width:"600px", padding:"30px"}}>
<Card>
<CardHeader color="danger"><div align="center">{data.name}</div></CardHeader>
<CardBody>
<Quote
text={data.name_description}
author="Post By Thamrin Group"
/>
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
<Button color="danger" style={{marginLeft:"20px"}} round href={"/honda/carrer_details?s="+data.id}>
<Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
</Button>
</CardBody>
</Card>
</Grid>
);
})
const CarrerD3 = d3.map((data) => {
return (
<Grid style={{width:"600px", padding:"30px"}}>
<Card>
<CardHeader color="danger">{data.name}</CardHeader>
<CardBody>
<Quote
text={data.name_description}
author="Post By Thamrin Group"
/>
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
<Button color="danger" style={{marginLeft:"20px"}} round href={"/honda/carrer_details?s="+data.id}>
<Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
</Button>
</CardBody>
</Card>
</Grid>
);
})
const CarrerSMA = sma.map((data) => {
return (
<Grid style={{width:"600px", padding:"30px"}}>
<Card>
<CardHeader justify="center" color="danger">{data.name}</CardHeader>
<CardBody>
<Quote
text={data.name_description}
author="Post By Thamrin Group"
/>
Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
<Button color="danger" style={{marginLeft:"20px"}} round href={"/honda/carrer_details?s="+data.id}>
<Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
</Button>
</CardBody>
</Card>
</Grid>
);
})
return (
<Card className={classes.textCenter}>
<div align="center">
<CardHeader color="info">Product</CardHeader>
</div>
<CardBody>
<div align="center">
<h2>Carrer & Job Vacancies</h2>
</div>
<GridContainer justify="center">
<GridItem>
<NavPills
alignCenter
color="primary"
tabs={[
{
tabButton: "S1",
tabIcon: Dashboard,
tabContent: (
<GridContainer justify="center">
{CarrerS1}
</GridContainer>
),
},
{
tabButton: "D3",
tabIcon: Dashboard,
tabContent: (
<GridContainer justify="center">
{CarrerD3}
</GridContainer>
),
},
{
tabButton: "SMA / SMK ",
tabIcon: Dashboard,
tabContent: (
<GridContainer justify="center">
{CarrerSMA}
</GridContainer>
),
},
{
tabButton: "Recruitment Process",
tabIcon: Dashboard,
tabContent: (
<GridContainer justify="center">
<GridItem>
<div align="center">
<img
alt="..."
style={{ width: "1000px", height: "800px", display: "block" }}
src=" https://www.yamaha-motor.co.id/uploads/career/big_img/5d305eca19dfb8171.jpg"
className={navImageClasses}
/>
</div>
</GridItem>
</GridContainer>
),
},
]}
/>
</GridItem>
</GridContainer>
</CardBody>
</Card>
);
}

export default DataCarrers;

+ 69
- 0
pages-sections/honda/carrer/carrer_details.js 查看文件

@@ -0,0 +1,69 @@
import React from 'react';
import ReactHtmlParser from "react-html-parser";
import { makeStyles } from "@material-ui/core/styles";

import classNames from "classnames";
import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import GridItem from "components/Grid/GridItem.js";
import Card from "components/Card/Card.js";
import Carousel from "react-slick";
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";

const useStyles = makeStyles(styles);
const DataCarrer = function ({ backend, detailcarrer, ...props }) {
const classes = useStyles();
const imageClasses = classNames(
classes.imgRaised,
classes.imgRoundedCircle,
classes.imgFluid
);
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
time: 5
};
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
const carrer = detailcarrer.map((data) => {
return (
<GridContainer justify="center">
<Grid fluid xs={4}>
<div className={classes.section} id="notifications">
<div className={classes.section}>
<div className={classes.container}>
<GridContainer>
<GridItem className={classes.marginAuto}>
<Card carousel>
<Carousel {...settings}>
<img className={navImageClasses} width="300px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
</Carousel>
</Card>
</GridItem>
</GridContainer>
</div>
</div>
</div>
</Grid>
<Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}>
<h4>{data.name}</h4>
<h4>{data.published_at}</h4>
<hr></hr>
<div align="justify">
<p>{ReactHtmlParser(data.description)}</p>
</div>
</Grid>
</GridContainer>
);
})
return (
<div>
{carrer}
</div>
);
}

export default DataCarrer;

+ 61
- 0
pages-sections/honda/home/carousel.js 查看文件

@@ -0,0 +1,61 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import GridContainer from "components/Grid/GridContainer.js";
import GridItem from "components/Grid/GridItem.js";
import Card from "components/Card/Card.js";
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Carousel from "react-slick";
import Grid from '@material-ui/core/Grid';

const useStyles = makeStyles(styles);
const DataCarousel = function ({ backend, carousel, ...props }) {
const classes = useStyles();
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
time: 5
};
const Carousels = carousel.map((data) => {
return (
<div>
<img src={`${backend}${data.img[0]["url"]}`} alt="First slide" className="slick-image" />
</div>
);
})
return (
<div className={classes.section} id="notifications">
<div className={classes.section}>
<div className={classes.container}>
<GridContainer>
<GridItem className={classes.marginAuto}>
<Card carousel>
<Carousel {...settings}>
{Carousels}
</Carousel>
</Card>
</GridItem>
</GridContainer>
<GridContainer style={{marginTop:"-30px"}}>
<Grid style={{padding:"35px"}}>
<Card>
<iframe width="815" height="448" src="https://www.youtube.com/embed/ctv6XEB3ZT4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style={{height: "300px", width: "500px", display: "block"}}></iframe>
</Card>
</Grid>
<Grid style={{padding:"35px"}}>
<Card>
<iframe width="815" height="448" src="https://www.youtube.com/embed/sI3n7Fh8lrQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style={{height: "300px", width: "500px", display: "block"}}></iframe>
</Card>
</Grid>
</GridContainer>
</div>
</div>
</div>
);
}

export default DataCarousel;

+ 119
- 0
pages-sections/honda/home/feature.js 查看文件

@@ -0,0 +1,119 @@
import React, { Component } from "react";
import { makeStyles } from "@material-ui/core/styles";
import Button from "components/CustomButtons/Button.js";
import Icon from "@material-ui/core/Icon";

import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import Card from "components/Card/Card.js";
import SnackbarContent from "components/Snackbar/SnackbarContent.js";

import imagesStyles from "assets/jss/nextjs-material-kit/imagesStyles.js";
import { cardTitle } from "assets/jss/nextjs-material-kit.js";

const styles = {
...imagesStyles,
cardTitle,
};

const useStyles = makeStyles(styles);
const DataFeature = function ({ backend, service, ...props }) {
const classes = useStyles();
return (
<div className={classes.section} id="notifications">
<div align="center" className={classes.section} id="notifications">
<SnackbarContent
message={
<h4>Feature Product</h4>
}
align="center"
color="danger"
/>
</div>
<GridContainer justify="center" style={{padding:"50px", marginTop:"-70px"}}>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<img className={classes.imgCard} src="https://a.ipricegroup.com/media/0630/2006_sprint12/harga_yamaha_motor.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://www.instagram.com/yamahaindonesia/" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<img className={classes.imgCard} src="https://www.akhtarnews.com/wp-content/uploads/2019/03/harga-sparepart-yamaha.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<div align="center">
<img className={classes.imgCard} src="https://2.bp.blogspot.com/-pzpJ-ltEFsA/V6Kh26cBoNI/AAAAAAAAAKY/ZLnJ9v_lDIcKUUNcoVKM8Qw0Izawq08_wCLcB/s1600/yamalube%2B2.jpg" alt="Card-img" style={{height: "200px", width: "300px", display: "block"}}/>
</div>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<div align="center">
<img className={classes.imgCard} src="https://aomc.mx/mm5/graphics/00000001/X0779100X.jpg" alt="Card-img" style={{height: "200px", width: "200px", display: "block"}}/>
</div>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<div align="center">
<img className={classes.imgCard} src="https://content.motosport.com/images/items/900/TLD/TLDY0AF/X001.jpg" alt="Card-img" style={{height: "200px", width: "200px", display: "block"}}/>
</div>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
<Grid>
<Card style={{height: "250px", width: "400px", padding:"20px"}}>
<div align="center">
<img className={classes.imgCard} src="https://static.wixstatic.com/media/bb08a6_fe756d074abc4e4c86ed0fe0134e50a5~mv2.jpg/v1/fill/w_960,h_429,al_c,q_85/bb08a6_fe756d074abc4e4c86ed0fe0134e50a5~mv2.webp" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
</div>
{/* <div className={classes.imgCardOverlay}>
<div align="center" style={{marginTop:"120px"}}>
<Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
<Icon className={classes.icons}>open_in_new</Icon>For More Info
</Button>
</div>
</div> */}
</Card>
</Grid>
</GridContainer>
</div>
);
}

export default DataFeature;

+ 46
- 0
pages-sections/honda/home/service.js 查看文件

@@ -0,0 +1,46 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import Card from "components/Card/Card.js";
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import SnackbarContent from "components/Snackbar/SnackbarContent.js";

const useStyles = makeStyles(styles);
const DataService = function ({ backend, service, ...props }) {
const classes = useStyles();
const services = service.map((data, index) => (
<Grid align="center" style={{padding:"40px", marginTop:"-50px"}}>
<Card style={{width: "20rem"}}>
<div align="center">
<img
style={{height: "180px", width: "300px", display: "block"}} className={classes.imgCardTop} src={`${backend}${data.img[0]["url"]}`}/>
</div>
</Card>
</Grid>
));
return (
<div className={classes.section} id="notifications">
<div align="center">
<div align="center" className={classes.section} id="notifications">
<SnackbarContent
message={
<h4>Our Service</h4>
}
align="center"
color="danger"
/>
</div>
</div>
<div>
<GridContainer style={{padding: "40px"}} justify="center">
{services}
</GridContainer>
</div>
</div>
);
}

export default DataService;

+ 66
- 0
pages-sections/honda/latest_news/news.js 查看文件

@@ -0,0 +1,66 @@
import React from 'react';

import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Grid from '@material-ui/core/Grid';
import GridContainer from "components/Grid/GridContainer.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import Button from "components/CustomButtons/Button.js";
import Paginations from "components/Pagination/Pagination.js";
import Icon from "@material-ui/core/Icon";

const useStyles = makeStyles(styles);

const DataLatestNews = function ({ backend, news, ...props }) {
const classes = useStyles();
const latnews = news.map((data) => {
return (
<Grid align="center" style={{padding:"30px", marginTop:"-50px"}}>
<Card style={{width: "20rem"}}>
<img
style={{height: "180px", width: "100%", display: "block"}}
className={classes.imgCardTop}
src={`${backend}${data.img[0]["url"]}`}
/>
<CardBody>
<p>{data.title}</p>
<p>{data.published_at}</p>
<Button color="info" round href={"/honda/latest_news/latestnews_details?s="+data.id}>
<Icon className={classes.icons}>open_in_new</Icon>Read More
</Button>
</CardBody>
</Card>
</Grid>
);
})
return (
<div className={classes.section} id="notifications">
<div align="center">
<h2>Latest News</h2>
</div>
<div>
<GridContainer justify="center">
{latnews}
</GridContainer>
</div>
<div align="center">
<Paginations
pages={[
{ text: "PREV" },
{ text: 1 },
{ text: 2 },
{ active: true, text: 3 },
{ text: 4 },
{ text: 5 },
{ text: "NEXT" }
]}
color="info"
/>
</div>
</div>
);
}

export default DataLatestNews;

+ 96
- 0
pages-sections/honda/latest_news/news_details.js 查看文件

@@ -0,0 +1,96 @@
import React, { useState, useEffect } from "react";
import ReactHtmlParser from "react-html-parser";
// @material-ui/core components
import { makeStyles } from "@material-ui/core/styles";
import ReactPaginate from "react-paginate";

import classNames from "classnames";
import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import GridItem from "components/Grid/GridItem.js";
import Card from "components/Card/Card.js";
import Carousel from "react-slick";
import CardBody from "components/Card/CardBody.js";
import Button from "components/CustomButtons/Button.js";
import Icon from "@material-ui/core/Icon";
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";

const useStyles = makeStyles(styles);

const DataLatestNews = function ({ backend, news, othernews,...props }) {
const classes = useStyles();
const imageClasses = classNames(
classes.imgRaised,
classes.imgRoundedCircle,
classes.imgFluid
);
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
time: 5
};
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
const otherlatnews = othernews.map((data) => {
return (
<Grid align="center" style={{padding:"5px", marginTop:"-50px"}}>
<Card style={{width: "20rem"}}>
<img
style={{height: "180px", width: "100%", display: "block"}}
className={classes.imgCardTop}
src={`${backend}${data.img[0]["url"]}`}
/>
<CardBody>
<p>{data.title}</p>
<Button color="info" round href={"/latestnews_details?s="+data.id}>
<Icon className={classes.icons}>open_in_new</Icon>Read More
</Button>
</CardBody>
</Card>
</Grid>
);
})
const latnews = news.map((data) => {
return (
<GridContainer justify="center">
<Grid fluid xs={4}>
<div className={classes.section} id="notifications">
<div className={classes.section}>
<div className={classes.container}>
<GridContainer>
<GridItem className={classes.marginAuto}>
<Card carousel>
<Carousel {...settings}>
<img className={navImageClasses} width="300px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
</Carousel>
</Card>
<hr></hr>
<div align="center">
<h3>Other Latest News</h3>
<h3>{otherlatnews}</h3>
</div>
</GridItem>
</GridContainer>
</div>
</div>
</div>
</Grid>
<Grid xs={7} style={{padding:"40px", marginTop:"-30px"}}>
<h4>{data.title}</h4>
<h4>{data.published_at}</h4>
<hr></hr>
<div align="justify">
<p>{ReactHtmlParser(data.description)}</p>
</div>
</Grid>
</GridContainer>
);
});
return <div>{latnews}</div>;
};

export default DataLatestNews;

+ 92
- 0
pages-sections/honda/product/product.js 查看文件

@@ -0,0 +1,92 @@
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 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 CardFooter from "components/Card/CardFooter.js";
import Button from "components/CustomButtons/Button.js";
import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
import Icon from "@material-ui/core/Icon";
import { Motorcycle } from "@material-ui/icons";

const useStyles = makeStyles(styles);
const DataProduct = function ({ backend, car, ...props }) {
const classes = useStyles();
const { ...rest } = props;
const imageClasses = classNames(
classes.imgRaised,
classes.imgRoundedCircle,
classes.imgFluid
);
const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
const ProductSuzuki = car.map((data) => {
return (
<div style={{padding: "20px", marginTop:"-40px"}}>
<Card className={classes.textCenter} align="center" style={{width:"350px"}}>
<CardBody>
<div style={{padding:"10px"}}>
<img style={{ width: "250px", display: "block" }} src={`${backend}${data.img[0]["url"]}`} className={navImageClasses}
/>
<div align="center">
<h5>{data.name}</h5>
<h5>Rp.{data.price}</h5>
<Button
color="info" round
href={"/honda/product/product_detail?s="+data.id}
>
<Icon className={classes.icons}>open_in_new</Icon>Detail Product
</Button>
<Button
color="info" round
href={"/honda/checkout/checkout?s="+data.id}
>
<Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
</Button>
</div>
</div>
</CardBody>
</Card>
</div>
);
})
return (
<Card className={classes.textCenter}>
<div align="center">
<CardHeader color="info">Product</CardHeader>
</div>
<CardBody>
<div align="center">
<h2>Product & Facilities</h2>
</div>
<GridContainer justify="center">
<GridItem>
<NavPills
alignCenter
color="primary"
tabs={[
{
tabButton: "XL7",
tabIcon: Motorcycle,
tabContent: (
<GridContainer justify="center">
{ProductSuzuki}
</GridContainer>
),
},
]}
/>
</GridItem>
</GridContainer>
</CardBody>
</Card>
);
}

export default DataProduct;

+ 388
- 0
pages-sections/honda/profile/profile.js 查看文件

@@ -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">
Email
</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;

+ 7
- 1
pages-sections/suzuki/product/product.js 查看文件

@@ -43,6 +43,12 @@ const DataProduct = function ({ backend, car, ...props }) {
> >
<Icon className={classes.icons}>open_in_new</Icon>Detail Product <Icon className={classes.icons}>open_in_new</Icon>Detail Product
</Button> </Button>
<Button
color="info" round
href={"/suzuki/checkout/checkout?s="+data.id}
>
<Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
</Button>
</div> </div>
</div> </div>
</CardBody> </CardBody>
@@ -66,7 +72,7 @@ const DataProduct = function ({ backend, car, ...props }) {
color="primary" color="primary"
tabs={[ tabs={[
{ {
tabButton: "Passenger Car",
tabButton: "XL7",
tabIcon: Motorcycle, tabIcon: Motorcycle,
tabContent: ( tabContent: (
<GridContainer justify="center"> <GridContainer justify="center">


+ 2
- 2
pages-sections/yamaha/product/product.js 查看文件

@@ -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>


+ 41
- 0
pages/honda/about_us/about_us.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataAboutUS = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader justify="center" color="info" style={{padding:"10px"}}>
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>About Us</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataAboutUS;

+ 41
- 0
pages/honda/about_us/penghargaan.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataPenghargaan = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Penghargaan Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataPenghargaan;

+ 41
- 0
pages/honda/about_us/profile.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataProfile = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Profile Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataProfile;

+ 41
- 0
pages/honda/about_us/saham.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataSaham = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Kepemilikan Saham Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataSaham;

+ 41
- 0
pages/honda/about_us/sejarah.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataSejarah = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Sejarah Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataSejarah;

+ 41
- 0
pages/honda/about_us/struktur_organisasi.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataStrukturOrganisasi = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Struktur Organisasi Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataStrukturOrganisasi;

+ 41
- 0
pages/honda/about_us/tata_kelola.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataTataKelola = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Tata Kelola Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataTataKelola;

+ 41
- 0
pages/honda/about_us/tugas_fungsi.js 查看文件

@@ -0,0 +1,41 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataTugasFungsi = function ({ backend, businessPartners, service, carousel, ...props }) {
const classes = useStyles();
return (
<div>
<Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
<div align="center">
<CardHeader color="info" justify="center">
<CompanyLink />
</CardHeader>
</div>
<CardBody>
<div align="center">
<img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
</div>
<h1 className={classes.cardTitle}><b>Tugas & Fungsi Thamrin Group</b></h1>
<p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
<h3>Visi</h3>
<p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
<h3>Misi</h3>
<p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
<p>2. Mengembangkan pemimpin yang sukses</p>
<p>3. Mengelola proses administrasi yang simple & excellent</p>
<p>4. Mendukung continuous improvement</p>
</CardBody>
</Card>
</div>
);
}

export default DataTugasFungsi;

+ 82
- 0
pages/honda/carrer/carrer.js 查看文件

@@ -0,0 +1,82 @@
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/HeaderHonda.js";
import Footer from "components/Footer/FooterHonda.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";

import SectionCarrer from "pages-sections/honda/carrer/carrer.js";
import Getcarrer from "api/carrer/carrer.js"
import Cookies from "cookies";

const useStyles = makeStyles(styles);

const Carrer = function ({ user, backend, s1, d3, sma, ...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/carrer.png")} height="50px"/>
<div className={classNames(classes.main, classes.mainRaised)}>
<SectionCarrer s1={s1} d3={d3} sma={sma} backend={backend}/>
</div>
<Footer />
</div>
);
}

export default Carrer;

export async function getServerSideProps(context) {
var s1 = [];
var d3 = [];
var sma = [];
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() == "YAMAHA"
);
});
if (sessionId.length != 0) user = userObj["username"];
}

var res = await Getcarrer.GetCarrerS1Honda();
if (res["STATUS"] === 1) {
s1 = res["DATA"]["carrers"];
}

var res = await Getcarrer.GetCarrerD3Honda();
if (res["STATUS"] === 1) {
d3 = res["DATA"]["carrers"];
}

var res = await Getcarrer.GetCarrerSMAHonda();
if (res["STATUS"] === 1) {
sma = res["DATA"]["carrers"];
}

return {
props: { user, s1, d3, sma, backend }, // will be passed to the page component as props
};
}

+ 72
- 0
pages/honda/carrer/carrer_details.js 查看文件

@@ -0,0 +1,72 @@
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/HeaderHonda.js";
import Footer from "components/Footer/FooterHonda.js";
import CarrerDetail from "pages-sections/honda/carrer/carrer_details.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
import GetDetailcarrer from "api/carrer/carrer.js"
import Cookies from "cookies";

const useStyles = makeStyles(styles);

const CarrerDetails = function ({ user, backend, detailcarrer, ...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/carrer.png")} height="50px"/>
<div className={classNames(classes.main, classes.mainRaised)}>
<CarrerDetail detailcarrer={detailcarrer} backend={backend}/>
</div>
<Footer />
</div>
);
}

export default CarrerDetails;

export async function getServerSideProps(context) {
var {query} = context;
var detailcarrer = [];
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() == "YAMAHA"
);
});
if (sessionId.length != 0) user = userObj["username"];
}

var res = await GetDetailcarrer.GetDetailCarrer(query.s||0);
if (res["STATUS"] === 1) {
detailcarrer = res["DATA"]["carrers"];
}

console.log(res);

return {
props: { user, detailcarrer, backend }, // will be passed to the page component as props
};
}

+ 108
- 0
pages/honda/home.js 查看文件

@@ -0,0 +1,108 @@
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/HeaderHonda.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
import Footer from "components/Footer/FooterHonda.js";

import GetbusinessPartners from "api/home/businessPartner.js";
import Getservices from "api/home/service.js";
import Getcarousels from "api/home/carousel.js";
import DataSnackbarContent from "pages-sections/yamaha/snackbar.js";
import DataCarousel from "pages-sections/honda/home/carousel.js";
import DataService from "pages-sections/honda/home/service.js";
import DataFeature from "pages-sections/honda/home/feature.js";
import Cookies from "cookies";

const useStyles = makeStyles(styles);
const Home = function ({
backend,
businessPartners,
service,
carousel,
user,
...props
}) {
const classes = useStyles();
const { ...rest } = props;
<DataService service={props.service} />;

return (
<div>
<Header
rightLinks={<HeaderLinks username={user} />}
fixed
color="info"
changeColorOnScroll={{
height: 400,
color: "white",
}}
{...rest}
/>
<Parallax
image={require("assets/img/honda.jpg")}
styles={{ marginTop: "50px" }}
/>
<div className={classNames(classes.main, classes.mainRaised)}>
<DataSnackbarContent />
{/* <CoreValue /> */}
<DataCarousel carousel={carousel} backend={backend} />
<DataService service={service} backend={backend} />
<DataFeature />
{/* <DataBusinessPartner
businessPartners={businessPartners}
backend={backend}
/> */}
{/* <DataSosmed /> */}
</div>
<Footer />
</div>
);
};

export async function getServerSideProps(context) {
var businessPartners = [];
var service = [];
var carousel = [];
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() == "YAMAHA"
);
});
if (sessionId.length != 0) user = userObj["username"];
}

var res = await GetbusinessPartners.GetbusinessPartners();
if (res["STATUS"] === 1) {
businessPartners = res["DATA"]["businessPartners"];
}

var res = await Getservices.GetservicesYamaha();
if (res["STATUS"] === 1) {
service = res["DATA"]["services"];
}

var res = await Getcarousels.GetCarouselsHonda();
if (res["STATUS"] === 1) {
carousel = res["DATA"]["carousels"];
}

console.log(carousel);
return {
props: { businessPartners, service, carousel, backend, user }, // will be passed to the page component as props
};
}

export default Home;

+ 56
- 0
pages/honda/latest_news/latestnews.js 查看文件

@@ -0,0 +1,56 @@
import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";

import Header from "components/Header/Header.js";
import HeaderHonda from "components/Header/HeaderHonda.js";
import FooterHonda from "components/Footer/FooterHonda.js";
import Parallax from "components/Parallax/Parallax.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/suzuki/snackbar.js";
import DataLatestNews from "pages-sections/honda/latest_news/news.js";

const useStyles = makeStyles(styles);

const LatestNews = function ({ backend, news, ...props }) {
const classes = useStyles();
const { ...rest } = props;
<DataLatestNews news={props.news}/>
return (
<div>
<Header
rightLinks={<HeaderHonda />}
fixed
color="info"
changeColorOnScroll={{
height: 400,
color: "white"
}}
{...rest}
/>
<Parallax image={require("assets/img/honda.jpg")} width="200px"/>
<div className={classNames(classes.main, classes.mainRaised)}>
<DataSnackbarContent/>
<DataLatestNews news={news} backend={backend}/>
</div>
<FooterHonda />
</div>
);
}

export default LatestNews;

export async function getServerSideProps(context) {
var news = [];
const backend = process.env.BACKEND_SERVER_URI;

var res = await GetLatestNews.GetNewsHonda();
if (res["STATUS"] === 1) {
news = res["DATA"]["latestNews"];
}
return {
props: { news, backend }, // will be passed to the page component as props
};
}

+ 63
- 0
pages/honda/latest_news/latestnews_details.js 查看文件

@@ -0,0 +1,63 @@
import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";

import Header from "components/Header/Header.js";
import HeaderSuzuki from "components/Header/HeaderSuzuki.js";
import FooterSuzuki from "components/Footer/FooterSuzuki.js";
import Parallax from "components/Parallax/Parallax.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/suzuki/snackbar.js";
import DetailLatestNews from "pages-sections/honda/latest_news/news_details.js";

const useStyles = makeStyles(styles);

const detailLatestNews = function ({ backend, news, othernews, ...props }) {
const classes = useStyles();
const { ...rest } = props;
<DetailLatestNews news={props.news}/>
return (
<div>
<Header
rightLinks={<HeaderSuzuki />}
fixed
color="info"
changeColorOnScroll={{
height: 400,
color: "white"
}}
{...rest}
/>
<Parallax image={require("assets/img/dekstop_pandemi.jpg")} width="200px"/>
<div className={classNames(classes.main, classes.mainRaised)}>
<DataSnackbarContent/>
<DetailLatestNews news={news} othernews={othernews} backend={backend}/>
</div>
<FooterSuzuki />
</div>
);
}

export default detailLatestNews;

export async function getServerSideProps(context) {
var {query} = context;
var news = [];
var othernews = [];
const backend = process.env.BACKEND_SERVER_URI;

var res = await GetLatestNews.GetDetailNews(query.s||0);
if (res["STATUS"] === 1) {
news = res["DATA"]["latestNews"];
}

var res = await GetLatestNews.GetOtherNewsHonda();
if (res["STATUS"] === 1) {
othernews = res["DATA"]["latestNews"];
}
return {
props: { othernews, news, backend }, // will be passed to the page component as props
};
}

+ 82
- 0
pages/honda/product/product.js 查看文件

@@ -0,0 +1,82 @@
import React from "react";
import classNames from "classnames";
import { makeStyles } from "@material-ui/core/styles";

import Header from "components/Header/Header.js";
import HeaderHonda from "components/Header/HeaderHonda.js";
import FooterHonda from "components/Footer/FooterHonda.js";
import DataProduct from "pages-sections/honda/product/product.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";

import Getproduct from "api/product/product.js";
import Cookies from "cookies";

const useStyles = makeStyles(styles);

const Product = function ({
backend,
car,
user,
...props
}) {
const classes = useStyles();
const { ...rest } = props;
return (
<div>
<Header
rightLinks={<HeaderHonda username={user} />}
fixed
color="info"
changeColorOnScroll={{
height: 400,
color: "white",
}}
{...rest}
/>
<Parallax image={require("assets/img/honda.jpg")} width="200px"/>
<div className={classNames(classes.main, classes.mainRaised)}>
<DataProduct
car={car}
backend={backend}
/>
</div>
<FooterHonda />
</div>
);
};

export default Product;

export async function getServerSideProps(context) {
var car = [];
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.GetProductHonda();
if (res["STATUS"] === 1) {
car = res["DATA"]["products"];
}

return {
props: {
car,
backend,
user,
}, // will be passed to the page component as props
};
}

+ 0
- 0
pages/honda/profile/edit-profile.js 查看文件


+ 68
- 0
pages/honda/profile/profile.js 查看文件

@@ -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/HeaderHonda.js";
import Parallax from "components/Parallax/Parallax.js";
import styles from "assets/jss/nextjs-material-kit/pages/components.js";
import Footer from "components/Footer/FooterHonda.js";
import GetProfile from "api/profile/profile.js"
import DataProfile from "pages-sections/honda/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/honda.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() == "YAMAHA"
);
});
if (sessionId.length != 0) user = userObj["username"];
}
return {
props: { profile, user }, // will be passed to the page component as props
};
}
export default Profile;

+ 0
- 0
pages/suzuki/checkout/checkout.js 查看文件


撰写 预览
正在加载...
取消
保存