From f91ad39ad1c061691a202050292d6271f7e821fb Mon Sep 17 00:00:00 2001 From: Yusmardianto Date: Tue, 23 Mar 2021 10:47:24 +0700 Subject: [PATCH] refactor direktory yamaha domain --- components/Header/HeaderLinks.js | 26 +- pages-sections/SectionLogin.js | 116 ------- pages-sections/about_us/about_us.js | 41 --- pages-sections/about_us/penghargaan.js | 41 --- pages-sections/about_us/profile.js | 41 --- pages-sections/about_us/saham.js | 41 --- pages-sections/about_us/sejarah.js | 41 --- pages-sections/about_us/struktur_organisasi.js | 41 --- pages-sections/about_us/tata_kelola.js | 41 --- pages-sections/about_us/tugas_fungsi.js | 41 --- pages-sections/carrer/carrer.js | 157 --------- pages-sections/carrer/carrer_details.js | 69 ---- pages-sections/dealers/dealers.js | 72 ---- pages-sections/home/business_partner.js | 47 --- pages-sections/home/carousel.js | 61 ---- pages-sections/home/core_value.js | 50 --- pages-sections/home/feature.js | 119 ------- pages-sections/home/service.js | 46 --- pages-sections/home/sosmed.js | 90 ----- pages-sections/latest_news/news.js | 66 ---- pages-sections/latest_news/news_details.js | 96 ------ pages-sections/product/accessories.js | 75 ----- pages-sections/product/accessories_details.js | 109 ------- pages-sections/product/apparel.js | 132 -------- pages-sections/product/apparel_details.js | 98 ------ pages-sections/product/helmet.js | 354 -------------------- pages-sections/product/helmet_details.js | 109 ------- pages-sections/product/product.js | 326 ------------------- pages-sections/product/product_details.js | 157 --------- pages-sections/product/yamalube.js | 76 ----- pages-sections/product/yamalube_details.js | 109 ------- pages-sections/product/ygp.js | 76 ----- pages-sections/product/ygp_details.js | 86 ----- pages-sections/snackbar.js | 31 -- pages-sections/yamaha/SectionLogin.js | 116 +++++++ pages-sections/yamaha/about_us/about_us.js | 41 +++ pages-sections/yamaha/about_us/penghargaan.js | 41 +++ pages-sections/yamaha/about_us/profile.js | 41 +++ pages-sections/yamaha/about_us/saham.js | 41 +++ pages-sections/yamaha/about_us/sejarah.js | 41 +++ .../yamaha/about_us/struktur_organisasi.js | 41 +++ pages-sections/yamaha/about_us/tata_kelola.js | 41 +++ pages-sections/yamaha/about_us/tugas_fungsi.js | 41 +++ pages-sections/yamaha/carrer/carrer.js | 157 +++++++++ pages-sections/yamaha/carrer/carrer_details.js | 69 ++++ pages-sections/yamaha/dealers/dealers.js | 72 ++++ pages-sections/yamaha/home/business_partner.js | 47 +++ pages-sections/yamaha/home/carousel.js | 61 ++++ pages-sections/yamaha/home/core_value.js | 50 +++ pages-sections/yamaha/home/feature.js | 119 +++++++ pages-sections/yamaha/home/service.js | 46 +++ pages-sections/yamaha/home/sosmed.js | 90 +++++ pages-sections/yamaha/latest_news/news.js | 66 ++++ pages-sections/yamaha/latest_news/news_details.js | 96 ++++++ pages-sections/yamaha/product/accessories.js | 75 +++++ .../yamaha/product/accessories_details.js | 109 +++++++ pages-sections/yamaha/product/apparel.js | 132 ++++++++ pages-sections/yamaha/product/apparel_details.js | 98 ++++++ pages-sections/yamaha/product/helmet.js | 361 +++++++++++++++++++++ pages-sections/yamaha/product/helmet_details.js | 109 +++++++ pages-sections/yamaha/product/product.js | 326 +++++++++++++++++++ pages-sections/yamaha/product/product_details.js | 157 +++++++++ pages-sections/yamaha/product/yamalube.js | 76 +++++ pages-sections/yamaha/product/yamalube_details.js | 109 +++++++ pages-sections/yamaha/product/ygp.js | 76 +++++ pages-sections/yamaha/product/ygp_details.js | 86 +++++ pages-sections/yamaha/snackbar.js | 31 ++ pages/abous_us/aboutus.js | 58 ---- pages/abous_us/penghargaan.js | 58 ---- pages/abous_us/profile.js | 58 ---- pages/abous_us/saham.js | 58 ---- pages/abous_us/sejarah.js | 58 ---- pages/abous_us/struktur_organisasi.js | 58 ---- pages/abous_us/tata_kelola.js | 58 ---- pages/abous_us/tugas_fungsi.js | 58 ---- pages/carrer.js | 66 ---- pages/carrer_details.js | 56 ---- pages/cart.js | 36 -- pages/dealers.js | 74 ----- pages/home.js | 87 ----- pages/index.js | 4 +- pages/latestnews.js | 56 ---- pages/latestnews_details.js | 63 ---- pages/login.js | 138 -------- pages/product/accessories.js | 72 ---- pages/product/accessories_details.js | 55 ---- pages/product/apparel.js | 135 -------- pages/product/apparel_details.js | 54 --- pages/product/helmet.js | 135 -------- pages/product/helmet_details.js | 55 ---- pages/product/product.js | 129 -------- pages/product/product_detail.js | 54 --- pages/product/yamalube.js | 73 ----- pages/product/yamalube_details.js | 54 --- pages/product/ygp.js | 74 ----- pages/product/ygp_details.js | 54 --- pages/suzuki/_app.js | 48 +++ pages/suzuki/_document.js | 89 +++++ pages/suzuki/_error.js | 12 + pages/suzuki/abous_us/aboutus.js | 58 ++++ pages/suzuki/abous_us/penghargaan.js | 58 ++++ pages/suzuki/abous_us/profile.js | 58 ++++ pages/suzuki/abous_us/saham.js | 58 ++++ pages/suzuki/abous_us/sejarah.js | 58 ++++ pages/suzuki/abous_us/struktur_organisasi.js | 58 ++++ pages/suzuki/abous_us/tata_kelola.js | 58 ++++ pages/suzuki/abous_us/tugas_fungsi.js | 58 ++++ pages/suzuki/api/product/get.js | 27 ++ pages/suzuki/carrer.js | 66 ++++ pages/suzuki/carrer_details.js | 56 ++++ pages/suzuki/cart.js | 36 ++ pages/suzuki/dealers.js | 74 +++++ pages/suzuki/home.js | 87 +++++ pages/suzuki/index.js | 12 + pages/suzuki/latestnews.js | 56 ++++ pages/suzuki/latestnews_details.js | 63 ++++ pages/suzuki/login.js | 138 ++++++++ pages/suzuki/product/accessories.js | 72 ++++ pages/suzuki/product/accessories_details.js | 55 ++++ pages/suzuki/product/apparel.js | 135 ++++++++ pages/suzuki/product/apparel_details.js | 54 +++ pages/suzuki/product/helmet.js | 135 ++++++++ pages/suzuki/product/helmet_details.js | 55 ++++ pages/suzuki/product/product.js | 129 ++++++++ pages/suzuki/product/product_detail.js | 54 +++ pages/suzuki/product/yamalube.js | 73 +++++ pages/suzuki/product/yamalube_details.js | 54 +++ pages/suzuki/product/ygp.js | 74 +++++ pages/suzuki/product/ygp_details.js | 54 +++ pages/yamaha/abous_us/aboutus.js | 58 ++++ pages/yamaha/abous_us/penghargaan.js | 58 ++++ pages/yamaha/abous_us/profile.js | 58 ++++ pages/yamaha/abous_us/saham.js | 58 ++++ pages/yamaha/abous_us/sejarah.js | 58 ++++ pages/yamaha/abous_us/struktur_organisasi.js | 58 ++++ pages/yamaha/abous_us/tata_kelola.js | 58 ++++ pages/yamaha/abous_us/tugas_fungsi.js | 58 ++++ pages/yamaha/carrer.js | 66 ++++ pages/yamaha/carrer_details.js | 56 ++++ pages/yamaha/cart.js | 36 ++ pages/yamaha/dealers.js | 74 +++++ pages/yamaha/home.js | 87 +++++ pages/yamaha/latestnews.js | 56 ++++ pages/yamaha/latestnews_details.js | 63 ++++ pages/yamaha/login.js | 138 ++++++++ pages/yamaha/product/accessories.js | 72 ++++ pages/yamaha/product/accessories_details.js | 55 ++++ pages/yamaha/product/apparel.js | 135 ++++++++ pages/yamaha/product/apparel_details.js | 54 +++ pages/yamaha/product/helmet.js | 135 ++++++++ pages/yamaha/product/helmet_details.js | 55 ++++ pages/yamaha/product/product.js | 129 ++++++++ pages/yamaha/product/product_detail.js | 54 +++ pages/yamaha/product/yamalube.js | 73 +++++ pages/yamaha/product/yamalube_details.js | 54 +++ pages/yamaha/product/ygp.js | 74 +++++ pages/yamaha/product/ygp_details.js | 54 +++ 157 files changed, 7233 insertions(+), 5054 deletions(-) delete mode 100644 pages-sections/SectionLogin.js delete mode 100644 pages-sections/about_us/about_us.js delete mode 100644 pages-sections/about_us/penghargaan.js delete mode 100644 pages-sections/about_us/profile.js delete mode 100644 pages-sections/about_us/saham.js delete mode 100644 pages-sections/about_us/sejarah.js delete mode 100644 pages-sections/about_us/struktur_organisasi.js delete mode 100644 pages-sections/about_us/tata_kelola.js delete mode 100644 pages-sections/about_us/tugas_fungsi.js delete mode 100644 pages-sections/carrer/carrer.js delete mode 100644 pages-sections/carrer/carrer_details.js delete mode 100644 pages-sections/dealers/dealers.js delete mode 100644 pages-sections/home/business_partner.js delete mode 100644 pages-sections/home/carousel.js delete mode 100644 pages-sections/home/core_value.js delete mode 100644 pages-sections/home/feature.js delete mode 100644 pages-sections/home/service.js delete mode 100644 pages-sections/home/sosmed.js delete mode 100644 pages-sections/latest_news/news.js delete mode 100644 pages-sections/latest_news/news_details.js delete mode 100644 pages-sections/product/accessories.js delete mode 100644 pages-sections/product/accessories_details.js delete mode 100644 pages-sections/product/apparel.js delete mode 100644 pages-sections/product/apparel_details.js delete mode 100644 pages-sections/product/helmet.js delete mode 100644 pages-sections/product/helmet_details.js delete mode 100644 pages-sections/product/product.js delete mode 100644 pages-sections/product/product_details.js delete mode 100644 pages-sections/product/yamalube.js delete mode 100644 pages-sections/product/yamalube_details.js delete mode 100644 pages-sections/product/ygp.js delete mode 100644 pages-sections/product/ygp_details.js delete mode 100644 pages-sections/snackbar.js create mode 100644 pages-sections/yamaha/SectionLogin.js create mode 100644 pages-sections/yamaha/about_us/about_us.js create mode 100644 pages-sections/yamaha/about_us/penghargaan.js create mode 100644 pages-sections/yamaha/about_us/profile.js create mode 100644 pages-sections/yamaha/about_us/saham.js create mode 100644 pages-sections/yamaha/about_us/sejarah.js create mode 100644 pages-sections/yamaha/about_us/struktur_organisasi.js create mode 100644 pages-sections/yamaha/about_us/tata_kelola.js create mode 100644 pages-sections/yamaha/about_us/tugas_fungsi.js create mode 100644 pages-sections/yamaha/carrer/carrer.js create mode 100644 pages-sections/yamaha/carrer/carrer_details.js create mode 100644 pages-sections/yamaha/dealers/dealers.js create mode 100644 pages-sections/yamaha/home/business_partner.js create mode 100644 pages-sections/yamaha/home/carousel.js create mode 100644 pages-sections/yamaha/home/core_value.js create mode 100644 pages-sections/yamaha/home/feature.js create mode 100644 pages-sections/yamaha/home/service.js create mode 100644 pages-sections/yamaha/home/sosmed.js create mode 100644 pages-sections/yamaha/latest_news/news.js create mode 100644 pages-sections/yamaha/latest_news/news_details.js create mode 100644 pages-sections/yamaha/product/accessories.js create mode 100644 pages-sections/yamaha/product/accessories_details.js create mode 100644 pages-sections/yamaha/product/apparel.js create mode 100644 pages-sections/yamaha/product/apparel_details.js create mode 100644 pages-sections/yamaha/product/helmet.js create mode 100644 pages-sections/yamaha/product/helmet_details.js create mode 100644 pages-sections/yamaha/product/product.js create mode 100644 pages-sections/yamaha/product/product_details.js create mode 100644 pages-sections/yamaha/product/yamalube.js create mode 100644 pages-sections/yamaha/product/yamalube_details.js create mode 100644 pages-sections/yamaha/product/ygp.js create mode 100644 pages-sections/yamaha/product/ygp_details.js create mode 100644 pages-sections/yamaha/snackbar.js delete mode 100644 pages/abous_us/aboutus.js delete mode 100644 pages/abous_us/penghargaan.js delete mode 100644 pages/abous_us/profile.js delete mode 100644 pages/abous_us/saham.js delete mode 100644 pages/abous_us/sejarah.js delete mode 100644 pages/abous_us/struktur_organisasi.js delete mode 100644 pages/abous_us/tata_kelola.js delete mode 100644 pages/abous_us/tugas_fungsi.js delete mode 100644 pages/carrer.js delete mode 100644 pages/carrer_details.js delete mode 100644 pages/cart.js delete mode 100644 pages/dealers.js delete mode 100644 pages/home.js delete mode 100644 pages/latestnews.js delete mode 100644 pages/latestnews_details.js delete mode 100644 pages/login.js delete mode 100644 pages/product/accessories.js delete mode 100644 pages/product/accessories_details.js delete mode 100644 pages/product/apparel.js delete mode 100644 pages/product/apparel_details.js delete mode 100644 pages/product/helmet.js delete mode 100644 pages/product/helmet_details.js delete mode 100644 pages/product/product.js delete mode 100644 pages/product/product_detail.js delete mode 100644 pages/product/yamalube.js delete mode 100644 pages/product/yamalube_details.js delete mode 100644 pages/product/ygp.js delete mode 100644 pages/product/ygp_details.js create mode 100644 pages/suzuki/_app.js create mode 100644 pages/suzuki/_document.js create mode 100644 pages/suzuki/_error.js create mode 100644 pages/suzuki/abous_us/aboutus.js create mode 100644 pages/suzuki/abous_us/penghargaan.js create mode 100644 pages/suzuki/abous_us/profile.js create mode 100644 pages/suzuki/abous_us/saham.js create mode 100644 pages/suzuki/abous_us/sejarah.js create mode 100644 pages/suzuki/abous_us/struktur_organisasi.js create mode 100644 pages/suzuki/abous_us/tata_kelola.js create mode 100644 pages/suzuki/abous_us/tugas_fungsi.js create mode 100644 pages/suzuki/api/product/get.js create mode 100644 pages/suzuki/carrer.js create mode 100644 pages/suzuki/carrer_details.js create mode 100644 pages/suzuki/cart.js create mode 100644 pages/suzuki/dealers.js create mode 100644 pages/suzuki/home.js create mode 100644 pages/suzuki/index.js create mode 100644 pages/suzuki/latestnews.js create mode 100644 pages/suzuki/latestnews_details.js create mode 100644 pages/suzuki/login.js create mode 100644 pages/suzuki/product/accessories.js create mode 100644 pages/suzuki/product/accessories_details.js create mode 100644 pages/suzuki/product/apparel.js create mode 100644 pages/suzuki/product/apparel_details.js create mode 100644 pages/suzuki/product/helmet.js create mode 100644 pages/suzuki/product/helmet_details.js create mode 100644 pages/suzuki/product/product.js create mode 100644 pages/suzuki/product/product_detail.js create mode 100644 pages/suzuki/product/yamalube.js create mode 100644 pages/suzuki/product/yamalube_details.js create mode 100644 pages/suzuki/product/ygp.js create mode 100644 pages/suzuki/product/ygp_details.js create mode 100644 pages/yamaha/abous_us/aboutus.js create mode 100644 pages/yamaha/abous_us/penghargaan.js create mode 100644 pages/yamaha/abous_us/profile.js create mode 100644 pages/yamaha/abous_us/saham.js create mode 100644 pages/yamaha/abous_us/sejarah.js create mode 100644 pages/yamaha/abous_us/struktur_organisasi.js create mode 100644 pages/yamaha/abous_us/tata_kelola.js create mode 100644 pages/yamaha/abous_us/tugas_fungsi.js create mode 100644 pages/yamaha/carrer.js create mode 100644 pages/yamaha/carrer_details.js create mode 100644 pages/yamaha/cart.js create mode 100644 pages/yamaha/dealers.js create mode 100644 pages/yamaha/home.js create mode 100644 pages/yamaha/latestnews.js create mode 100644 pages/yamaha/latestnews_details.js create mode 100644 pages/yamaha/login.js create mode 100644 pages/yamaha/product/accessories.js create mode 100644 pages/yamaha/product/accessories_details.js create mode 100644 pages/yamaha/product/apparel.js create mode 100644 pages/yamaha/product/apparel_details.js create mode 100644 pages/yamaha/product/helmet.js create mode 100644 pages/yamaha/product/helmet_details.js create mode 100644 pages/yamaha/product/product.js create mode 100644 pages/yamaha/product/product_detail.js create mode 100644 pages/yamaha/product/yamalube.js create mode 100644 pages/yamaha/product/yamalube_details.js create mode 100644 pages/yamaha/product/ygp.js create mode 100644 pages/yamaha/product/ygp_details.js diff --git a/components/Header/HeaderLinks.js b/components/Header/HeaderLinks.js index f798b68..de9e5dc 100644 --- a/components/Header/HeaderLinks.js +++ b/components/Header/HeaderLinks.js @@ -24,7 +24,7 @@ export default function HeaderLinks(props) { return ( - + @@ -50,42 +50,42 @@ export default function HeaderLinks(props) { }} buttonIcon={Apps} dropdownList={[ - + Motor , - + YGP , - + Yamalube , - + Helmet , - + Apparel , - + Accessories , Service , - + Dealers , ]} /> - + - @@ -135,7 +135,7 @@ export default function HeaderLinks(props) { - - - - -

Welcome to Thamrin Brothers

- - - - - ) - }} - /> - - - lock_outline - - - ), - autoComplete: "off" - }} - /> - - - - - - - - - - - ); -} diff --git a/pages-sections/about_us/about_us.js b/pages-sections/about_us/about_us.js deleted file mode 100644 index 4485257..0000000 --- a/pages-sections/about_us/about_us.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

