diff --git a/.next/build-manifest.json b/.next/build-manifest.json index a59a444..8c7f1ab 100644 --- a/.next/build-manifest.json +++ b/.next/build-manifest.json @@ -24,11 +24,11 @@ "static/runtime/polyfills.js", "static/runtime/polyfills.js.map" ], - "/suzuki/home": [ + "/yamaha/cart/checkout": [ "static/runtime/webpack.js", "static/runtime/main.js" ], - "/suzuki/product/product_detail": [ + "/yamaha/product/product": [ "static/runtime/webpack.js", "static/runtime/main.js" ] diff --git a/.next/server/pages-manifest.json b/.next/server/pages-manifest.json index 212df0c..1fd470e 100644 --- a/.next/server/pages-manifest.json +++ b/.next/server/pages-manifest.json @@ -1 +1 @@ -{"/_app":"static/development/pages/_app.js","/_document":"static/development/pages/_document.js","/_error":"static/development/pages/_error.js","/suzuki/home":"static/development/pages/suzuki/home.js","/suzuki/product/product_detail":"static/development/pages/suzuki/product/product_detail.js"} \ No newline at end of file +{"/_app":"static/development/pages/_app.js","/_document":"static/development/pages/_document.js","/_error":"static/development/pages/_error.js","/yamaha/cart/checkout":"static/development/pages/yamaha/cart/checkout.js","/yamaha/product/product":"static/development/pages/yamaha/product/product.js"} \ No newline at end of file diff --git a/.next/static/images/dekstop_pandemi-d7beff3bb7a1936b9ec2e925a2fb4345.jpg b/.next/static/images/dekstop_pandemi-d7beff3bb7a1936b9ec2e925a2fb4345.jpg deleted file mode 100644 index 6b58144..0000000 Binary files a/.next/static/images/dekstop_pandemi-d7beff3bb7a1936b9ec2e925a2fb4345.jpg and /dev/null differ diff --git a/assets/jss/nextjs-material-kit.js b/assets/jss/nextjs-material-kit.js index 478a7ed..cef8b26 100644 --- a/assets/jss/nextjs-material-kit.js +++ b/assets/jss/nextjs-material-kit.js @@ -1,266 +1,246 @@ -/*! - - ========================================================= - * NextJS Material Kit - v1.1.0 based on Material Kit - v2.0.2 and Material Kit React - v1.8.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/nextjs-material-kit - * Copyright 2020 Creative Tim (https://www.creative-tim.com) - * Licensed under MIT (https://github.com/creativetimofficial/nextjs-material-kit/blob/master/LICENSE.md) - - ========================================================= - - * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - - */ - -// ############################## -// // // Variables - Styles that are used on more than one component -// ############################# - -const hexColorToRGB = function(hexColor) { - let detectShorthand = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; // #000 vs #000000 - hexColor = hexColor.replace(detectShorthand, function(m, r, g, b) { - return r + r + g + g + b + b; - }); - - const hex_array = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexColor); // #000000 to #ffffff - return hex_array - ? { - r: parseInt(hex_array[1], 16), // 0-255 - g: parseInt(hex_array[2], 16), // 0-255 - b: parseInt(hex_array[3], 16) // 0-255 - } - : null; -}; - -const hexToRGBAlpha = function(hexColor, alpha) { - let rgb = hexColorToRGB(hexColor); - return `rgba(${rgb.r},${rgb.g},${rgb.b},${alpha})`; -}; - -const drawerWidth = 260; - -const transition = { - transition: "all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)" -}; - -const conatinerFluid = { - paddingRight: "15px", - paddingLeft: "15px", - marginRight: "auto", - marginLeft: "auto", - width: "100%" -}; -const container = { - ...conatinerFluid, - "@media (min-width: 576px)": { - maxWidth: "540px" - }, - "@media (min-width: 768px)": { - maxWidth: "720px" - }, - "@media (min-width: 992px)": { - maxWidth: "960px" - }, - "@media (min-width: 1200px)": { - maxWidth: "1140px" - } -}; - -const boxShadow = { - boxShadow: - "0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)" -}; - -const card = { - display: "inline-block", - position: "relative", - width: "100%", - margin: "25px 0", - boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.14)", - borderRadius: "3px", - color: "rgba(0, 0, 0, 0.87)", - background: "#fff" -}; - -const defaultFont = { - fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', - fontWeight: "300", - lineHeight: "1.5em" -}; - -const primaryColor = "#9c27b0"; -const warningColor = "#ff9800"; -const dangerColor = "#f44336"; -const successColor = "#4caf50"; -const infoColor = "#00acc1"; -const roseColor = "#e91e63"; -const grayColor = "#999999"; - -const primaryBoxShadow = { - boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( - primaryColor, - 0.28 - )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( - primaryColor, - 0.2 - )}` -}; -const infoBoxShadow = { - boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( - infoColor, - 0.28 - )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( - infoColor, - 0.2 - )}` -}; -const successBoxShadow = { - boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( - successColor, - 0.28 - )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( - successColor, - 0.2 - )}` -}; -const warningBoxShadow = { - boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( - warningColor, - 0.28 - )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( - warningColor, - 0.2 - )}` -}; -const dangerBoxShadow = { - boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( - dangerColor, - 0.28 - )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( - dangerColor, - 0.2 - )}` -}; -const roseBoxShadow = { - boxShadow: `0 4px 20px 0px ${hexToRGBAlpha( - "#000", - 0.14 - )}, 0 7px 10px -5px ${hexToRGBAlpha(roseColor, 0.4)}` -}; - -const warningCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #ffa726, #fb8c00)", - ...warningBoxShadow -}; -const successCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #66bb6a, #43a047)", - ...successBoxShadow -}; -const dangerCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #ef5350, #e53935)", - ...dangerBoxShadow -}; -const infoCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #26c6da, #00acc1)", - ...infoBoxShadow -}; -const primaryCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #ab47bc, #8e24aa)", - ...primaryBoxShadow -}; -const roseCardHeader = { - color: "#fff", - background: "linear-gradient(60deg, #ec407a, #d81b60)", - ...roseBoxShadow -}; -const cardActions = { - margin: "0 20px 10px", - paddingTop: "10px", - borderTop: "1px solid #eeeeee", - height: "auto", - ...defaultFont -}; - -const cardHeader = { - margin: "-30px 15px 0", - borderRadius: "3px", - padding: "15px" -}; - -const defaultBoxShadow = { - border: "0", - borderRadius: "3px", - boxShadow: - "0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)", - padding: "10px 0", - transition: "all 150ms ease 0s" -}; - -const title = { - color: "#3C4858", - margin: "1.75rem 0 0.875rem", - textDecoration: "none", - fontWeight: "700", - fontFamily: `"Roboto Slab", "Times New Roman", serif` -}; - -const cardTitle = { - ...title, - marginTop: ".625rem" -}; - -const cardLink = { - "& + $cardLink": { - marginLeft: "1.25rem" - } -}; - -const cardSubtitle = { - marginBottom: "0", - marginTop: "-.375rem" -}; - -export { - hexToRGBAlpha, - //variables - drawerWidth, - transition, - container, - conatinerFluid, - boxShadow, - card, - defaultFont, - primaryColor, - warningColor, - dangerColor, - successColor, - infoColor, - roseColor, - grayColor, - primaryBoxShadow, - infoBoxShadow, - successBoxShadow, - warningBoxShadow, - dangerBoxShadow, - roseBoxShadow, - warningCardHeader, - successCardHeader, - dangerCardHeader, - infoCardHeader, - primaryCardHeader, - roseCardHeader, - cardActions, - cardHeader, - defaultBoxShadow, - title, - cardTitle, - cardLink, - cardSubtitle -}; + const hexColorToRGB = function(hexColor) { + let detectShorthand = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; // #000 vs #000000 + hexColor = hexColor.replace(detectShorthand, function(m, r, g, b) { + return r + r + g + g + b + b; + }); + + const hex_array = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexColor); // #000000 to #ffffff + return hex_array + ? { + r: parseInt(hex_array[1], 16), // 0-255 + g: parseInt(hex_array[2], 16), // 0-255 + b: parseInt(hex_array[3], 16) // 0-255 + } + : null; + }; + + const hexToRGBAlpha = function(hexColor, alpha) { + let rgb = hexColorToRGB(hexColor); + return `rgba(${rgb.r},${rgb.g},${rgb.b},${alpha})`; + }; + + const drawerWidth = 260; + + const transition = { + transition: "all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)" + }; + + const conatinerFluid = { + paddingRight: "15px", + paddingLeft: "15px", + marginRight: "auto", + marginLeft: "auto", + width: "100%" + }; + const container = { + ...conatinerFluid, + "@media (min-width: 576px)": { + maxWidth: "540px" + }, + "@media (min-width: 768px)": { + maxWidth: "720px" + }, + "@media (min-width: 992px)": { + maxWidth: "960px" + }, + "@media (min-width: 1200px)": { + maxWidth: "1140px" + } + }; + + const boxShadow = { + boxShadow: + "0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)" + }; + + const card = { + display: "inline-block", + position: "relative", + width: "100%", + margin: "25px 0", + boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.14)", + borderRadius: "3px", + color: "rgba(0, 0, 0, 0.87)", + background: "#fff" + }; + + const defaultFont = { + fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', + fontWeight: "300", + lineHeight: "1.5em" + }; + + const primaryColor = "#9c27b0"; + const warningColor = "#ff9800"; + const dangerColor = "#f44336"; + const successColor = "#4caf50"; + const infoColor = "#00acc1"; + const roseColor = "#e91e63"; + const grayColor = "#999999"; + + const primaryBoxShadow = { + boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( + primaryColor, + 0.28 + )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( + primaryColor, + 0.2 + )}` + }; + const infoBoxShadow = { + boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( + infoColor, + 0.28 + )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( + infoColor, + 0.2 + )}` + }; + const successBoxShadow = { + boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( + successColor, + 0.28 + )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( + successColor, + 0.2 + )}` + }; + const warningBoxShadow = { + boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( + warningColor, + 0.28 + )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( + warningColor, + 0.2 + )}` + }; + const dangerBoxShadow = { + boxShadow: `0 12px 20px -10px ${hexToRGBAlpha( + dangerColor, + 0.28 + )}, 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px ${hexToRGBAlpha( + dangerColor, + 0.2 + )}` + }; + const roseBoxShadow = { + boxShadow: `0 4px 20px 0px ${hexToRGBAlpha( + "#000", + 0.14 + )}, 0 7px 10px -5px ${hexToRGBAlpha(roseColor, 0.4)}` + }; + + const warningCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #ffa726, #fb8c00)", + ...warningBoxShadow + }; + const successCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #66bb6a, #43a047)", + ...successBoxShadow + }; + const dangerCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #ef5350, #e53935)", + ...dangerBoxShadow + }; + const infoCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #26c6da, #00acc1)", + ...infoBoxShadow + }; + const primaryCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #ab47bc, #8e24aa)", + ...primaryBoxShadow + }; + const roseCardHeader = { + color: "#fff", + background: "linear-gradient(60deg, #ec407a, #d81b60)", + ...roseBoxShadow + }; + const cardActions = { + margin: "0 20px 10px", + paddingTop: "10px", + borderTop: "1px solid #eeeeee", + height: "auto", + ...defaultFont + }; + + const cardHeader = { + margin: "-30px 15px 0", + borderRadius: "3px", + padding: "15px" + }; + + const defaultBoxShadow = { + border: "0", + borderRadius: "3px", + boxShadow: + "0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)", + padding: "10px 0", + transition: "all 150ms ease 0s" + }; + + const title = { + color: "#3C4858", + margin: "1.75rem 0 0.875rem", + textDecoration: "none", + fontWeight: "700", + fontFamily: `"Roboto Slab", "Times New Roman", serif` + }; + + const cardTitle = { + ...title, + marginTop: ".625rem" + }; + + const cardLink = { + "& + $cardLink": { + marginLeft: "1.25rem" + } + }; + + const cardSubtitle = { + marginBottom: "0", + marginTop: "-.375rem" + }; + + export { + hexToRGBAlpha, + //variables + drawerWidth, + transition, + container, + conatinerFluid, + boxShadow, + card, + defaultFont, + primaryColor, + warningColor, + dangerColor, + successColor, + infoColor, + roseColor, + grayColor, + primaryBoxShadow, + infoBoxShadow, + successBoxShadow, + warningBoxShadow, + dangerBoxShadow, + roseBoxShadow, + warningCardHeader, + successCardHeader, + dangerCardHeader, + infoCardHeader, + primaryCardHeader, + roseCardHeader, + cardActions, + cardHeader, + defaultBoxShadow, + title, + cardTitle, + cardLink, + cardSubtitle + }; \ No newline at end of file diff --git a/components/Header/HeaderLinks.js b/components/Header/HeaderLinks.js index c658909..18628a4 100644 --- a/components/Header/HeaderLinks.js +++ b/components/Header/HeaderLinks.js @@ -7,6 +7,7 @@ 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 People from "@material-ui/core/People"; import Chart from "@material-ui/icons/LocalGroceryStore"; // @material-ui/icons @@ -73,7 +74,7 @@ export default function HeaderLinks(props) { wallet_travel Career - + {/* Ketty Resto, ]} /> - + */} + + diff --git a/pages-sections/yamaha/cart/checkout.js b/pages-sections/yamaha/cart/checkout.js index d2c94f0..7a9073a 100644 --- a/pages-sections/yamaha/cart/checkout.js +++ b/pages-sections/yamaha/cart/checkout.js @@ -1,20 +1,15 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; +import { MDBJumbotron, MDBContainer } from "mdbreact"; import clsx from 'clsx'; import SnackbarContent from "components/Snackbar/SnackbarContent.js"; import Button1 from "components/CustomButtons/Button.js"; import image1 from "../../../assets/img/mail.png" import GridContainer from "components/Grid/GridContainer.js"; -import Card from "components/Card/Card.js"; import classNames from "classnames"; import Icon from "@material-ui/core/Icon"; -import Stepper from '@material-ui/core/Stepper'; -import Step from '@material-ui/core/Step'; -import StepLabel from '@material-ui/core/StepLabel'; -import StepContent from '@material-ui/core/StepContent'; -import Paper from '@material-ui/core/Paper'; import Grid from '@material-ui/core/Grid'; import TextField from '@material-ui/core/TextField'; import Button from '@material-ui/core/Button'; @@ -33,8 +28,13 @@ 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 FormLabel from '@material-ui/core/FormLabel'; -import value from '@material-ui/core/FormLabel'; +import Select from '@material-ui/core/Select'; +import MenuItem from '@material-ui/core/MenuItem'; + +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"; const useStyles = makeStyles((theme) => ({ root: { @@ -97,10 +97,6 @@ const useStyles = makeStyles((theme) => ({ }, })); -function getSteps() { - return ['Alamat Pengiriman', 'Pesanan Produk', 'Metode Pembayaran']; -} - function StyledRadio(props) { const classes = useStyles(); return ( @@ -121,31 +117,13 @@ const Transition = React.forwardRef(function Transition(props, ref) { const DataCheckout = function ({ backend, checkoutproduct, ...props }) { const classes = useStyles(); - const [activeStep, setActiveStep] = React.useState(0); - const steps = getSteps(); - - const handleNext = () => { - setActiveStep((prevActiveStep) => prevActiveStep + 1); - }; - - const handleBack = () => { - setActiveStep((prevActiveStep) => prevActiveStep - 1); - }; - - const handleReset = () => { - setActiveStep(0); - }; - const [open, setOpen] = React.useState(false); - const handleClickOpen = () => { setOpen(true); }; - const handleClose = () => { setOpen(false); }; - const { ...rest } = props; const imageClasses = classNames( classes.imgRaised, @@ -154,201 +132,254 @@ const DataCheckout = function ({ backend, checkoutproduct, ...props }) { ); const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); - const CartAlamat = checkoutproduct.map((data) => { + const CheckoutAlamat = checkoutproduct.map((data) => { return (
-

-

Alamat Pengiriman

-
-
Yusmar
-
087797315685
-
Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114
+ + +
+ + Alamat Pengiriman +

+

+
Yusmar
+
087797315685
+
Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114
- - cached - Ubah Alamat - + + cached + Ubah Alamat + +
+
+
); }) - const CartProdukPesanan = checkoutproduct.map((data) => { + const CheckoutProdukPesanan = checkoutproduct.map((data) => { + const handleChange = (event) => { + setAge(event.target.value); + }; + const [age, setAge] = React.useState(''); return (
- - -
-

Produk Dipesan

- First slide -
-
- -
-









-
{data.name}
-
-
- -
-

Harga Satuan







-
Rp.{data.price}
-
-
- -
-

Jumlah Unit







-
1 Unit
-
-
- -
-

Sub Total Produk







-
Total Rp.{data.price}
-
-
-
- - - - -

- - - - - - - - - Pilih Opsi Pengiriman - - - - - - - - - - - - - - - - - -
-

- Total Rp. {data.price} -
-
-
- ); - }) - - const CartMetodePembayaran = checkoutproduct.map((data) => { - return ( -
-
- - Pilih Metode Pembayaran -

- - - - - -
- } />

- -

Bank BCA

-
-
+ + +
+ + Pesanan Produk +


+ + +
+

Produk Dipesan

+ First slide +
- - -
- } />

- -

Bank BRI

-
-
+ +
+









+
{data.name}
+
- - -
- } />

- -

Bank Mandiri

-
-
+ +
+

Warna







+ + + +
- - -
- } />

- -

Bank BNI

-
-
+ +
+

Harga Satuan







+
Rp.{data.price}
+
-
- - - -
- } />