About Us

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataAboutUS; \ No newline at end of file diff --git a/pages-sections/about_us/penghargaan.js b/pages-sections/about_us/penghargaan.js deleted file mode 100644 index d5f9b5d..0000000 --- a/pages-sections/about_us/penghargaan.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Penghargaan Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataPenghargaan; \ No newline at end of file diff --git a/pages-sections/about_us/profile.js b/pages-sections/about_us/profile.js deleted file mode 100644 index 9531757..0000000 --- a/pages-sections/about_us/profile.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Profile Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataProfile; \ No newline at end of file diff --git a/pages-sections/about_us/saham.js b/pages-sections/about_us/saham.js deleted file mode 100644 index ce6e7f3..0000000 --- a/pages-sections/about_us/saham.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Kepemilikan Saham Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataSaham; \ No newline at end of file diff --git a/pages-sections/about_us/sejarah.js b/pages-sections/about_us/sejarah.js deleted file mode 100644 index cb57d58..0000000 --- a/pages-sections/about_us/sejarah.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Sejarah Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataSejarah; \ No newline at end of file diff --git a/pages-sections/about_us/struktur_organisasi.js b/pages-sections/about_us/struktur_organisasi.js deleted file mode 100644 index 8eac41d..0000000 --- a/pages-sections/about_us/struktur_organisasi.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Struktur Organisasi Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataStrukturOrganisasi; \ No newline at end of file diff --git a/pages-sections/about_us/tata_kelola.js b/pages-sections/about_us/tata_kelola.js deleted file mode 100644 index 952475c..0000000 --- a/pages-sections/about_us/tata_kelola.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Tata Kelola Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataTataKelola; \ No newline at end of file diff --git a/pages-sections/about_us/tugas_fungsi.js b/pages-sections/about_us/tugas_fungsi.js deleted file mode 100644 index 4f65e2d..0000000 --- a/pages-sections/about_us/tugas_fungsi.js +++ /dev/null @@ -1,41 +0,0 @@ -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 ( -
- -
- - - -
- -
- -
-

Tugas & Fungsi Thamrin Group

-

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

-

Visi

-

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

-

Misi

-

1. Melayani 21,7 juta pelanggan di tahun 2022

-

2. Mengembangkan pemimpin yang sukses

-

3. Mengelola proses administrasi yang simple & excellent

-

4. Mendukung continuous improvement

- - -
- ); -} - -export default DataTugasFungsi; \ No newline at end of file diff --git a/pages-sections/carrer/carrer.js b/pages-sections/carrer/carrer.js deleted file mode 100644 index 9b05ae4..0000000 --- a/pages-sections/carrer/carrer.js +++ /dev/null @@ -1,157 +0,0 @@ -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 ( - - -
{data.name}
 - - - Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} - - - - - ); - }) - const CarrerD3 = d3.map((data) => { - return ( - - - {data.name} - - - Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} - - - - - ); - }) - const CarrerSMA = sma.map((data) => { - return ( - - - {data.name} - - - Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} - - - - - ); - }) - return ( - -
- Product -
- -
-

Carrer & Job Vacancies

-
- - - - {CarrerS1}{CarrerS1}{CarrerS1} - - ), - }, - { - tabButton: "D3", - tabIcon: Dashboard, - tabContent: ( - - {CarrerD3} - {CarrerD3} - - ), - }, - { - tabButton: "SMA / SMK ", - tabIcon: Dashboard, - tabContent: ( - - {CarrerSMA} - - ), - }, - { - tabButton: "Recruitment Process", - tabIcon: Dashboard, - tabContent: ( - - -
- ... -
- - - ), - }, - ]} - /> - - - - - ); -} - -export default DataCarrers; \ No newline at end of file diff --git a/pages-sections/carrer/carrer_details.js b/pages-sections/carrer/carrer_details.js deleted file mode 100644 index 4feb2ab..0000000 --- a/pages-sections/carrer/carrer_details.js +++ /dev/null @@ -1,69 +0,0 @@ -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 ( - - -
-
-
- - - - - First slide - - - - -
-
-
- - -

{data.name}

-

{data.published_at}

-
-
-

{ReactHtmlParser(data.description)}

-
- - - ); - }) - return ( -
- {carrer} -
- ); -} - -export default DataCarrer; \ No newline at end of file diff --git a/pages-sections/dealers/dealers.js b/pages-sections/dealers/dealers.js deleted file mode 100644 index 2c3f4ef..0000000 --- a/pages-sections/dealers/dealers.js +++ /dev/null @@ -1,72 +0,0 @@ -import React from "react"; -import { makeStyles } from "@material-ui/core/styles"; -import Select from 'react-select'; - -import GridContainer from "components/Grid/GridContainer.js"; -import Grid from '@material-ui/core/Grid'; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import CardHeader from "components/Card/CardHeader.js"; -import Quote from "components/Typography/Quote.js" -import Icon from "@material-ui/core/Icon"; -import Button from "components/CustomButtons/Button.js"; -import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; - -const useStyles = makeStyles(styles); -const DataDealer = function ({ selected, handleName, backend, dealers, ...props }) { - const classes = useStyles(); - - const Dealers = dealers.map((data) => { - return ( -
- - -
{data.name}
 - - - -
- -
- - - -
- ); - }) - return ( -
- - -
-

Yamaha Dealers

- i.id==selected):null} - getOptionLabel={option => `${option.name}`} - getOptionValue={option => option.id} - options={accessories} - isMulti - instanceId="name" - placeholder="filter by Nama Part" - onChange={values => handleName(values)} - /> -

- - {ProductAccessories} - {ProductAccessories} - -
- - -
- ); -} - -export default DataAccessories; \ No newline at end of file diff --git a/pages-sections/product/accessories_details.js b/pages-sections/product/accessories_details.js deleted file mode 100644 index e7a326e..0000000 --- a/pages-sections/product/accessories_details.js +++ /dev/null @@ -1,109 +0,0 @@ -import React, { useState, useEffect } from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import ReactHtmlParser from "react-html-parser"; -import Dashboard from "@material-ui/icons/Dashboard"; -import Icon from "@material-ui/core/Icon"; - -import GridContainer from "components/Grid/GridContainer.js"; -import Grid from '@material-ui/core/Grid'; -import GridItem from "components/Grid/GridItem.js"; -import NavPills from "components/NavPills/NavPills.js"; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import CardHeader from "components/Card/CardHeader.js"; -import 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 Carousel from "react-slick"; - -const useStyles = makeStyles(styles); - -const DetailDataAccessories = function ({ backend, detailaccessories, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - 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 Accessoriesdetails = detailaccessories.map((data) => { - return ( -
- - -
-
-
- - - - - First slide - - - - -
-
-
- - -

{data.name}

-

Rp.{data.price}

-
-
    -

  • Stock : {data.stock}

    • -

  • Part Code : {data.part_code}

    • -
- - - - - - - - - - - - - -
-
-

Deskripsi

-
-
-

{ReactHtmlParser(data.description)}

-
-
- ); - }) - return ( - -
- Product Detail -
- -
- {Accessoriesdetails} -
- - - © 2020 , All Right Reserved by @Thamrin Brother Company - - - ); -} - -export default DetailDataAccessories; \ No newline at end of file diff --git a/pages-sections/product/apparel.js b/pages-sections/product/apparel.js deleted file mode 100644 index 53f4383..0000000 --- a/pages-sections/product/apparel.js +++ /dev/null @@ -1,132 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import Select from 'react-select'; - -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"; -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"; - -const useStyles = makeStyles(styles); - -const DataApparel = function ({ selected, handleName, backend, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - const imageClasses = classNames( - classes.imgRaised, - classes.imgRoundedCircle, - classes.imgFluid - ); - const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); - const ProductApparelRCon = apparel.map((data) => { - return ( -
- - -
- ... -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const ProductApparelAsia = asia.map((data) => { - return ( -
- - -
- ... -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - return ( -
- - -
-

Yamaha Apparel

- i.id==selected):null} - getOptionLabel={option => `${option.name}`} - getOptionValue={option => option.id} - options={helmet} - isMulti - instanceId="name" - placeholder="Search" - onChange={values => handleName(values)} - /> -





-
-
-
- R CONCEPT - } - align="center" - color="danger" - /> -
- - {ProductHelmetRConcepts} - -




-
-
- MTX - } - align="center" - color="danger" - /> -
- - {ProductHelmetMTX} - -




-
-
- EXTREME - } - align="center" - color="danger" - /> -
- - {ProductHelmetExtreme} - -




-
-
- RANGER - } - align="center" - color="danger" - /> -
- - {ProductHelmetRanger} - -




-
-
- FIGHTER - } - align="center" - color="danger" - /> -
- - {ProductHelmetFighter} - -




-
-
- SWIRL - } - align="center" - color="danger" - /> -
- - {ProductHelmetSwirl} - -




-
-
- CLASSIC - } - align="center" - color="danger" - /> -
- - {ProductHelmetClassic} - -




-
-
- UNO - } - align="center" - color="danger" - /> -
- - {ProductHelmetUno} - -




- - -
- ); -} - -export default DataHelmet; \ No newline at end of file diff --git a/pages-sections/product/helmet_details.js b/pages-sections/product/helmet_details.js deleted file mode 100644 index fa72c1f..0000000 --- a/pages-sections/product/helmet_details.js +++ /dev/null @@ -1,109 +0,0 @@ -import React, { useState, useEffect } from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import ReactHtmlParser from "react-html-parser"; -import Dashboard from "@material-ui/icons/Dashboard"; -import Icon from "@material-ui/core/Icon"; - -import GridContainer from "components/Grid/GridContainer.js"; -import Grid from '@material-ui/core/Grid'; -import GridItem from "components/Grid/GridItem.js"; -import NavPills from "components/NavPills/NavPills.js"; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import CardHeader from "components/Card/CardHeader.js"; -import 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 Carousel from "react-slick"; - -const useStyles = makeStyles(styles); - -const DetailDataHelmet = function ({ backend, detailhelmet, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - 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 Helmetdetails = detailhelmet.map((data) => { - return ( -
- - -
-
-
- - - - - First slide - - - - -
-
-
- - -

{data.name}

-

Rp.{data.price}

-
-
    -

  • Stock : {data.stock}

    • -

  • Part Code : {ReactHtmlParser(data.part_code)}

    • -
- - - - - - - - - - - - - -
-
-

Deskripsi

-
-
-

{ReactHtmlParser(data.description)}

-
-
- ); - }) - return ( - -
- Product Detail -
- -
- {Helmetdetails} -
- - - © 2020 , All Right Reserved by @Thamrin Brother Company - - - ); -} - -export default DetailDataHelmet; \ No newline at end of file diff --git a/pages-sections/product/product.js b/pages-sections/product/product.js deleted file mode 100644 index fdbc2fd..0000000 --- a/pages-sections/product/product.js +++ /dev/null @@ -1,326 +0,0 @@ -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, maxi, matic, naked, sport, offroad, moped, monsterenergy, cbu, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - const imageClasses = classNames( - classes.imgRaised, - classes.imgRoundedCircle, - classes.imgFluid - ); - const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); - const Productmaxi = maxi.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productmatic = matic.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productnaked = naked.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productsport = sport.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productoffroad = offroad.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productmoped = moped.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productmonsterenergy = monsterenergy.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - const Productcbu = cbu.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - return ( - -
- Product -
- -
-

Product & Facilities

-
- - - - {Productmaxi} - - ), - }, - { - tabButton: "Matic", - tabIcon: Motorcycle, - tabContent: ( - - {Productmatic} - - ), - }, - { - tabButton: "Naked Bike", - tabIcon: Motorcycle, - tabContent: ( - - {Productnaked} - - ), - }, - { - tabButton: "Sport", - tabIcon: Motorcycle, - tabContent: ( - - {Productsport} - - ), - }, - { - tabButton: "Off Road", - tabIcon: Motorcycle, - tabContent: ( - - {Productoffroad} - - ), - }, - { - tabButton: "Moped", - tabIcon: Motorcycle, - tabContent: ( - - {Productmoped} - - ), - }, - { - tabButton: "Monster Energy MotoGP", - tabIcon: Motorcycle, - tabContent: ( - - {Productmonsterenergy} - - ), - }, - { - tabButton: "CBU", - tabIcon: Motorcycle, - tabContent: ( - - {Productcbu} - - ), - }, - { - tabButton: "ATV", - tabIcon: Motorcycle, - tabContent: ( - - {Productcbu} - - ), - }, - ]} - /> - - - - - ); -} - -export default DataProduct; \ No newline at end of file diff --git a/pages-sections/product/product_details.js b/pages-sections/product/product_details.js deleted file mode 100644 index 1ad8288..0000000 --- a/pages-sections/product/product_details.js +++ /dev/null @@ -1,157 +0,0 @@ -import React, { useState, useEffect } from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import ReactHtmlParser from "react-html-parser"; -import Dashboard from "@material-ui/icons/Dashboard"; -import Icon from "@material-ui/core/Icon"; - -import GridContainer from "components/Grid/GridContainer.js"; -import Grid from '@material-ui/core/Grid'; -import GridItem from "components/Grid/GridItem.js"; -import NavPills from "components/NavPills/NavPills.js"; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import CardHeader from "components/Card/CardHeader.js"; -import 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 Carousel from "react-slick"; - -const useStyles = makeStyles(styles); - -const DataProduct = function ({ backend, detailproduct, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - 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 Productdetails = detailproduct.map((data) => { - return ( -
- - -
-
-
- - - - - First slide - - - {/* */} - - -
-
-
- - -

{data.name}

-

Rp.{data.price} - Stock Unit : {data.stock}

-
-
-

{ReactHtmlParser(data.description)}

-
- {/* - - - - - - - - - - - */} - - - - - - - -
- {ReactHtmlParser(data.overview)} -
- - -
- ), - }, - { - tabButton: "Specification", - tabIcon: Dashboard, - tabContent: ( - - -
- {ReactHtmlParser(data.specification)} -
- - - ), - }, - { - tabButton: "Film", - tabIcon: Dashboard, - tabContent: ( - - -
- {ReactHtmlParser(data.film)} -
- - - ), - }, - ]} - /> - - - - ); - }) - return ( - -
- Product Detail -
- -
- {Productdetails} -
- - - © 2020 , All Right Reserved by @Thamrin Brother Company - - - ); -} - -export default DataProduct; \ No newline at end of file diff --git a/pages-sections/product/yamalube.js b/pages-sections/product/yamalube.js deleted file mode 100644 index 465d8c1..0000000 --- a/pages-sections/product/yamalube.js +++ /dev/null @@ -1,76 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import Select from 'react-select'; - -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"; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import GridContainer from "components/Grid/GridContainer.js"; -import GridItem from "components/Grid/GridItem.js"; - -const useStyles = makeStyles(styles); - -const DataYamalube = function ({ selected, handleName, backend, yamalube, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - const imageClasses = classNames( - classes.imgRaised, - classes.imgRoundedCircle, - classes.imgFluid - ); - const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); - const ProductYamalube = yamalube.map((data) => { - return ( -
- - -
- -
-
{data.name}
-
Rp.{data.price}
- -
-
- - -
- ); - }) - return ( -
- - -
-

Yamalube Oil

- i.id==selected):null} - getOptionLabel={option => `${option.name} ${option.part_code}`} - getOptionValue={option => option.id} - options={ygp} - isMulti - instanceId="name" - placeholder="filter by Nama Part" - onChange={values => handleName(values)} - /> -

- - {ProductYGP} - -
- - -
- ); -} - -export default DataYGP; \ No newline at end of file diff --git a/pages-sections/product/ygp_details.js b/pages-sections/product/ygp_details.js deleted file mode 100644 index 0a32744..0000000 --- a/pages-sections/product/ygp_details.js +++ /dev/null @@ -1,86 +0,0 @@ -import React, { useState, useEffect } from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import ReactHtmlParser from "react-html-parser"; -import Dashboard from "@material-ui/icons/Dashboard"; -import Icon from "@material-ui/core/Icon"; - -import GridContainer from "components/Grid/GridContainer.js"; -import Grid from '@material-ui/core/Grid'; -import GridItem from "components/Grid/GridItem.js"; -import NavPills from "components/NavPills/NavPills.js"; -import Card from "components/Card/Card.js"; -import CardBody from "components/Card/CardBody.js"; -import CardHeader from "components/Card/CardHeader.js"; -import CardFooter from "components/Card/CardFooter.js"; -import Button from "components/CustomButtons/Button.js"; -import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js"; - -const useStyles = makeStyles(styles); - -const DetailDataYGP = function ({ backend, detailygp, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - const imageClasses = classNames( - classes.imgRaised, - classes.imgRoundedCircle, - classes.imgFluid - ); - const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); - const YGPdetails = detailygp.map((data) => { - return ( -
- - -
-
-
- - - - First slide - - - -
-
-
- - -

{data.name}

-

Rp.{data.price}

-
-
    -

  • Stock : {data.stock}

    • -

  • Part Code : {data.part_code}

    • -
- - -
-
-

Deskripsi

-
-
-

{ReactHtmlParser(data.description)}

-
-
- ); - }) - return ( - -
- Product Detail -
- -
- {YGPdetails} -
- - - © 2020 , All Right Reserved by @Thamrin Brother Company - - - ); -} - -export default DetailDataYGP; \ No newline at end of file diff --git a/pages-sections/snackbar.js b/pages-sections/snackbar.js deleted file mode 100644 index 2bc52f8..0000000 --- a/pages-sections/snackbar.js +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; - -// Component -import SnackbarContent from "components/Snackbar/SnackbarContent.js"; -import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; - -const useStyles = makeStyles(styles); - -const DataSnackbarContent = function() { - const classes = useStyles(); - return ( -
-
- - Thamrin Group bersama Anda melawan COVID-19. Untuk informasi silakan klik di sini. - - } - align="center" - color="danger" - /> -
-
- ); -} - -export default DataSnackbarContent; \ No newline at end of file diff --git a/pages-sections/yamaha/SectionLogin.js b/pages-sections/yamaha/SectionLogin.js new file mode 100644 index 0000000..0a69dd2 --- /dev/null +++ b/pages-sections/yamaha/SectionLogin.js @@ -0,0 +1,116 @@ +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 People from "@material-ui/icons/People"; +import Email from "@material-ui/icons/Email"; +// core components +import GridContainer from "components/Grid/GridContainer.js"; +import GridItem from "components/Grid/GridItem.js"; +import Card from "components/Card/Card.js"; +import CardHeader from "components/Card/CardHeader.js"; +import CardBody from "components/Card/CardBody.js"; +import CardFooter from "components/Card/CardFooter.js"; +import Button from "components/CustomButtons/Button.js"; +import CustomInput from "components/CustomInput/CustomInput.js"; + +import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/loginStyle.js"; + +const useStyles = makeStyles(styles); + +export default function SectionLogin() { + const classes = useStyles(); + return ( +
+
+ + + +
+ +

Login

+
+ + + +
+ +

Welcome to Thamrin Brothers

+ + + + + ) + }} + /> + + + lock_outline + + + ), + autoComplete: "off" + }} + /> + + + + + +
+ + +
+
+ ); +} diff --git a/pages-sections/yamaha/about_us/about_us.js b/pages-sections/yamaha/about_us/about_us.js new file mode 100644 index 0000000..4485257 --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

About Us

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataAboutUS; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/penghargaan.js b/pages-sections/yamaha/about_us/penghargaan.js new file mode 100644 index 0000000..d5f9b5d --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Penghargaan Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataPenghargaan; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/profile.js b/pages-sections/yamaha/about_us/profile.js new file mode 100644 index 0000000..9531757 --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Profile Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataProfile; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/saham.js b/pages-sections/yamaha/about_us/saham.js new file mode 100644 index 0000000..ce6e7f3 --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Kepemilikan Saham Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataSaham; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/sejarah.js b/pages-sections/yamaha/about_us/sejarah.js new file mode 100644 index 0000000..cb57d58 --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Sejarah Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataSejarah; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/struktur_organisasi.js b/pages-sections/yamaha/about_us/struktur_organisasi.js new file mode 100644 index 0000000..8eac41d --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Struktur Organisasi Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataStrukturOrganisasi; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/tata_kelola.js b/pages-sections/yamaha/about_us/tata_kelola.js new file mode 100644 index 0000000..952475c --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Tata Kelola Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataTataKelola; \ No newline at end of file diff --git a/pages-sections/yamaha/about_us/tugas_fungsi.js b/pages-sections/yamaha/about_us/tugas_fungsi.js new file mode 100644 index 0000000..4f65e2d --- /dev/null +++ b/pages-sections/yamaha/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 ( +
+ +
+ + + +
+ +
+ +
+

Tugas & Fungsi Thamrin Group

+

Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti

+

Visi

+

Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik

+

Misi

+

1. Melayani 21,7 juta pelanggan di tahun 2022

+

2. Mengembangkan pemimpin yang sukses

+

3. Mengelola proses administrasi yang simple & excellent

+

4. Mendukung continuous improvement

+ + +
+ ); +} + +export default DataTugasFungsi; \ No newline at end of file diff --git a/pages-sections/yamaha/carrer/carrer.js b/pages-sections/yamaha/carrer/carrer.js new file mode 100644 index 0000000..3659e57 --- /dev/null +++ b/pages-sections/yamaha/carrer/carrer.js @@ -0,0 +1,157 @@ +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 ( + + +
{data.name}
 + + + Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} + + + + + ); + }) + const CarrerD3 = d3.map((data) => { + return ( + + + {data.name} + + + Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} + + + + + ); + }) + const CarrerSMA = sma.map((data) => { + return ( + + + {data.name} + + + Masa Pendaftaran : {data.start_regis} s/d {data.until_regis} + + + + + ); + }) + return ( + +
+ Product +
+ +
+

Carrer & Job Vacancies

+
+ + + + {CarrerS1}{CarrerS1}{CarrerS1} + + ), + }, + { + tabButton: "D3", + tabIcon: Dashboard, + tabContent: ( + + {CarrerD3} + {CarrerD3} + + ), + }, + { + tabButton: "SMA / SMK ", + tabIcon: Dashboard, + tabContent: ( + + {CarrerSMA} + + ), + }, + { + tabButton: "Recruitment Process", + tabIcon: Dashboard, + tabContent: ( + + +
+ ... +
+ + + ), + }, + ]} + /> + + + + + ); +} + +export default DataCarrers; \ No newline at end of file diff --git a/pages-sections/yamaha/carrer/carrer_details.js b/pages-sections/yamaha/carrer/carrer_details.js new file mode 100644 index 0000000..4feb2ab --- /dev/null +++ b/pages-sections/yamaha/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 ( + + +
+
+
+ + + + + First slide + + + + +
+
+
+ + +

{data.name}

+

{data.published_at}

+
+
+

{ReactHtmlParser(data.description)}

+
+ + + ); + }) + return ( +
+ {carrer} +
+ ); +} + +export default DataCarrer; \ No newline at end of file diff --git a/pages-sections/yamaha/dealers/dealers.js b/pages-sections/yamaha/dealers/dealers.js new file mode 100644 index 0000000..2c3f4ef --- /dev/null +++ b/pages-sections/yamaha/dealers/dealers.js @@ -0,0 +1,72 @@ +import React from "react"; +import { makeStyles } from "@material-ui/core/styles"; +import Select from 'react-select'; + +import GridContainer from "components/Grid/GridContainer.js"; +import Grid from '@material-ui/core/Grid'; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import CardHeader from "components/Card/CardHeader.js"; +import Quote from "components/Typography/Quote.js" +import Icon from "@material-ui/core/Icon"; +import Button from "components/CustomButtons/Button.js"; +import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; + +const useStyles = makeStyles(styles); +const DataDealer = function ({ selected, handleName, backend, dealers, ...props }) { + const classes = useStyles(); + + const Dealers = dealers.map((data) => { + return ( +
+ + +
{data.name}
 + + + +
+ +
+ + + +
+ ); + }) + return ( +
+ + +
+

Yamaha Dealers

+ i.id==selected):null} + getOptionLabel={option => `${option.name}`} + getOptionValue={option => option.id} + options={accessories} + isMulti + instanceId="name" + placeholder="filter by Nama Part" + onChange={values => handleName(values)} + /> +