- -

Bank BSI

-
-
+ +
+

Jumlah Unit







+ + + +
- - -
- } />

- -

Bank Permata

-
-
+ +
+

Sub Total Produk







+
Total Rp.{data.price}
+
- - -
- } />

- -

Bank Danamon

-
-
+
+ + + + +

+ + + + + + + + + Pilih Opsi Pengiriman + + + + + + + + + + + + + + + + +
- - -
- } />

- -

Bank Maybank

-
-
+

+ Total Rp. {data.price}
- - +
+
+
+
+ ); + }) + + const CheckoutMetodePembayaran = checkoutproduct.map((data) => { + return ( +
+
+ + +
+ + Pilih Metode Pembayaran +


+ + + + + +
+ } />

+ +

Bank BCA

+
+
+
+ + +
+ } />

+ +

Bank BRI

+
+
+
+ + +
+ } />

+ +

Bank Mandiri

+
+
+
+ + +
+ } />

+ +

Bank BNI

+
+
+
+
+ + + +
+ } />

+ +

Bank BSI

+
+
+
+ + +
+ } />

+ +

Bank Permata

+
+
+
+ + +
+ } />

+ +

Bank Danamon

+
+
+
+ + +
+ } />

+ +

Bank Maybank

+
+
+
+
+
+
+
+
+
); @@ -357,56 +388,35 @@ const DataCheckout = function ({ backend, checkoutproduct, ...props }) { return (
- Checkout - } - align="center" - color="danger" - /> -
- - {steps.map((label, index) => ( - - {label} - - {CartMetodePembayaran} -
-
- - -
-
-
-
- ))} -
- {activeStep === steps.length && ( - - Semua Langkah Sudah Selesai !!! - - shopping_cart - Checkout - - - restore - Reset - - - )} + Checkout + } + align="center" + color="danger" + /> +
+
+ {CheckoutAlamat} +
+
+ {CheckoutProdukPesanan} +
+
+ {CheckoutMetodePembayaran} +
+
+ + +
+ + shop + Buat Pesanan + +
+
+
+
); } diff --git a/pages-sections/yamaha/product/product.js b/pages-sections/yamaha/product/product.js index 5f140db..83434c8 100644 --- a/pages-sections/yamaha/product/product.js +++ b/pages-sections/yamaha/product/product.js @@ -43,7 +43,7 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop > open_in_newDetail Product - + + ) + }, + { + tabButton: "Alamat", + tabIcon: LocationOn, + tabContent: ( + + +
+

Alamat Saya

+ Kelola informasi Alamat Anda untuk Proses Pengirim Barang +

+
+

+ + +
+ Nama +
+
+ +
+ : Yusmar +
+
+ + +
+ + +
+ Telpon +
+
+ +
+ : 087797315685 +
+
+ + +
+ + +
+ Alamat +
+
+ +
+ : Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114 +
+
+ + +
+ +
+ ) + }, + { + tabButton: "Ubah Password", + tabIcon: Lock, + tabContent: ( + + +
+

Ubah Password

+ Untuk keamanan akun Anda, mohon untuk tidak menyebarkan password Anda ke orang lain +

+
+ + +
+

+ Password Saat Ini +
+
+ +
+ setPass(event.target.value), + type: "password", + endAdornment: ( + + + lock_outline + + + ), + autoComplete: "off", + }} + /> +
+
+ + +
+ + +
+