+ + {ProductAccessories} + {ProductAccessories} + +
+ + +
+ ); +} + +export default DataAccessories; \ No newline at end of file diff --git a/pages-sections/yamaha/product/accessories_details.js b/pages-sections/yamaha/product/accessories_details.js new file mode 100644 index 0000000..e7a326e --- /dev/null +++ b/pages-sections/yamaha/product/accessories_details.js @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import ReactHtmlParser from "react-html-parser"; +import Dashboard from "@material-ui/icons/Dashboard"; +import Icon from "@material-ui/core/Icon"; + +import GridContainer from "components/Grid/GridContainer.js"; +import Grid from '@material-ui/core/Grid'; +import GridItem from "components/Grid/GridItem.js"; +import NavPills from "components/NavPills/NavPills.js"; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import CardHeader from "components/Card/CardHeader.js"; +import 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 Carousel from "react-slick"; + +const useStyles = makeStyles(styles); + +const DetailDataAccessories = function ({ backend, detailaccessories, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + 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 Accessoriesdetails = detailaccessories.map((data) => { + return ( +
+ + +
+
+
+ + + + + First slide + + + + +
+
+
+ + +

{data.name}

+

Rp.{data.price}

+
+
    +

  • Stock : {data.stock}

    • +

  • Part Code : {data.part_code}

    • +
+ + + + + + + + + + + + + +
+
+

Deskripsi

+
+
+

{ReactHtmlParser(data.description)}

+
+
+ ); + }) + return ( + +
+ Product Detail +
+ +
+ {Accessoriesdetails} +
+ + + © 2020 , All Right Reserved by @Thamrin Brother Company + + + ); +} + +export default DetailDataAccessories; \ No newline at end of file diff --git a/pages-sections/yamaha/product/apparel.js b/pages-sections/yamaha/product/apparel.js new file mode 100644 index 0000000..1d532aa --- /dev/null +++ b/pages-sections/yamaha/product/apparel.js @@ -0,0 +1,132 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import Select from 'react-select'; + +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"; +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"; + +const useStyles = makeStyles(styles); + +const DataApparel = function ({ selected, handleName, backend, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + const imageClasses = classNames( + classes.imgRaised, + classes.imgRoundedCircle, + classes.imgFluid + ); + const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); + const ProductApparelRCon = apparel.map((data) => { + return ( +
+ + +
+ ... +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const ProductApparelAsia = asia.map((data) => { + return ( +
+ + +
+ ... +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + return ( +
+ + + {/*
+

Yamaha Apparel

+ i.id==selected):null} + getOptionLabel={option => `${option.name}`} + getOptionValue={option => option.id} + options={helmet} + options={mtx} + options={extreme} + options={ranger} + options={fighter} + options={swirl} + options={classic} + options={uno} + isMulti + instanceId="name" + placeholder="Search" + onChange={values => handleName(values)} + /> +





+
*/} +
+
+ R CONCEPT + } + align="center" + color="danger" + /> +
+ + {ProductHelmetRConcepts} + +




+
+
+ MTX + } + align="center" + color="danger" + /> +
+ + {ProductHelmetMTX} + +




+
+
+ EXTREME + } + align="center" + color="danger" + /> +
+ + {ProductHelmetExtreme} + +




+
+
+ RANGER + } + align="center" + color="danger" + /> +
+ + {ProductHelmetRanger} + +




+
+
+ FIGHTER + } + align="center" + color="danger" + /> +
+ + {ProductHelmetFighter} + +




+
+
+ SWIRL + } + align="center" + color="danger" + /> +
+ + {ProductHelmetSwirl} + +




+
+
+ CLASSIC + } + align="center" + color="danger" + /> +
+ + {ProductHelmetClassic} + +




+
+
+ UNO + } + align="center" + color="danger" + /> +
+ + {ProductHelmetUno} + +




+ + +
+ ); +} + +export default DataHelmet; \ No newline at end of file diff --git a/pages-sections/yamaha/product/helmet_details.js b/pages-sections/yamaha/product/helmet_details.js new file mode 100644 index 0000000..fa72c1f --- /dev/null +++ b/pages-sections/yamaha/product/helmet_details.js @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import ReactHtmlParser from "react-html-parser"; +import Dashboard from "@material-ui/icons/Dashboard"; +import Icon from "@material-ui/core/Icon"; + +import GridContainer from "components/Grid/GridContainer.js"; +import Grid from '@material-ui/core/Grid'; +import GridItem from "components/Grid/GridItem.js"; +import NavPills from "components/NavPills/NavPills.js"; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import CardHeader from "components/Card/CardHeader.js"; +import 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 Carousel from "react-slick"; + +const useStyles = makeStyles(styles); + +const DetailDataHelmet = function ({ backend, detailhelmet, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + 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 Helmetdetails = detailhelmet.map((data) => { + return ( +
+ + +
+
+
+ + + + + First slide + + + + +
+
+
+ + +

{data.name}

+

Rp.{data.price}

+
+
    +

  • Stock : {data.stock}

    • +

  • Part Code : {ReactHtmlParser(data.part_code)}

    • +
+ + + + + + + + + + + + + +
+
+

Deskripsi

+
+
+

{ReactHtmlParser(data.description)}

+
+
+ ); + }) + return ( + +
+ Product Detail +
+ +
+ {Helmetdetails} +
+ + + © 2020 , All Right Reserved by @Thamrin Brother Company + + + ); +} + +export default DetailDataHelmet; \ No newline at end of file diff --git a/pages-sections/yamaha/product/product.js b/pages-sections/yamaha/product/product.js new file mode 100644 index 0000000..86f0bed --- /dev/null +++ b/pages-sections/yamaha/product/product.js @@ -0,0 +1,326 @@ +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, maxi, matic, naked, sport, offroad, moped, monsterenergy, cbu, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + const imageClasses = classNames( + classes.imgRaised, + classes.imgRoundedCircle, + classes.imgFluid + ); + const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); + const Productmaxi = maxi.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productmatic = matic.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productnaked = naked.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productsport = sport.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productoffroad = offroad.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productmoped = moped.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productmonsterenergy = monsterenergy.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + const Productcbu = cbu.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + return ( + +
+ Product +
+ +
+

Product & Facilities

+
+ + + + {Productmaxi} + + ), + }, + { + tabButton: "Matic", + tabIcon: Motorcycle, + tabContent: ( + + {Productmatic} + + ), + }, + { + tabButton: "Naked Bike", + tabIcon: Motorcycle, + tabContent: ( + + {Productnaked} + + ), + }, + { + tabButton: "Sport", + tabIcon: Motorcycle, + tabContent: ( + + {Productsport} + + ), + }, + { + tabButton: "Off Road", + tabIcon: Motorcycle, + tabContent: ( + + {Productoffroad} + + ), + }, + { + tabButton: "Moped", + tabIcon: Motorcycle, + tabContent: ( + + {Productmoped} + + ), + }, + { + tabButton: "Monster Energy MotoGP", + tabIcon: Motorcycle, + tabContent: ( + + {Productmonsterenergy} + + ), + }, + { + tabButton: "CBU", + tabIcon: Motorcycle, + tabContent: ( + + {Productcbu} + + ), + }, + { + tabButton: "ATV", + tabIcon: Motorcycle, + tabContent: ( + + {Productcbu} + + ), + }, + ]} + /> + + + + + ); +} + +export default DataProduct; \ No newline at end of file diff --git a/pages-sections/yamaha/product/product_details.js b/pages-sections/yamaha/product/product_details.js new file mode 100644 index 0000000..1ad8288 --- /dev/null +++ b/pages-sections/yamaha/product/product_details.js @@ -0,0 +1,157 @@ +import React, { useState, useEffect } from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import ReactHtmlParser from "react-html-parser"; +import Dashboard from "@material-ui/icons/Dashboard"; +import Icon from "@material-ui/core/Icon"; + +import GridContainer from "components/Grid/GridContainer.js"; +import Grid from '@material-ui/core/Grid'; +import GridItem from "components/Grid/GridItem.js"; +import NavPills from "components/NavPills/NavPills.js"; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import CardHeader from "components/Card/CardHeader.js"; +import 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 Carousel from "react-slick"; + +const useStyles = makeStyles(styles); + +const DataProduct = function ({ backend, detailproduct, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + 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 Productdetails = detailproduct.map((data) => { + return ( +
+ + +
+
+
+ + + + + First slide + + + {/* */} + + +
+
+
+ + +

{data.name}

+

Rp.{data.price} - Stock Unit : {data.stock}

+
+
+

{ReactHtmlParser(data.description)}

+
+ {/* + + + + + + + + + + + */} + + + + + + + +
+ {ReactHtmlParser(data.overview)} +
+ + +
+ ), + }, + { + tabButton: "Specification", + tabIcon: Dashboard, + tabContent: ( + + +
+ {ReactHtmlParser(data.specification)} +
+ + + ), + }, + { + tabButton: "Film", + tabIcon: Dashboard, + tabContent: ( + + +
+ {ReactHtmlParser(data.film)} +
+ + + ), + }, + ]} + /> + + + + ); + }) + return ( + +
+ Product Detail +
+ +
+ {Productdetails} +
+ + + © 2020 , All Right Reserved by @Thamrin Brother Company + + + ); +} + +export default DataProduct; \ No newline at end of file diff --git a/pages-sections/yamaha/product/yamalube.js b/pages-sections/yamaha/product/yamalube.js new file mode 100644 index 0000000..ef27ca0 --- /dev/null +++ b/pages-sections/yamaha/product/yamalube.js @@ -0,0 +1,76 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import Select from 'react-select'; + +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"; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import GridContainer from "components/Grid/GridContainer.js"; +import GridItem from "components/Grid/GridItem.js"; + +const useStyles = makeStyles(styles); + +const DataYamalube = function ({ selected, handleName, backend, yamalube, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + const imageClasses = classNames( + classes.imgRaised, + classes.imgRoundedCircle, + classes.imgFluid + ); + const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); + const ProductYamalube = yamalube.map((data) => { + return ( +
+ + +
+ +
+
{data.name}
+
Rp.{data.price}
+ +
+
+ + +
+ ); + }) + return ( +
+ + +
+

Yamalube Oil

+ i.id==selected):null} + getOptionLabel={option => `${option.name} ${option.part_code}`} + getOptionValue={option => option.id} + options={ygp} + isMulti + instanceId="name" + placeholder="filter by Nama Part" + onChange={values => handleName(values)} + /> +

+ + {ProductYGP} + +
+ + +
+ ); +} + +export default DataYGP; \ No newline at end of file diff --git a/pages-sections/yamaha/product/ygp_details.js b/pages-sections/yamaha/product/ygp_details.js new file mode 100644 index 0000000..0a32744 --- /dev/null +++ b/pages-sections/yamaha/product/ygp_details.js @@ -0,0 +1,86 @@ +import React, { useState, useEffect } from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import ReactHtmlParser from "react-html-parser"; +import Dashboard from "@material-ui/icons/Dashboard"; +import Icon from "@material-ui/core/Icon"; + +import GridContainer from "components/Grid/GridContainer.js"; +import Grid from '@material-ui/core/Grid'; +import GridItem from "components/Grid/GridItem.js"; +import NavPills from "components/NavPills/NavPills.js"; +import Card from "components/Card/Card.js"; +import CardBody from "components/Card/CardBody.js"; +import CardHeader from "components/Card/CardHeader.js"; +import CardFooter from "components/Card/CardFooter.js"; +import Button from "components/CustomButtons/Button.js"; +import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js"; + +const useStyles = makeStyles(styles); + +const DetailDataYGP = function ({ backend, detailygp, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + const imageClasses = classNames( + classes.imgRaised, + classes.imgRoundedCircle, + classes.imgFluid + ); + const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); + const YGPdetails = detailygp.map((data) => { + return ( +
+ + +
+
+
+ + + + First slide + + + +
+
+
+ + +

{data.name}

+

Rp.{data.price}

+
+
    +

  • Stock : {data.stock}

    • +

  • Part Code : {data.part_code}

    • +
+ + +
+
+

Deskripsi

+
+
+

{ReactHtmlParser(data.description)}

+
+
+ ); + }) + return ( + +
+ Product Detail +
+ +
+ {YGPdetails} +
+ + + © 2020 , All Right Reserved by @Thamrin Brother Company + + + ); +} + +export default DetailDataYGP; \ No newline at end of file diff --git a/pages-sections/yamaha/snackbar.js b/pages-sections/yamaha/snackbar.js new file mode 100644 index 0000000..2bc52f8 --- /dev/null +++ b/pages-sections/yamaha/snackbar.js @@ -0,0 +1,31 @@ +import React from "react"; + +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; + +// Component +import SnackbarContent from "components/Snackbar/SnackbarContent.js"; +import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; + +const useStyles = makeStyles(styles); + +const DataSnackbarContent = function() { + const classes = useStyles(); + return ( +
+
+ + Thamrin Group bersama Anda melawan COVID-19. Untuk informasi silakan klik di sini. + + } + align="center" + color="danger" + /> +
+
+ ); +} + +export default DataSnackbarContent; \ No newline at end of file diff --git a/pages/abous_us/aboutus.js b/pages/abous_us/aboutus.js deleted file mode 100644 index 32f7ece..0000000 --- a/pages/abous_us/aboutus.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 AboutUs from "pages-sections/about_us/about_us.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default AboutUS; diff --git a/pages/abous_us/penghargaan.js b/pages/abous_us/penghargaan.js deleted file mode 100644 index cc4028a..0000000 --- a/pages/abous_us/penghargaan.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 Penghargaan from "pages-sections/about_us/penghargaan.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const penghargaan = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default penghargaan; diff --git a/pages/abous_us/profile.js b/pages/abous_us/profile.js deleted file mode 100644 index a47139d..0000000 --- a/pages/abous_us/profile.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 Profile from "pages-sections/about_us/profile.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const profile = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default profile; diff --git a/pages/abous_us/saham.js b/pages/abous_us/saham.js deleted file mode 100644 index af455eb..0000000 --- a/pages/abous_us/saham.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 Saham from "pages-sections/about_us/saham.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const saham = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default saham; diff --git a/pages/abous_us/sejarah.js b/pages/abous_us/sejarah.js deleted file mode 100644 index 2b89db6..0000000 --- a/pages/abous_us/sejarah.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 Sejarah from "pages-sections/about_us/sejarah.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const sejarah = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default sejarah; diff --git a/pages/abous_us/struktur_organisasi.js b/pages/abous_us/struktur_organisasi.js deleted file mode 100644 index 105415a..0000000 --- a/pages/abous_us/struktur_organisasi.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 StrukturOrganisasi from "pages-sections/about_us/struktur_organisasi.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const Strukturorganisasi = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default Strukturorganisasi; diff --git a/pages/abous_us/tata_kelola.js b/pages/abous_us/tata_kelola.js deleted file mode 100644 index 0a793dc..0000000 --- a/pages/abous_us/tata_kelola.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 TataKelola from "pages-sections/about_us/tata_kelola.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const Tatakelola = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default Tatakelola; diff --git a/pages/abous_us/tugas_fungsi.js b/pages/abous_us/tugas_fungsi.js deleted file mode 100644 index 28e95ef..0000000 --- a/pages/abous_us/tugas_fungsi.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; -// nodejs library that concatenates classes -import classNames from "classnames"; -// react components for routing our app without refresh -import Link from "next/link"; -// @material-ui/core components -import { makeStyles } from "@material-ui/core/styles"; -// @material-ui/icons -// 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 TugasFungsi from "pages-sections/about_us/tugas_fungsi.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - - {/*
-

NextJS Material Kit.

-

- A Badass Material Kit based on Material-UI and NextJS. -

-
*/} - - -
- -
- -
-
-
- ); -} - -export default AboutUS; diff --git a/pages/carrer.js b/pages/carrer.js deleted file mode 100644 index 8c2f619..0000000 --- a/pages/carrer.js +++ /dev/null @@ -1,66 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import SectionCarrer from "pages-sections/carrer/carrer.js"; -import Getcarrer from "../api/carrer/carrer.js" - -const useStyles = makeStyles(styles); - -const Carrer = function ({ backend, s1, d3, sma, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default Carrer; - -export async function getServerSideProps(context) { - var s1 = []; - var d3 = []; - var sma = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await Getcarrer.GetCarrerS1(); - if (res["STATUS"] === 1) { - s1 = res["DATA"]["carrers"]; - } - - var res = await Getcarrer.GetCarrerD3(); - if (res["STATUS"] === 1) { - d3 = res["DATA"]["carrers"]; - } - - var res = await Getcarrer.GetCarrerSMA(); - if (res["STATUS"] === 1) { - sma = res["DATA"]["carrers"]; - } - - return { - props: { s1, d3, sma, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/carrer_details.js b/pages/carrer_details.js deleted file mode 100644 index 82d8bee..0000000 --- a/pages/carrer_details.js +++ /dev/null @@ -1,56 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import CarrerDetail from "pages-sections/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" - -const useStyles = makeStyles(styles); - -const CarrerDetails = function ({ backend, detailcarrer, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default CarrerDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailcarrer = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailcarrer.GetDetailCarrer(query.s||0); - if (res["STATUS"] === 1) { - detailcarrer = res["DATA"]["carrers"]; - } - - console.log(res); - - return { - props: { detailcarrer, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/cart.js b/pages/cart.js deleted file mode 100644 index 1b9514d..0000000 --- a/pages/cart.js +++ /dev/null @@ -1,36 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -// import SectionChart from "pages-sections/cart/SectionChart.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "../assets/jss/nextjs-material-kit/pages/components.js"; - -const useStyles = makeStyles(styles); - -export default function Components(props) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- {/* */} -
-
-
- ); -} diff --git a/pages/dealers.js b/pages/dealers.js deleted file mode 100644 index dee90f6..0000000 --- a/pages/dealers.js +++ /dev/null @@ -1,74 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import Router from 'next/router' - -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 Getdealer from "../api/dealer/dealer.js"; -import DataSnackbarContent from "../pages-sections/snackbar.js"; -import DataDealers from "../pages-sections/dealers/dealers.js"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -const queryClient = new QueryClient() -const handleName = values => { - Router.push({ - pathname: '/dealers', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} - -const useStyles = makeStyles(styles); -const Dealers = function ({ selected, backend, dealers, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default Dealers; - -export async function getServerSideProps(context) { - var dealers = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await Getdealer.GetDealers(filter); - if (res["STATUS"] === 1) { - dealers = res["DATA"]["dealers"]; - if (filter !=""){ - selected = dealers.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, dealers, backend, }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/home.js b/pages/home.js deleted file mode 100644 index c49cfff..0000000 --- a/pages/home.js +++ /dev/null @@ -1,87 +0,0 @@ -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 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/snackbar.js"; -import DataCarousel from "../pages-sections/home/carousel.js"; -import DataService from "../pages-sections/home/service.js"; -import DataBusinessPartner from "../pages-sections/home/business_partner.js"; -import DataSosmed from "../pages-sections/home/sosmed.js"; -import CoreValue from "../pages-sections/home/core_value.js"; -import DataFeature from "../pages-sections/home/feature.js"; - -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 async function getServerSideProps(context) { - var businessPartners = []; - var service = []; - var carousel = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetbusinessPartners.GetbusinessPartners(); - if (res["STATUS"] === 1) { - businessPartners = res["DATA"]["businessPartners"]; - } - - var res = await Getservices.Getservices(); - if (res["STATUS"] === 1) { - service = res["DATA"]["services"]; - } - - var res = await Getcarousels.GetCarousels(); - if (res["STATUS"] === 1) { - carousel = res["DATA"]["carousels"]; - } - - return { - props: { businessPartners, service, carousel, backend }, // will be passed to the page component as props - }; -} - -export default Home; diff --git a/pages/index.js b/pages/index.js index 0e48cc9..8231e6b 100644 --- a/pages/index.js +++ b/pages/index.js @@ -3,10 +3,10 @@ import Router from "next/router"; export default class Index extends Component { componentDidMount = () => { - Router.push("/home"); + Router.push("/yamaha/home"); }; render() { return
; } -} +} \ No newline at end of file diff --git a/pages/latestnews.js b/pages/latestnews.js deleted file mode 100644 index e518a67..0000000 --- a/pages/latestnews.js +++ /dev/null @@ -1,56 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import 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/snackbar.js"; -import DataLatestNews from "../pages-sections/latest_news/news.js"; - -const useStyles = makeStyles(styles); - -const LatestNews = function ({ backend, news, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - -
-
-
- ); -} - -export default LatestNews; - -export async function getServerSideProps(context) { - var news = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetLatestNews.GetNews(); - if (res["STATUS"] === 1) { - news = res["DATA"]["latestNews"]; - } - return { - props: { news, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/latestnews_details.js b/pages/latestnews_details.js deleted file mode 100644 index ed02be2..0000000 --- a/pages/latestnews_details.js +++ /dev/null @@ -1,63 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import 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/snackbar.js"; -import DetailLatestNews from "../pages-sections/latest_news/news_details.js"; - -const useStyles = makeStyles(styles); - -const detailLatestNews = function ({ backend, news, othernews, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- - -
-
-
- ); -} - -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.GetOtherNews(); - if (res["STATUS"] === 1) { - othernews = res["DATA"]["latestNews"]; - } - return { - props: { othernews, news, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/login.js b/pages/login.js deleted file mode 100644 index 2130766..0000000 --- a/pages/login.js +++ /dev/null @@ -1,138 +0,0 @@ -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 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"; - -const useStyles = makeStyles(styles); - -export default function LoginPage(props) { - const [cardAnimaton, setCardAnimation] = React.useState("cardHidden"); - setTimeout(function() { - setCardAnimation(""); - }, 700); - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - {...rest} - /> -
-
- - - -
- -

Login

-
- - - -
- -

Welcome to Thamrin Brothers

- - - - - ) - }} - /> - - - lock_outline - - - ), - autoComplete: "off" - }} - /> - - - - - -
- - -
-
-
-
- ); -} diff --git a/pages/product/accessories.js b/pages/product/accessories.js deleted file mode 100644 index 3443981..0000000 --- a/pages/product/accessories.js +++ /dev/null @@ -1,72 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import GetDataAccessories from "../../api/product/accessories.js"; -import DataAccessories from "../../pages-sections/product/accessories.js"; -import DataSnackbarContent from "../../pages-sections/snackbar.js"; -import Router from 'next/router' - -const useStyles = makeStyles(styles); -const queryClient = new QueryClient(); -const handleName = values => { - Router.push({ - pathname: '/product/accessories', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} -const Accessories = function ({ selected, accessories, backend, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default Accessories; - -export async function getServerSideProps(context) { - var accessories = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDataAccessories.GetAccessories(filter); - if (res["STATUS"] === 1) { - accessories = res["DATA"]["accessories"]; - if (filter !=""){ - selected = accessories.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, accessories, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/accessories_details.js b/pages/product/accessories_details.js deleted file mode 100644 index 5f41927..0000000 --- a/pages/product/accessories_details.js +++ /dev/null @@ -1,55 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import AccessoriesDetail from "pages-sections/product/accessories_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailAccessories from "../../api/product/accessories.js" - -const useStyles = makeStyles(styles); - -const AccessoriesDetails = function ({ backend, detailaccessories, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default AccessoriesDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailaccessories = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailAccessories.GetDetailAccessories(query.s||0); - if (res["STATUS"] === 1) { - detailaccessories = res["DATA"]["accessories"]; - } - console.log(detailaccessories); - - return { - props: { detailaccessories, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/apparel.js b/pages/product/apparel.js deleted file mode 100644 index 05d8f20..0000000 --- a/pages/product/apparel.js +++ /dev/null @@ -1,135 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import GetDataApparel from "../../api/product/apparel.js"; -import DataApparel from "../../pages-sections/product/apparel.js"; -import DataSnackbarContent from "../../pages-sections/snackbar.js"; -import Router from 'next/router' - -const useStyles = makeStyles(styles); -const queryClient = new QueryClient(); -const handleName = values => { - Router.push({ - pathname: '/product/apparel', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} -const Apparel = function ({ selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default Apparel; - -export async function getServerSideProps(context) { - var apparel = []; - var asia = []; - var basic = []; - var merchand = []; - var maxi = []; - var rainsuit = []; - var motogp = []; - var offroad = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDataApparel.GetApparel(filter); - if (res["STATUS"] === 1) { - apparel = res["DATA"]["apparels"]; - if (filter !=""){ - selected = apparel.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparel46Asia(filter); - if (res["STATUS"] === 1) { - asia = res["DATA"]["apparels"]; - if (filter !=""){ - selected = asia.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelBasic(filter); - if (res["STATUS"] === 1) { - basic = res["DATA"]["apparels"]; - if (filter !=""){ - selected = basic.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelMerchandise(filter); - if (res["STATUS"] === 1) { - merchand = res["DATA"]["apparels"]; - if (filter !=""){ - selected = merchand.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelMaxi(filter); - if (res["STATUS"] === 1) { - maxi = res["DATA"]["apparels"]; - if (filter !=""){ - selected = maxi.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelRainSuit(filter); - if (res["STATUS"] === 1) { - rainsuit = res["DATA"]["apparels"]; - if (filter !=""){ - selected = rainsuit.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelMotoGP(filter); - if (res["STATUS"] === 1) { - motogp = res["DATA"]["apparels"]; - if (filter !=""){ - selected = motogp.filter((i)=>i.name==filter); - } - } - - var res = await GetDataApparel.GetApparelOffRoad(filter); - if (res["STATUS"] === 1) { - offroad = res["DATA"]["apparels"]; - if (filter !=""){ - selected = offroad.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/apparel_details.js b/pages/product/apparel_details.js deleted file mode 100644 index f19ee4c..0000000 --- a/pages/product/apparel_details.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import ApparelDetail from "pages-sections/product/apparel_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailApparel from "../../api/product/apparel.js" - -const useStyles = makeStyles(styles); - -const ApparelDetails = function ({ backend, detailapparel, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default ApparelDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailapparel = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailApparel.GetDetailApparel(query.s||0); - if (res["STATUS"] === 1) { - detailapparel = res["DATA"]["apparels"]; - } - - return { - props: { detailapparel, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/helmet.js b/pages/product/helmet.js deleted file mode 100644 index 55198aa..0000000 --- a/pages/product/helmet.js +++ /dev/null @@ -1,135 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import GetDataHelmet from "../../api/product/helmet.js" -import DataHelmet from "../../pages-sections/product/helmet.js"; -import DataSnackbarContent from "../../pages-sections/snackbar.js"; -import Router from 'next/router' - -const useStyles = makeStyles(styles); -const queryClient = new QueryClient(); -const handleName = values => { - Router.push({ - pathname: '/product/helmet', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} -const Helmet = function ({ selected, helmet, mtx, extreme, ranger, backend, fighter, swirl, classic, uno, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default Helmet; - -export async function getServerSideProps(context) { - var helmet = []; - var mtx = []; - var extreme = []; - var ranger = []; - var fighter = []; - var swirl = []; - var classic = []; - var uno = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDataHelmet.GetHelmetRConcepts(filter); - if (res["STATUS"] === 1) { - helmet = res["DATA"]["helmets"]; - if (filter !=""){ - selected = helmet.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetMTX(filter); - if (res["STATUS"] === 1) { - mtx = res["DATA"]["helmets"]; - if (filter !=""){ - selected = mtx.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetExtreme(filter); - if (res["STATUS"] === 1) { - extreme = res["DATA"]["helmets"]; - if (filter !=""){ - selected = extreme.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetRanger(filter); - if (res["STATUS"] === 1) { - ranger = res["DATA"]["helmets"]; - if (filter !=""){ - selected = ranger.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetFighter(filter); - if (res["STATUS"] === 1) { - fighter = res["DATA"]["helmets"]; - if (filter !=""){ - selected = fighter.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetSwirl(filter); - if (res["STATUS"] === 1) { - swirl = res["DATA"]["helmets"]; - if (filter !=""){ - selected = swirl.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetClassic(filter); - if (res["STATUS"] === 1) { - classic = res["DATA"]["helmets"]; - if (filter !=""){ - selected = classic.filter((i)=>i.name==filter); - } - } - - var res = await GetDataHelmet.GetHelmetUno(filter); - if (res["STATUS"] === 1) { - uno = res["DATA"]["helmets"]; - if (filter !=""){ - selected = uno.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, helmet, mtx, extreme, ranger, fighter, swirl, classic, uno, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/helmet_details.js b/pages/product/helmet_details.js deleted file mode 100644 index 4bb92fd..0000000 --- a/pages/product/helmet_details.js +++ /dev/null @@ -1,55 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import HelmetDetail from "pages-sections/product/helmet_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailHelmet from "../../api/product/helmet.js" - -const useStyles = makeStyles(styles); - -const HelmetDetails = function ({ backend, detailhelmet, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default HelmetDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailhelmet = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailHelmet.GetDetailHelmet(query.s||0); - if (res["STATUS"] === 1) { - detailhelmet = res["DATA"]["helmets"]; - } - console.log(detailhelmet); - - return { - props: { detailhelmet, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/product.js b/pages/product/product.js deleted file mode 100644 index 8c17921..0000000 --- a/pages/product/product.js +++ /dev/null @@ -1,129 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import DataProduct from "pages-sections/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"; - -const useStyles = makeStyles(styles); - -const Product = function ({ - backend, - maxi, - matic, - naked, - sport, - offroad, - moped, - monsterenergy, - cbu, - ...props -}) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- -
-
-
- ); -}; - -export default Product; - -export async function getServerSideProps(context) { - var maxi = []; - var matic = []; - var naked = []; - var sport = []; - var offroad = []; - var moped = []; - var monsterenergy = []; - var cbu = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await Getproduct.GetProductMaxi(); - if (res["STATUS"] === 1) { - maxi = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductMatic(); - if (res["STATUS"] === 1) { - matic = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductNaked(); - if (res["STATUS"] === 1) { - naked = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductSport(); - if (res["STATUS"] === 1) { - sport = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductOffRoad(); - if (res["STATUS"] === 1) { - offroad = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductMoped(); - if (res["STATUS"] === 1) { - moped = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductMonsterEnergy(); - if (res["STATUS"] === 1) { - monsterenergy = res["DATA"]["products"]; - } - - var res = await Getproduct.GetProductCBU(); - if (res["STATUS"] === 1) { - cbu = res["DATA"]["products"]; - } - - console.log(cbu); - - return { - props: { - maxi, - matic, - naked, - sport, - offroad, - moped, - monsterenergy, - cbu, - backend, - }, // will be passed to the page component as props - }; -} diff --git a/pages/product/product_detail.js b/pages/product/product_detail.js deleted file mode 100644 index c05dc9d..0000000 --- a/pages/product/product_detail.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import ProductDetail from "pages-sections/product/product_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailproduct from "../../api/product/product.js" - -const useStyles = makeStyles(styles); - -const ProductDetails = function ({ backend, detailproduct, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default ProductDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailproduct = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailproduct.GetDetailProduct(query.s||0); - if (res["STATUS"] === 1) { - detailproduct = res["DATA"]["products"]; - } - - return { - props: { detailproduct, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/yamalube.js b/pages/product/yamalube.js deleted file mode 100644 index 1732817..0000000 --- a/pages/product/yamalube.js +++ /dev/null @@ -1,73 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import GetDataYamalube from "../../api/product/accessories.js"; -import DataYamalube from "../../pages-sections/product/yamalube.js"; -import DataSnackbarContent from "../../pages-sections/snackbar.js"; -import Router from 'next/router' - -const useStyles = makeStyles(styles); -const queryClient = new QueryClient(); -const handleName = values => { - Router.push({ - pathname: '/product/yamalube', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} -const Yamalube = function ({ selected, yamalube, backend, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default Yamalube; - -export async function getServerSideProps(context) { - var yamalube = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDataYamalube.GetYamalube(filter); - - if (res["STATUS"] === 1) { - yamalube = res["DATA"]["accessories"]; - if (filter !=""){ - selected = yamalube.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, yamalube, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/yamalube_details.js b/pages/product/yamalube_details.js deleted file mode 100644 index 4cecf2e..0000000 --- a/pages/product/yamalube_details.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import YamalubeDetail from "pages-sections/product/yamalube_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailYamalube from "../../api/product/accessories.js" - -const useStyles = makeStyles(styles); - -const YamalubeDetails = function ({ backend, detailyamalube, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default YamalubeDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailyamalube = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailYamalube.GetDetailAccessories(query.s||0); - if (res["STATUS"] === 1) { - detailyamalube = res["DATA"]["accessories"]; - } - - return { - props: { detailyamalube, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/ygp.js b/pages/product/ygp.js deleted file mode 100644 index 085487c..0000000 --- a/pages/product/ygp.js +++ /dev/null @@ -1,74 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; -import { QueryClient, QueryClientProvider, useQuery } from 'react-query' - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; - -import GetDataYGP from "../../api/product/accessories.js"; -import DataYGP from "../../pages-sections/product/ygp.js"; -import DataSnackbarContent from "../../pages-sections/snackbar.js"; -import Router from 'next/router' - - -const useStyles = makeStyles(styles); -const queryClient = new QueryClient(); -const handleName = values => { - Router.push({ - pathname: '/product/ygp', - query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, - }) -} -const YGP = function ({ selected,ygp, backend, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white", - }} - {...rest} - /> - -
- - - - -
-
-
- ); -}; - -export default YGP; - -export async function getServerSideProps(context) { - var ygp = []; - var filter = context.query.filter||""; - var selected = ""; - - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDataYGP.GetYGP(filter); - - if (res["STATUS"] === 1) { - ygp = res["DATA"]["accessories"]; - if (filter !=""){ - selected = ygp.filter((i)=>i.name==filter); - } - } - - return { - props: { selected, ygp, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/product/ygp_details.js b/pages/product/ygp_details.js deleted file mode 100644 index 55ee865..0000000 --- a/pages/product/ygp_details.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import classNames from "classnames"; -import { makeStyles } from "@material-ui/core/styles"; - -import Header from "components/Header/Header.js"; -import HeaderLinks from "components/Header/HeaderLinks.js"; -import Footer from "components/Footer/Footer.js"; -import YGPDetail from "pages-sections/product/ygp_details.js"; -import Parallax from "components/Parallax/Parallax.js"; -import styles from "assets/jss/nextjs-material-kit/pages/components.js"; -import GetDetailYGP from "../../api/product/accessories.js" - -const useStyles = makeStyles(styles); - -const YGPDetails = function ({ backend, detailygp, ...props }) { - const classes = useStyles(); - const { ...rest } = props; - return ( -
-
} - fixed - color="info" - changeColorOnScroll={{ - height: 400, - color: "white" - }} - {...rest} - /> - -
- -
-
-
- ); -} - -export default YGPDetails; - -export async function getServerSideProps(context) { - var {query} = context; - var detailygp = []; - const backend = process.env.BACKEND_SERVER_URI; - - var res = await GetDetailYGP.GetDetailAccessories(query.s||0); - if (res["STATUS"] === 1) { - detailygp = res["DATA"]["accessories"]; - } - - return { - props: { detailygp, backend }, // will be passed to the page component as props - }; -} \ No newline at end of file diff --git a/pages/suzuki/_app.js b/pages/suzuki/_app.js new file mode 100644 index 0000000..5ebfe61 --- /dev/null +++ b/pages/suzuki/_app.js @@ -0,0 +1,48 @@ +import React from "react"; +import ReactDOM from "react-dom"; +import App from "next/app"; +import Head from "next/head"; +import Router from "next/router"; +import PageChange from "components/PageChange/PageChange.js"; + +import "assets/scss/nextjs-material-kit.scss?v=1.1.0"; +// import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +Router.events.on("routeChangeStart", (url) => { + console.log(`Loading: ${url}`); + document.body.classList.add("body-page-transition"); + ReactDOM.render( + , + document.getElementById("page-transition") + ); +}); +Router.events.on("routeChangeComplete", () => { + ReactDOM.unmountComponentAtNode(document.getElementById("page-transition")); + document.body.classList.remove("body-page-transition"); +}); +Router.events.on("routeChangeError", () => { + ReactDOM.unmountComponentAtNode(document.getElementById("page-transition")); + document.body.classList.remove("body-page-transition"); +}); + +export default class MyApp extends App { + static async getInitialProps({ Component, router, ctx }) { + let pageProps = {}; + + if (Component.getInitialProps) { + pageProps = await Component.getInitialProps(ctx); + } + + return { pageProps }; + } + render() { + const { Component, pageProps } = this.props; + return ( + + + Thamrin Group + + + + ); + } +} diff --git a/pages/suzuki/_document.js b/pages/suzuki/_document.js new file mode 100644 index 0000000..4880d27 --- /dev/null +++ b/pages/suzuki/_document.js @@ -0,0 +1,89 @@ +import React from "react"; +import Document, { Head, Main, NextScript } from "next/document"; +import { ServerStyleSheets } from "@material-ui/styles"; + +class MyDocument extends Document { + render() { + return ( + + + + + + + + {/* Fonts and icons */} + + + + +
+
+ + + + ); + } +} + +MyDocument.getInitialProps = async ctx => { + // Resolution order + // + // On the server: + // 1. app.getInitialProps + // 2. page.getInitialProps + // 3. document.getInitialProps + // 4. app.render + // 5. page.render + // 6. document.render + // + // On the server with error: + // 1. document.getInitialProps + // 2. app.render + // 3. page.render + // 4. document.render + // + // On the client + // 1. app.getInitialProps + // 2. page.getInitialProps + // 3. app.render + // 4. page.render + + // Render app and page and get the context of the page with collected side effects. + const sheets = new ServerStyleSheets(); + const originalRenderPage = ctx.renderPage; + + ctx.renderPage = () => + originalRenderPage({ + enhanceApp: App => props => sheets.collect() + }); + + const initialProps = await Document.getInitialProps(ctx); + + return { + ...initialProps, + // Styles fragment is rendered after the app and page rendering finish. + styles: [ + + {initialProps.styles} + {sheets.getStyleElement()} + + ] + }; +}; + +export default MyDocument; diff --git a/pages/suzuki/_error.js b/pages/suzuki/_error.js new file mode 100644 index 0000000..47269ba --- /dev/null +++ b/pages/suzuki/_error.js @@ -0,0 +1,12 @@ +import React, { Component } from "react"; +import Router from "next/router"; + +export default class _error extends Component { + componentDidMount = () => { + Router.push("/home"); + }; + + render() { + return
; + } +} diff --git a/pages/suzuki/abous_us/aboutus.js b/pages/suzuki/abous_us/aboutus.js new file mode 100644 index 0000000..32f7ece --- /dev/null +++ b/pages/suzuki/abous_us/aboutus.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 AboutUs from "pages-sections/about_us/about_us.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default AboutUS; diff --git a/pages/suzuki/abous_us/penghargaan.js b/pages/suzuki/abous_us/penghargaan.js new file mode 100644 index 0000000..cc4028a --- /dev/null +++ b/pages/suzuki/abous_us/penghargaan.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Penghargaan from "pages-sections/about_us/penghargaan.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const penghargaan = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default penghargaan; diff --git a/pages/suzuki/abous_us/profile.js b/pages/suzuki/abous_us/profile.js new file mode 100644 index 0000000..a47139d --- /dev/null +++ b/pages/suzuki/abous_us/profile.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Profile from "pages-sections/about_us/profile.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const profile = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default profile; diff --git a/pages/suzuki/abous_us/saham.js b/pages/suzuki/abous_us/saham.js new file mode 100644 index 0000000..af455eb --- /dev/null +++ b/pages/suzuki/abous_us/saham.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Saham from "pages-sections/about_us/saham.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const saham = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default saham; diff --git a/pages/suzuki/abous_us/sejarah.js b/pages/suzuki/abous_us/sejarah.js new file mode 100644 index 0000000..2b89db6 --- /dev/null +++ b/pages/suzuki/abous_us/sejarah.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Sejarah from "pages-sections/about_us/sejarah.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const sejarah = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default sejarah; diff --git a/pages/suzuki/abous_us/struktur_organisasi.js b/pages/suzuki/abous_us/struktur_organisasi.js new file mode 100644 index 0000000..105415a --- /dev/null +++ b/pages/suzuki/abous_us/struktur_organisasi.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 StrukturOrganisasi from "pages-sections/about_us/struktur_organisasi.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const Strukturorganisasi = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default Strukturorganisasi; diff --git a/pages/suzuki/abous_us/tata_kelola.js b/pages/suzuki/abous_us/tata_kelola.js new file mode 100644 index 0000000..0a793dc --- /dev/null +++ b/pages/suzuki/abous_us/tata_kelola.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 TataKelola from "pages-sections/about_us/tata_kelola.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const Tatakelola = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default Tatakelola; diff --git a/pages/suzuki/abous_us/tugas_fungsi.js b/pages/suzuki/abous_us/tugas_fungsi.js new file mode 100644 index 0000000..28e95ef --- /dev/null +++ b/pages/suzuki/abous_us/tugas_fungsi.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 TugasFungsi from "pages-sections/about_us/tugas_fungsi.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default AboutUS; diff --git a/pages/suzuki/api/product/get.js b/pages/suzuki/api/product/get.js new file mode 100644 index 0000000..26306a7 --- /dev/null +++ b/pages/suzuki/api/product/get.js @@ -0,0 +1,27 @@ +import DetailProduct from "../../../api/product/product"; + +export default async function handler(req, res) { + console.log("masuk"); + if (req.method == "POST") { + var id = req.body.id; + var detailproduct = await DetailProduct.GetDetailProduct(id); + if (detailproduct["STATUS"] == 0) { + res.status(200).json(detailproduct); + } else if (detailproduct["DATA"]["products"] == null) { + res + .status(200) + .json({ + STATUS: 0, + DATA: "Product Tidak Ditemukan" + }); + } else { + res.status(200).json({ + STATUS: 1, + DATA: detailproduct["DATA"]["products"], + }); + } + } else { + console.log("masukas"); + res.status(200).send("NOT FOUND"); + } +} \ No newline at end of file diff --git a/pages/suzuki/carrer.js b/pages/suzuki/carrer.js new file mode 100644 index 0000000..8c2f619 --- /dev/null +++ b/pages/suzuki/carrer.js @@ -0,0 +1,66 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import SectionCarrer from "pages-sections/carrer/carrer.js"; +import Getcarrer from "../api/carrer/carrer.js" + +const useStyles = makeStyles(styles); + +const Carrer = function ({ backend, s1, d3, sma, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default Carrer; + +export async function getServerSideProps(context) { + var s1 = []; + var d3 = []; + var sma = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getcarrer.GetCarrerS1(); + if (res["STATUS"] === 1) { + s1 = res["DATA"]["carrers"]; + } + + var res = await Getcarrer.GetCarrerD3(); + if (res["STATUS"] === 1) { + d3 = res["DATA"]["carrers"]; + } + + var res = await Getcarrer.GetCarrerSMA(); + if (res["STATUS"] === 1) { + sma = res["DATA"]["carrers"]; + } + + return { + props: { s1, d3, sma, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/carrer_details.js b/pages/suzuki/carrer_details.js new file mode 100644 index 0000000..82d8bee --- /dev/null +++ b/pages/suzuki/carrer_details.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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import CarrerDetail from "pages-sections/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" + +const useStyles = makeStyles(styles); + +const CarrerDetails = function ({ backend, detailcarrer, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default CarrerDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailcarrer = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailcarrer.GetDetailCarrer(query.s||0); + if (res["STATUS"] === 1) { + detailcarrer = res["DATA"]["carrers"]; + } + + console.log(res); + + return { + props: { detailcarrer, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/cart.js b/pages/suzuki/cart.js new file mode 100644 index 0000000..1b9514d --- /dev/null +++ b/pages/suzuki/cart.js @@ -0,0 +1,36 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +// import SectionChart from "pages-sections/cart/SectionChart.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "../assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +export default function Components(props) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ {/* */} +
+
+
+ ); +} diff --git a/pages/suzuki/dealers.js b/pages/suzuki/dealers.js new file mode 100644 index 0000000..dee90f6 --- /dev/null +++ b/pages/suzuki/dealers.js @@ -0,0 +1,74 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import Router from 'next/router' + +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 Getdealer from "../api/dealer/dealer.js"; +import DataSnackbarContent from "../pages-sections/snackbar.js"; +import DataDealers from "../pages-sections/dealers/dealers.js"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +const queryClient = new QueryClient() +const handleName = values => { + Router.push({ + pathname: '/dealers', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} + +const useStyles = makeStyles(styles); +const Dealers = function ({ selected, backend, dealers, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Dealers; + +export async function getServerSideProps(context) { + var dealers = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getdealer.GetDealers(filter); + if (res["STATUS"] === 1) { + dealers = res["DATA"]["dealers"]; + if (filter !=""){ + selected = dealers.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, dealers, backend, }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/home.js b/pages/suzuki/home.js new file mode 100644 index 0000000..c49cfff --- /dev/null +++ b/pages/suzuki/home.js @@ -0,0 +1,87 @@ +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 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/snackbar.js"; +import DataCarousel from "../pages-sections/home/carousel.js"; +import DataService from "../pages-sections/home/service.js"; +import DataBusinessPartner from "../pages-sections/home/business_partner.js"; +import DataSosmed from "../pages-sections/home/sosmed.js"; +import CoreValue from "../pages-sections/home/core_value.js"; +import DataFeature from "../pages-sections/home/feature.js"; + +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 async function getServerSideProps(context) { + var businessPartners = []; + var service = []; + var carousel = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetbusinessPartners.GetbusinessPartners(); + if (res["STATUS"] === 1) { + businessPartners = res["DATA"]["businessPartners"]; + } + + var res = await Getservices.Getservices(); + if (res["STATUS"] === 1) { + service = res["DATA"]["services"]; + } + + var res = await Getcarousels.GetCarousels(); + if (res["STATUS"] === 1) { + carousel = res["DATA"]["carousels"]; + } + + return { + props: { businessPartners, service, carousel, backend }, // will be passed to the page component as props + }; +} + +export default Home; diff --git a/pages/suzuki/index.js b/pages/suzuki/index.js new file mode 100644 index 0000000..0e48cc9 --- /dev/null +++ b/pages/suzuki/index.js @@ -0,0 +1,12 @@ +import React, { Component } from "react"; +import Router from "next/router"; + +export default class Index extends Component { + componentDidMount = () => { + Router.push("/home"); + }; + + render() { + return
; + } +} diff --git a/pages/suzuki/latestnews.js b/pages/suzuki/latestnews.js new file mode 100644 index 0000000..e518a67 --- /dev/null +++ b/pages/suzuki/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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.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/snackbar.js"; +import DataLatestNews from "../pages-sections/latest_news/news.js"; + +const useStyles = makeStyles(styles); + +const LatestNews = function ({ backend, news, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + +
+
+
+ ); +} + +export default LatestNews; + +export async function getServerSideProps(context) { + var news = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetLatestNews.GetNews(); + if (res["STATUS"] === 1) { + news = res["DATA"]["latestNews"]; + } + return { + props: { news, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/latestnews_details.js b/pages/suzuki/latestnews_details.js new file mode 100644 index 0000000..ed02be2 --- /dev/null +++ b/pages/suzuki/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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.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/snackbar.js"; +import DetailLatestNews from "../pages-sections/latest_news/news_details.js"; + +const useStyles = makeStyles(styles); + +const detailLatestNews = function ({ backend, news, othernews, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + +
+
+
+ ); +} + +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.GetOtherNews(); + if (res["STATUS"] === 1) { + othernews = res["DATA"]["latestNews"]; + } + return { + props: { othernews, news, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/login.js b/pages/suzuki/login.js new file mode 100644 index 0000000..2130766 --- /dev/null +++ b/pages/suzuki/login.js @@ -0,0 +1,138 @@ +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 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"; + +const useStyles = makeStyles(styles); + +export default function LoginPage(props) { + const [cardAnimaton, setCardAnimation] = React.useState("cardHidden"); + setTimeout(function() { + setCardAnimation(""); + }, 700); + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + {...rest} + /> +
+
+ + + +
+ +

Login

+
+ + + +
+ +

Welcome to Thamrin Brothers

+ + + + + ) + }} + /> + + + lock_outline + + + ), + autoComplete: "off" + }} + /> + + + + + +
+ + +
+
+
+
+ ); +} diff --git a/pages/suzuki/product/accessories.js b/pages/suzuki/product/accessories.js new file mode 100644 index 0000000..3443981 --- /dev/null +++ b/pages/suzuki/product/accessories.js @@ -0,0 +1,72 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataAccessories from "../../api/product/accessories.js"; +import DataAccessories from "../../pages-sections/product/accessories.js"; +import DataSnackbarContent from "../../pages-sections/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/product/accessories', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Accessories = function ({ selected, accessories, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Accessories; + +export async function getServerSideProps(context) { + var accessories = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataAccessories.GetAccessories(filter); + if (res["STATUS"] === 1) { + accessories = res["DATA"]["accessories"]; + if (filter !=""){ + selected = accessories.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, accessories, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/accessories_details.js b/pages/suzuki/product/accessories_details.js new file mode 100644 index 0000000..5f41927 --- /dev/null +++ b/pages/suzuki/product/accessories_details.js @@ -0,0 +1,55 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import AccessoriesDetail from "pages-sections/product/accessories_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailAccessories from "../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const AccessoriesDetails = function ({ backend, detailaccessories, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default AccessoriesDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailaccessories = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailAccessories.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailaccessories = res["DATA"]["accessories"]; + } + console.log(detailaccessories); + + return { + props: { detailaccessories, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/apparel.js b/pages/suzuki/product/apparel.js new file mode 100644 index 0000000..05d8f20 --- /dev/null +++ b/pages/suzuki/product/apparel.js @@ -0,0 +1,135 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataApparel from "../../api/product/apparel.js"; +import DataApparel from "../../pages-sections/product/apparel.js"; +import DataSnackbarContent from "../../pages-sections/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/product/apparel', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Apparel = function ({ selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Apparel; + +export async function getServerSideProps(context) { + var apparel = []; + var asia = []; + var basic = []; + var merchand = []; + var maxi = []; + var rainsuit = []; + var motogp = []; + var offroad = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataApparel.GetApparel(filter); + if (res["STATUS"] === 1) { + apparel = res["DATA"]["apparels"]; + if (filter !=""){ + selected = apparel.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparel46Asia(filter); + if (res["STATUS"] === 1) { + asia = res["DATA"]["apparels"]; + if (filter !=""){ + selected = asia.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelBasic(filter); + if (res["STATUS"] === 1) { + basic = res["DATA"]["apparels"]; + if (filter !=""){ + selected = basic.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMerchandise(filter); + if (res["STATUS"] === 1) { + merchand = res["DATA"]["apparels"]; + if (filter !=""){ + selected = merchand.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMaxi(filter); + if (res["STATUS"] === 1) { + maxi = res["DATA"]["apparels"]; + if (filter !=""){ + selected = maxi.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelRainSuit(filter); + if (res["STATUS"] === 1) { + rainsuit = res["DATA"]["apparels"]; + if (filter !=""){ + selected = rainsuit.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMotoGP(filter); + if (res["STATUS"] === 1) { + motogp = res["DATA"]["apparels"]; + if (filter !=""){ + selected = motogp.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelOffRoad(filter); + if (res["STATUS"] === 1) { + offroad = res["DATA"]["apparels"]; + if (filter !=""){ + selected = offroad.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/apparel_details.js b/pages/suzuki/product/apparel_details.js new file mode 100644 index 0000000..f19ee4c --- /dev/null +++ b/pages/suzuki/product/apparel_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import ApparelDetail from "pages-sections/product/apparel_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailApparel from "../../api/product/apparel.js" + +const useStyles = makeStyles(styles); + +const ApparelDetails = function ({ backend, detailapparel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default ApparelDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailapparel = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailApparel.GetDetailApparel(query.s||0); + if (res["STATUS"] === 1) { + detailapparel = res["DATA"]["apparels"]; + } + + return { + props: { detailapparel, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/helmet.js b/pages/suzuki/product/helmet.js new file mode 100644 index 0000000..55198aa --- /dev/null +++ b/pages/suzuki/product/helmet.js @@ -0,0 +1,135 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataHelmet from "../../api/product/helmet.js" +import DataHelmet from "../../pages-sections/product/helmet.js"; +import DataSnackbarContent from "../../pages-sections/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/product/helmet', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Helmet = function ({ selected, helmet, mtx, extreme, ranger, backend, fighter, swirl, classic, uno, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Helmet; + +export async function getServerSideProps(context) { + var helmet = []; + var mtx = []; + var extreme = []; + var ranger = []; + var fighter = []; + var swirl = []; + var classic = []; + var uno = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataHelmet.GetHelmetRConcepts(filter); + if (res["STATUS"] === 1) { + helmet = res["DATA"]["helmets"]; + if (filter !=""){ + selected = helmet.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetMTX(filter); + if (res["STATUS"] === 1) { + mtx = res["DATA"]["helmets"]; + if (filter !=""){ + selected = mtx.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetExtreme(filter); + if (res["STATUS"] === 1) { + extreme = res["DATA"]["helmets"]; + if (filter !=""){ + selected = extreme.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetRanger(filter); + if (res["STATUS"] === 1) { + ranger = res["DATA"]["helmets"]; + if (filter !=""){ + selected = ranger.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetFighter(filter); + if (res["STATUS"] === 1) { + fighter = res["DATA"]["helmets"]; + if (filter !=""){ + selected = fighter.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetSwirl(filter); + if (res["STATUS"] === 1) { + swirl = res["DATA"]["helmets"]; + if (filter !=""){ + selected = swirl.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetClassic(filter); + if (res["STATUS"] === 1) { + classic = res["DATA"]["helmets"]; + if (filter !=""){ + selected = classic.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetUno(filter); + if (res["STATUS"] === 1) { + uno = res["DATA"]["helmets"]; + if (filter !=""){ + selected = uno.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, helmet, mtx, extreme, ranger, fighter, swirl, classic, uno, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/helmet_details.js b/pages/suzuki/product/helmet_details.js new file mode 100644 index 0000000..4bb92fd --- /dev/null +++ b/pages/suzuki/product/helmet_details.js @@ -0,0 +1,55 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import HelmetDetail from "pages-sections/product/helmet_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailHelmet from "../../api/product/helmet.js" + +const useStyles = makeStyles(styles); + +const HelmetDetails = function ({ backend, detailhelmet, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default HelmetDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailhelmet = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailHelmet.GetDetailHelmet(query.s||0); + if (res["STATUS"] === 1) { + detailhelmet = res["DATA"]["helmets"]; + } + console.log(detailhelmet); + + return { + props: { detailhelmet, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/product.js b/pages/suzuki/product/product.js new file mode 100644 index 0000000..8c17921 --- /dev/null +++ b/pages/suzuki/product/product.js @@ -0,0 +1,129 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import DataProduct from "pages-sections/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"; + +const useStyles = makeStyles(styles); + +const Product = function ({ + backend, + maxi, + matic, + naked, + sport, + offroad, + moped, + monsterenergy, + cbu, + ...props +}) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ +
+
+
+ ); +}; + +export default Product; + +export async function getServerSideProps(context) { + var maxi = []; + var matic = []; + var naked = []; + var sport = []; + var offroad = []; + var moped = []; + var monsterenergy = []; + var cbu = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getproduct.GetProductMaxi(); + if (res["STATUS"] === 1) { + maxi = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMatic(); + if (res["STATUS"] === 1) { + matic = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductNaked(); + if (res["STATUS"] === 1) { + naked = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductSport(); + if (res["STATUS"] === 1) { + sport = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductOffRoad(); + if (res["STATUS"] === 1) { + offroad = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMoped(); + if (res["STATUS"] === 1) { + moped = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMonsterEnergy(); + if (res["STATUS"] === 1) { + monsterenergy = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductCBU(); + if (res["STATUS"] === 1) { + cbu = res["DATA"]["products"]; + } + + console.log(cbu); + + return { + props: { + maxi, + matic, + naked, + sport, + offroad, + moped, + monsterenergy, + cbu, + backend, + }, // will be passed to the page component as props + }; +} diff --git a/pages/suzuki/product/product_detail.js b/pages/suzuki/product/product_detail.js new file mode 100644 index 0000000..c05dc9d --- /dev/null +++ b/pages/suzuki/product/product_detail.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import ProductDetail from "pages-sections/product/product_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailproduct from "../../api/product/product.js" + +const useStyles = makeStyles(styles); + +const ProductDetails = function ({ backend, detailproduct, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default ProductDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailproduct = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailproduct.GetDetailProduct(query.s||0); + if (res["STATUS"] === 1) { + detailproduct = res["DATA"]["products"]; + } + + return { + props: { detailproduct, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/yamalube.js b/pages/suzuki/product/yamalube.js new file mode 100644 index 0000000..1732817 --- /dev/null +++ b/pages/suzuki/product/yamalube.js @@ -0,0 +1,73 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataYamalube from "../../api/product/accessories.js"; +import DataYamalube from "../../pages-sections/product/yamalube.js"; +import DataSnackbarContent from "../../pages-sections/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/product/yamalube', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Yamalube = function ({ selected, yamalube, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Yamalube; + +export async function getServerSideProps(context) { + var yamalube = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataYamalube.GetYamalube(filter); + + if (res["STATUS"] === 1) { + yamalube = res["DATA"]["accessories"]; + if (filter !=""){ + selected = yamalube.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, yamalube, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/yamalube_details.js b/pages/suzuki/product/yamalube_details.js new file mode 100644 index 0000000..4cecf2e --- /dev/null +++ b/pages/suzuki/product/yamalube_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import YamalubeDetail from "pages-sections/product/yamalube_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailYamalube from "../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const YamalubeDetails = function ({ backend, detailyamalube, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default YamalubeDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailyamalube = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailYamalube.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailyamalube = res["DATA"]["accessories"]; + } + + return { + props: { detailyamalube, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/ygp.js b/pages/suzuki/product/ygp.js new file mode 100644 index 0000000..085487c --- /dev/null +++ b/pages/suzuki/product/ygp.js @@ -0,0 +1,74 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataYGP from "../../api/product/accessories.js"; +import DataYGP from "../../pages-sections/product/ygp.js"; +import DataSnackbarContent from "../../pages-sections/snackbar.js"; +import Router from 'next/router' + + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/product/ygp', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const YGP = function ({ selected,ygp, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default YGP; + +export async function getServerSideProps(context) { + var ygp = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataYGP.GetYGP(filter); + + if (res["STATUS"] === 1) { + ygp = res["DATA"]["accessories"]; + if (filter !=""){ + selected = ygp.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, ygp, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/suzuki/product/ygp_details.js b/pages/suzuki/product/ygp_details.js new file mode 100644 index 0000000..55ee865 --- /dev/null +++ b/pages/suzuki/product/ygp_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import YGPDetail from "pages-sections/product/ygp_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailYGP from "../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const YGPDetails = function ({ backend, detailygp, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default YGPDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailygp = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailYGP.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailygp = res["DATA"]["accessories"]; + } + + return { + props: { detailygp, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/abous_us/aboutus.js b/pages/yamaha/abous_us/aboutus.js new file mode 100644 index 0000000..8c52206 --- /dev/null +++ b/pages/yamaha/abous_us/aboutus.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 AboutUs from "pages-sections/yamaha/about_us/about_us.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default AboutUS; diff --git a/pages/yamaha/abous_us/penghargaan.js b/pages/yamaha/abous_us/penghargaan.js new file mode 100644 index 0000000..e034bc9 --- /dev/null +++ b/pages/yamaha/abous_us/penghargaan.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Penghargaan from "pages-sections/yamaha/about_us/penghargaan.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const penghargaan = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default penghargaan; diff --git a/pages/yamaha/abous_us/profile.js b/pages/yamaha/abous_us/profile.js new file mode 100644 index 0000000..17ad9be --- /dev/null +++ b/pages/yamaha/abous_us/profile.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Profile from "pages-sections/yamaha/about_us/profile.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const profile = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default profile; diff --git a/pages/yamaha/abous_us/saham.js b/pages/yamaha/abous_us/saham.js new file mode 100644 index 0000000..8734d72 --- /dev/null +++ b/pages/yamaha/abous_us/saham.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Saham from "pages-sections/yamaha/about_us/saham.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const saham = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default saham; diff --git a/pages/yamaha/abous_us/sejarah.js b/pages/yamaha/abous_us/sejarah.js new file mode 100644 index 0000000..7fab4b3 --- /dev/null +++ b/pages/yamaha/abous_us/sejarah.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 Sejarah from "pages-sections/yamaha/about_us/sejarah.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const sejarah = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default sejarah; diff --git a/pages/yamaha/abous_us/struktur_organisasi.js b/pages/yamaha/abous_us/struktur_organisasi.js new file mode 100644 index 0000000..26cf7c8 --- /dev/null +++ b/pages/yamaha/abous_us/struktur_organisasi.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 StrukturOrganisasi from "pages-sections/yamaha/about_us/struktur_organisasi.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const Strukturorganisasi = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default Strukturorganisasi; diff --git a/pages/yamaha/abous_us/tata_kelola.js b/pages/yamaha/abous_us/tata_kelola.js new file mode 100644 index 0000000..4818007 --- /dev/null +++ b/pages/yamaha/abous_us/tata_kelola.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 TataKelola from "pages-sections/yamaha/about_us/tata_kelola.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const Tatakelola = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default Tatakelola; diff --git a/pages/yamaha/abous_us/tugas_fungsi.js b/pages/yamaha/abous_us/tugas_fungsi.js new file mode 100644 index 0000000..96a1368 --- /dev/null +++ b/pages/yamaha/abous_us/tugas_fungsi.js @@ -0,0 +1,58 @@ +import React from "react"; +// nodejs library that concatenates classes +import classNames from "classnames"; +// react components for routing our app without refresh +import Link from "next/link"; +// @material-ui/core components +import { makeStyles } from "@material-ui/core/styles"; +// @material-ui/icons +// 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 TugasFungsi from "pages-sections/yamaha/about_us/tugas_fungsi.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +const AboutUS = function ({ backend, businessPartners, service, carousel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + + {/*
+

NextJS Material Kit.

+

+ A Badass Material Kit based on Material-UI and NextJS. +

+
*/} + + +
+ +
+ +
+
+
+ ); +} + +export default AboutUS; diff --git a/pages/yamaha/carrer.js b/pages/yamaha/carrer.js new file mode 100644 index 0000000..9e45b8c --- /dev/null +++ b/pages/yamaha/carrer.js @@ -0,0 +1,66 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import SectionCarrer from "pages-sections/yamaha/carrer/carrer.js"; +import Getcarrer from "../../api/carrer/carrer.js" + +const useStyles = makeStyles(styles); + +const Carrer = function ({ backend, s1, d3, sma, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default Carrer; + +export async function getServerSideProps(context) { + var s1 = []; + var d3 = []; + var sma = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getcarrer.GetCarrerS1(); + if (res["STATUS"] === 1) { + s1 = res["DATA"]["carrers"]; + } + + var res = await Getcarrer.GetCarrerD3(); + if (res["STATUS"] === 1) { + d3 = res["DATA"]["carrers"]; + } + + var res = await Getcarrer.GetCarrerSMA(); + if (res["STATUS"] === 1) { + sma = res["DATA"]["carrers"]; + } + + return { + props: { s1, d3, sma, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/carrer_details.js b/pages/yamaha/carrer_details.js new file mode 100644 index 0000000..d6b1a60 --- /dev/null +++ b/pages/yamaha/carrer_details.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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import CarrerDetail from "pages-sections/yamaha/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" + +const useStyles = makeStyles(styles); + +const CarrerDetails = function ({ backend, detailcarrer, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default CarrerDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailcarrer = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailcarrer.GetDetailCarrer(query.s||0); + if (res["STATUS"] === 1) { + detailcarrer = res["DATA"]["carrers"]; + } + + console.log(res); + + return { + props: { detailcarrer, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/cart.js b/pages/yamaha/cart.js new file mode 100644 index 0000000..1b9514d --- /dev/null +++ b/pages/yamaha/cart.js @@ -0,0 +1,36 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +// import SectionChart from "pages-sections/cart/SectionChart.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "../assets/jss/nextjs-material-kit/pages/components.js"; + +const useStyles = makeStyles(styles); + +export default function Components(props) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ {/* */} +
+
+
+ ); +} diff --git a/pages/yamaha/dealers.js b/pages/yamaha/dealers.js new file mode 100644 index 0000000..b8b88e3 --- /dev/null +++ b/pages/yamaha/dealers.js @@ -0,0 +1,74 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import Router from 'next/router' + +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 Getdealer from "../../api/dealer/dealer.js"; +import DataSnackbarContent from "../../pages-sections/yamaha/snackbar.js"; +import DataDealers from "../../pages-sections/yamaha/dealers/dealers.js"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +const queryClient = new QueryClient() +const handleName = values => { + Router.push({ + pathname: 'yamaha/dealers', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} + +const useStyles = makeStyles(styles); +const Dealers = function ({ selected, backend, dealers, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Dealers; + +export async function getServerSideProps(context) { + var dealers = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getdealer.GetDealers(filter); + if (res["STATUS"] === 1) { + dealers = res["DATA"]["dealers"]; + if (filter !=""){ + selected = dealers.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, dealers, backend, }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/home.js b/pages/yamaha/home.js new file mode 100644 index 0000000..1cf396a --- /dev/null +++ b/pages/yamaha/home.js @@ -0,0 +1,87 @@ +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 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/yamaha/home/carousel.js"; +import DataService from "../../pages-sections/yamaha/home/service.js"; +import DataBusinessPartner from "../../pages-sections/yamaha/home/business_partner.js"; +import DataSosmed from "../../pages-sections/yamaha/home/sosmed.js"; +import CoreValue from "../../pages-sections/yamaha/home/core_value.js"; +import DataFeature from "../../pages-sections/yamaha/home/feature.js"; + +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 async function getServerSideProps(context) { + var businessPartners = []; + var service = []; + var carousel = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetbusinessPartners.GetbusinessPartners(); + if (res["STATUS"] === 1) { + businessPartners = res["DATA"]["businessPartners"]; + } + + var res = await Getservices.Getservices(); + if (res["STATUS"] === 1) { + service = res["DATA"]["services"]; + } + + var res = await Getcarousels.GetCarousels(); + if (res["STATUS"] === 1) { + carousel = res["DATA"]["carousels"]; + } + + return { + props: { businessPartners, service, carousel, backend }, // will be passed to the page component as props + }; +} + +export default Home; diff --git a/pages/yamaha/latestnews.js b/pages/yamaha/latestnews.js new file mode 100644 index 0000000..cb29667 --- /dev/null +++ b/pages/yamaha/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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.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/yamaha/snackbar.js"; +import DataLatestNews from "../../pages-sections/yamaha/latest_news/news.js"; + +const useStyles = makeStyles(styles); + +const LatestNews = function ({ backend, news, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + +
+
+
+ ); +} + +export default LatestNews; + +export async function getServerSideProps(context) { + var news = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetLatestNews.GetNews(); + if (res["STATUS"] === 1) { + news = res["DATA"]["latestNews"]; + } + return { + props: { news, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/latestnews_details.js b/pages/yamaha/latestnews_details.js new file mode 100644 index 0000000..5b8e8b4 --- /dev/null +++ b/pages/yamaha/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 HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.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/yamaha/snackbar.js"; +import DetailLatestNews from "../../pages-sections/yamaha/latest_news/news_details.js"; + +const useStyles = makeStyles(styles); + +const detailLatestNews = function ({ backend, news, othernews, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ + +
+
+
+ ); +} + +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.GetOtherNews(); + if (res["STATUS"] === 1) { + othernews = res["DATA"]["latestNews"]; + } + return { + props: { othernews, news, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/login.js b/pages/yamaha/login.js new file mode 100644 index 0000000..2130766 --- /dev/null +++ b/pages/yamaha/login.js @@ -0,0 +1,138 @@ +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 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"; + +const useStyles = makeStyles(styles); + +export default function LoginPage(props) { + const [cardAnimaton, setCardAnimation] = React.useState("cardHidden"); + setTimeout(function() { + setCardAnimation(""); + }, 700); + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + {...rest} + /> +
+
+ + + +
+ +

Login

+
+ + + +
+ +

Welcome to Thamrin Brothers

+ + + + + ) + }} + /> + + + lock_outline + + + ), + autoComplete: "off" + }} + /> + + + + + +
+ + +
+
+
+
+ ); +} diff --git a/pages/yamaha/product/accessories.js b/pages/yamaha/product/accessories.js new file mode 100644 index 0000000..0d2e795 --- /dev/null +++ b/pages/yamaha/product/accessories.js @@ -0,0 +1,72 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataAccessories from "../../../api/product/accessories.js"; +import DataAccessories from "../../../pages-sections/yamaha/product/accessories.js"; +import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: 'yamaha/product/accessories', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Accessories = function ({ selected, accessories, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Accessories; + +export async function getServerSideProps(context) { + var accessories = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataAccessories.GetAccessories(filter); + if (res["STATUS"] === 1) { + accessories = res["DATA"]["accessories"]; + if (filter !=""){ + selected = accessories.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, accessories, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/accessories_details.js b/pages/yamaha/product/accessories_details.js new file mode 100644 index 0000000..c1e8c00 --- /dev/null +++ b/pages/yamaha/product/accessories_details.js @@ -0,0 +1,55 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import AccessoriesDetail from "pages-sections/yamaha/product/accessories_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailAccessories from "../../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const AccessoriesDetails = function ({ backend, detailaccessories, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default AccessoriesDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailaccessories = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailAccessories.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailaccessories = res["DATA"]["accessories"]; + } + console.log(detailaccessories); + + return { + props: { detailaccessories, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/apparel.js b/pages/yamaha/product/apparel.js new file mode 100644 index 0000000..ad89731 --- /dev/null +++ b/pages/yamaha/product/apparel.js @@ -0,0 +1,135 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataApparel from "../../../api/product/apparel.js"; +import DataApparel from "../../../pages-sections/yamaha/product/apparel.js"; +import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: 'yamaha/product/apparel', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Apparel = function ({ selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Apparel; + +export async function getServerSideProps(context) { + var apparel = []; + var asia = []; + var basic = []; + var merchand = []; + var maxi = []; + var rainsuit = []; + var motogp = []; + var offroad = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataApparel.GetApparel(filter); + if (res["STATUS"] === 1) { + apparel = res["DATA"]["apparels"]; + if (filter !=""){ + selected = apparel.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparel46Asia(filter); + if (res["STATUS"] === 1) { + asia = res["DATA"]["apparels"]; + if (filter !=""){ + selected = asia.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelBasic(filter); + if (res["STATUS"] === 1) { + basic = res["DATA"]["apparels"]; + if (filter !=""){ + selected = basic.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMerchandise(filter); + if (res["STATUS"] === 1) { + merchand = res["DATA"]["apparels"]; + if (filter !=""){ + selected = merchand.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMaxi(filter); + if (res["STATUS"] === 1) { + maxi = res["DATA"]["apparels"]; + if (filter !=""){ + selected = maxi.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelRainSuit(filter); + if (res["STATUS"] === 1) { + rainsuit = res["DATA"]["apparels"]; + if (filter !=""){ + selected = rainsuit.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelMotoGP(filter); + if (res["STATUS"] === 1) { + motogp = res["DATA"]["apparels"]; + if (filter !=""){ + selected = motogp.filter((i)=>i.name==filter); + } + } + + var res = await GetDataApparel.GetApparelOffRoad(filter); + if (res["STATUS"] === 1) { + offroad = res["DATA"]["apparels"]; + if (filter !=""){ + selected = offroad.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, apparel, asia, basic, merchand, maxi, rainsuit, motogp, offroad, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/apparel_details.js b/pages/yamaha/product/apparel_details.js new file mode 100644 index 0000000..b43a588 --- /dev/null +++ b/pages/yamaha/product/apparel_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import ApparelDetail from "pages-sections/yamaha/product/apparel_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailApparel from "../../../api/product/apparel.js" + +const useStyles = makeStyles(styles); + +const ApparelDetails = function ({ backend, detailapparel, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default ApparelDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailapparel = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailApparel.GetDetailApparel(query.s||0); + if (res["STATUS"] === 1) { + detailapparel = res["DATA"]["apparels"]; + } + + return { + props: { detailapparel, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/helmet.js b/pages/yamaha/product/helmet.js new file mode 100644 index 0000000..b359e21 --- /dev/null +++ b/pages/yamaha/product/helmet.js @@ -0,0 +1,135 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataHelmet from "../../../api/product/helmet.js" +import DataHelmet from "../../../pages-sections/yamaha/product/helmet.js"; +import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/yamaha/product/helmet', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Helmet = function ({ selected, helmet, mtx, extreme, ranger, backend, fighter, swirl, classic, uno, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Helmet; + +export async function getServerSideProps(context) { + var helmet = []; + var mtx = []; + var extreme = []; + var ranger = []; + var fighter = []; + var swirl = []; + var classic = []; + var uno = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataHelmet.GetHelmetRConcepts(filter); + if (res["STATUS"] === 1) { + helmet = res["DATA"]["helmets"]; + if (filter !=""){ + selected = helmet.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetMTX(filter); + if (res["STATUS"] === 1) { + mtx = res["DATA"]["helmets"]; + if (filter !=""){ + selected = mtx.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetExtreme(filter); + if (res["STATUS"] === 1) { + extreme = res["DATA"]["helmets"]; + if (filter !=""){ + selected = extreme.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetRanger(filter); + if (res["STATUS"] === 1) { + ranger = res["DATA"]["helmets"]; + if (filter !=""){ + selected = ranger.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetFighter(filter); + if (res["STATUS"] === 1) { + fighter = res["DATA"]["helmets"]; + if (filter !=""){ + selected = fighter.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetSwirl(filter); + if (res["STATUS"] === 1) { + swirl = res["DATA"]["helmets"]; + if (filter !=""){ + selected = swirl.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetClassic(filter); + if (res["STATUS"] === 1) { + classic = res["DATA"]["helmets"]; + if (filter !=""){ + selected = classic.filter((i)=>i.name==filter); + } + } + + var res = await GetDataHelmet.GetHelmetUno(filter); + if (res["STATUS"] === 1) { + uno = res["DATA"]["helmets"]; + if (filter !=""){ + selected = uno.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, helmet, mtx, extreme, ranger, fighter, swirl, classic, uno, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/helmet_details.js b/pages/yamaha/product/helmet_details.js new file mode 100644 index 0000000..302939f --- /dev/null +++ b/pages/yamaha/product/helmet_details.js @@ -0,0 +1,55 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import HelmetDetail from "pages-sections/yamaha/product/helmet_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailHelmet from "../../../api/product/helmet.js" + +const useStyles = makeStyles(styles); + +const HelmetDetails = function ({ backend, detailhelmet, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default HelmetDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailhelmet = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailHelmet.GetDetailHelmet(query.s||0); + if (res["STATUS"] === 1) { + detailhelmet = res["DATA"]["helmets"]; + } + console.log(detailhelmet); + + return { + props: { detailhelmet, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/product.js b/pages/yamaha/product/product.js new file mode 100644 index 0000000..a9dfe58 --- /dev/null +++ b/pages/yamaha/product/product.js @@ -0,0 +1,129 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import DataProduct from "pages-sections/yamaha/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"; + +const useStyles = makeStyles(styles); + +const Product = function ({ + backend, + maxi, + matic, + naked, + sport, + offroad, + moped, + monsterenergy, + cbu, + ...props +}) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ +
+
+
+ ); +}; + +export default Product; + +export async function getServerSideProps(context) { + var maxi = []; + var matic = []; + var naked = []; + var sport = []; + var offroad = []; + var moped = []; + var monsterenergy = []; + var cbu = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await Getproduct.GetProductMaxi(); + if (res["STATUS"] === 1) { + maxi = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMatic(); + if (res["STATUS"] === 1) { + matic = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductNaked(); + if (res["STATUS"] === 1) { + naked = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductSport(); + if (res["STATUS"] === 1) { + sport = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductOffRoad(); + if (res["STATUS"] === 1) { + offroad = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMoped(); + if (res["STATUS"] === 1) { + moped = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductMonsterEnergy(); + if (res["STATUS"] === 1) { + monsterenergy = res["DATA"]["products"]; + } + + var res = await Getproduct.GetProductCBU(); + if (res["STATUS"] === 1) { + cbu = res["DATA"]["products"]; + } + + console.log(cbu); + + return { + props: { + maxi, + matic, + naked, + sport, + offroad, + moped, + monsterenergy, + cbu, + backend, + }, // will be passed to the page component as props + }; +} diff --git a/pages/yamaha/product/product_detail.js b/pages/yamaha/product/product_detail.js new file mode 100644 index 0000000..5ba3aea --- /dev/null +++ b/pages/yamaha/product/product_detail.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import ProductDetail from "pages-sections/yamaha/product/product_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailproduct from "../../../api/product/product.js" + +const useStyles = makeStyles(styles); + +const ProductDetails = function ({ backend, detailproduct, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default ProductDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailproduct = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailproduct.GetDetailProduct(query.s||0); + if (res["STATUS"] === 1) { + detailproduct = res["DATA"]["products"]; + } + + return { + props: { detailproduct, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/yamalube.js b/pages/yamaha/product/yamalube.js new file mode 100644 index 0000000..8d90a75 --- /dev/null +++ b/pages/yamaha/product/yamalube.js @@ -0,0 +1,73 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataYamalube from "../../../api/product/accessories.js"; +import DataYamalube from "../../../pages-sections/yamaha/product/yamalube.js"; +import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; +import Router from 'next/router' + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/yamaha/product/yamalube', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const Yamalube = function ({ selected, yamalube, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default Yamalube; + +export async function getServerSideProps(context) { + var yamalube = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataYamalube.GetYamalube(filter); + + if (res["STATUS"] === 1) { + yamalube = res["DATA"]["accessories"]; + if (filter !=""){ + selected = yamalube.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, yamalube, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/yamalube_details.js b/pages/yamaha/product/yamalube_details.js new file mode 100644 index 0000000..7fbc412 --- /dev/null +++ b/pages/yamaha/product/yamalube_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import YamalubeDetail from "pages-sections/yamaha/product/yamalube_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailYamalube from "../../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const YamalubeDetails = function ({ backend, detailyamalube, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+
+ ); +} + +export default YamalubeDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailyamalube = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailYamalube.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailyamalube = res["DATA"]["accessories"]; + } + + return { + props: { detailyamalube, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/ygp.js b/pages/yamaha/product/ygp.js new file mode 100644 index 0000000..aa09b8a --- /dev/null +++ b/pages/yamaha/product/ygp.js @@ -0,0 +1,74 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; +import { QueryClient, QueryClientProvider, useQuery } from 'react-query' + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; + +import GetDataYGP from "../../../api/product/accessories.js"; +import DataYGP from "../../../pages-sections/yamaha/product/ygp.js"; +import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js"; +import Router from 'next/router' + + +const useStyles = makeStyles(styles); +const queryClient = new QueryClient(); +const handleName = values => { + Router.push({ + pathname: '/yamaha/product/ygp', + query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, + }) +} +const YGP = function ({ selected,ygp, backend, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white", + }} + {...rest} + /> + +
+ + + + +
+
+
+ ); +}; + +export default YGP; + +export async function getServerSideProps(context) { + var ygp = []; + var filter = context.query.filter||""; + var selected = ""; + + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDataYGP.GetYGP(filter); + + if (res["STATUS"] === 1) { + ygp = res["DATA"]["accessories"]; + if (filter !=""){ + selected = ygp.filter((i)=>i.name==filter); + } + } + + return { + props: { selected, ygp, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file diff --git a/pages/yamaha/product/ygp_details.js b/pages/yamaha/product/ygp_details.js new file mode 100644 index 0000000..2e1179a --- /dev/null +++ b/pages/yamaha/product/ygp_details.js @@ -0,0 +1,54 @@ +import React from "react"; +import classNames from "classnames"; +import { makeStyles } from "@material-ui/core/styles"; + +import Header from "components/Header/Header.js"; +import HeaderLinks from "components/Header/HeaderLinks.js"; +import Footer from "components/Footer/Footer.js"; +import YGPDetail from "pages-sections/yamaha/product/ygp_details.js"; +import Parallax from "components/Parallax/Parallax.js"; +import styles from "assets/jss/nextjs-material-kit/pages/components.js"; +import GetDetailYGP from "../../../api/product/accessories.js" + +const useStyles = makeStyles(styles); + +const YGPDetails = function ({ backend, detailygp, ...props }) { + const classes = useStyles(); + const { ...rest } = props; + return ( +
+
} + fixed + color="info" + changeColorOnScroll={{ + height: 400, + color: "white" + }} + {...rest} + /> + +
+ +
+
+ ); +} + +export default YGPDetails; + +export async function getServerSideProps(context) { + var {query} = context; + var detailygp = []; + const backend = process.env.BACKEND_SERVER_URI; + + var res = await GetDetailYGP.GetDetailAccessories(query.s||0); + if (res["STATUS"] === 1) { + detailygp = res["DATA"]["accessories"]; + } + + return { + props: { detailygp, backend }, // will be passed to the page component as props + }; +} \ No newline at end of file