+ Password Baru +
+
+ +
+ setPass(event.target.value), + type: "password", + endAdornment: ( + + + lock_outline + + + ), + autoComplete: "off", + }} + /> +
+
+ + +
+ + +
+

+ Konfirmasi Password +
+
+ +
+ setPass(event.target.value), + type: "password", + endAdornment: ( + + + lock_outline + + + ), + autoComplete: "off", + }} + /> +
+
+ + +
+ +
+ ) + } + ]} + /> + +



+ + + + ); +} + +export default DataApparel; \ No newline at end of file diff --git a/pages/_(index).js b/pages/_(index).js index 8231e6b..57882df 100644 --- a/pages/_(index).js +++ b/pages/_(index).js @@ -3,7 +3,7 @@ import Router from "next/router"; export default class Index extends Component { componentDidMount = () => { - Router.push("/yamaha/home"); + Router.push("/suzuki/home"); }; render() { diff --git a/pages/yamaha/home.js b/pages/yamaha/home.js index cd2ec84..198fb87 100644 --- a/pages/yamaha/home.js +++ b/pages/yamaha/home.js @@ -50,7 +50,7 @@ const Home = function ({ />
- + {/* */} @@ -91,12 +91,12 @@ export async function getServerSideProps(context) { businessPartners = res["DATA"]["businessPartners"]; } - var res = await Getservices.Getservices(); + var res = await Getservices.GetservicesYamaha(); if (res["STATUS"] === 1) { service = res["DATA"]["services"]; } - var res = await Getcarousels.GetCarousels(); + var res = await Getcarousels.GetCarouselsYamaha(); if (res["STATUS"] === 1) { carousel = res["DATA"]["carousels"]; } diff --git a/pages/yamaha/login.js b/pages/yamaha/login.js index b3b8fb1..7391af4 100644 --- a/pages/yamaha/login.js +++ b/pages/yamaha/login.js @@ -86,7 +86,7 @@ export default function LoginPage(props) { {error} -
} {...rest} /> + {/*
} {...rest} /> */}
- +

Login

-
- - - -
-

Welcome to Thamrin Brothers

+

Selamat Datang di Halaman Login Thamrin Brothers

Login +
diff --git a/pages/yamaha/profile/profile.js b/pages/yamaha/profile/profile.js new file mode 100644 index 0000000..c6fb70f --- /dev/null +++ b/pages/yamaha/profile/profile.js @@ -0,0 +1,47 @@ +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 DataProfile from "../../../pages-sections/yamaha/profile/profile.js" +import Cookies from "cookies"; + +const useStyles = makeStyles(styles); +const Home = function ({ + backend, + businessPartners, + service, + carousel, + ...props + }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ +
+
+
+ ); +}; +export default Home; diff --git a/pages/yamaha/register.js b/pages/yamaha/register.js new file mode 100644 index 0000000..1d4f40b --- /dev/null +++ b/pages/yamaha/register.js @@ -0,0 +1,218 @@ +import React from "react"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +import InputAdornment from "@material-ui/core/InputAdornment"; +import Icon from "@material-ui/core/Icon"; +// @material-ui/icons +import Email from "@material-ui/icons/Email"; +import Event from "@material-ui/icons/Event"; +import People from "@material-ui/icons/People"; +// core components +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import GridContainer from "components/Grid/GridContainer.js"; +import GridItem from "components/Grid/GridItem.js"; +import Button from "components/CustomButtons/Button.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 CustomInput from "components/CustomInput/CustomInput.js"; + +import styles from "assets/jss/nextjs-material-kit/pages/loginPage.js"; + +import image from "assets/img/bgtbg.jpg"; + +import Collapse from "@material-ui/core/Collapse"; +import Alert from "@material-ui/lab/Alert"; +import IconButton from "@material-ui/core/IconButton"; +import CloseIcon from "@material-ui/icons/Close"; +import { useRouter } from "next/router"; +const useStyles = makeStyles(styles); + +export default function RegisterPage(props) { + const [cardAnimaton, setCardAnimation] = React.useState("cardHidden"); + const [first_name] = React.useState(""); + const [last_name] = React.useState(""); + const [date_birth, setDate] = React.useState(""); + const [email, setEmail] = React.useState(""); + const [pass, setPass] = React.useState(""); + const [open, setOpen] = React.useState(false); + const [error, setError] = React.useState(""); + const router = useRouter(); + setTimeout(function () { + setCardAnimation(""); + }, 700); + const classes = useStyles(); + const { ...rest } = props; + + const submitHandler = async (event) => { + event.preventDefault(); + const res = await fetch("../api/auth/login", { + body: JSON.stringify({ + partner: "yamaha", + first_name: first_name, + last_name: last_name, + date_birth: date_birth, + email: email, + pass: pass, + }), + headers: { + "Content-Type": "application/json", + }, + method: "POST", + }); + // console.log("res", res.S); + if (res.ok) { + router.push("/yamaha/home"); + } else { + setError(await res.text()); + setOpen(true); + } + }; + + return ( +
+ + { + setOpen(false); + }} + > + + + } + > + {error} + + + {/*
} {...rest} /> */} +
+
+ + + +
+ +

Register

+
+

Selamat Datang di Halaman Register Thamrin Brothers

+ + + + + ), + }} + /> + + + + ), + }} + /> + {/* setDate(event.target.value), + endAdornment: ( + + + + ), + }} + /> */} + setEmail(event.target.value), + endAdornment: ( + + + + ), + }} + /> + setPass(event.target.value), + type: "password", + endAdornment: ( + + + lock_outline + + + ), + autoComplete: "off", + }} + /> + +

+ + + +
+
+
+
+
+
+
+ ); +}