sales

components/Sales/Sales.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Sales = function ({ backend, sales, ...props }) {
+
+    const DataSales = sales.map((data) => {
+        return (
+            <div className="col-lg-3 col-md-6">
+                <div className="single-team">
+                    <img src={`${backend}${data.foto["url"]}`} alt="image" />
+
+                    <div className="team-content">
+                        <div className="team-info">
+                            <span>{data.name}</span><br/>
+                            <span>{data.job_title}</span>
+                        </div>
+
+                        <ul>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Facebook /></a>
+                                </Link>
+
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Twitter /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Linkedin /></a>
+                                </Link>
+                            </li>
+                            <li>
+                                <Link href="#">
+                                    <a target="_blank"><Icon.Gitlab /></a>
+                                </Link>
+                            </li>
+                        </ul>
+                        <br /><br />
+                        <Link href={"/Sales/Sales?s="+data.id}>
+                            <a className="btn btn-primary">Get Started</a>
+                        </Link>
+                    </div>
+                </div>
+            </div>
+        )
+    })
+    return (
+        <div className="team-area repair-team-area pt-80 pb-50 bg-f9f6f6">
+            <div className="container">
+                <div className="section-title">
+                    <h2>Mercedes Benz Sales</h2>
+                    <div className="bar"></div>
+                </div>
+
+                <div className="row justify-content-center">
+                    {DataSales}
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Sales;

components/Sales/Sales_Detail.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+// import FaWhatsapp from "react-icons/fa";
+
+const Sales = function ({ backend, sales, ...props }) {
+
+    const DataSales = sales.map((data) => {
+        return (
+            <div>
+                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
+                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+                <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+
+                <div class="jumbotron" style={{ backgroundColor: "#000", marginLeft: "-15px", marginRight: "-15px" }}>
+                    <div className="col-lg-3 col-md-6">
+                        <div className="single-team" style={{ backgroundColor: "#000" }}>
+                            <img src="/images/Sales/Logo Star.png" width="200px" alt="image" style={{ marginTop: "-30px" }} />
+
+                            <div className="team-content">
+                                <h1 style={{ color: "#fff" }}>{data.name}</h1>
+                                <p style={{ color: "#fff" }}><strong>{data.job_title}</strong></p>
+                                <br />
+                            </div>
+                        </div>
+                    </div>
+                    <div align="center" style={{ marginTop: "-30px" }}>
+                        <Link href={"/Sales/Sales?s=" + data.id}>
+                            <a style={{ padding: "20px" }} className="btn btn-primary"><i class="fas fa-camera"/> Call Us</a>
+                        </Link>
+                        <Link href={"/Sales/Sales?s=" + data.id}>
+                            <a style={{ padding: "20px" }} className="btn btn-primary"><Icon.Mail /> Email Us</a>
+                        </Link>
+                        <Link href={"/Sales/Sales?s=" + data.id}>
+                            <a style={{ padding: "20px" }} className="btn btn-primary"><Icon.Phone /> WA Us</a>
+                        </Link>
+                    </div><br />
+                </div>
+
+                <div class="table-responsive" align="left">
+                    <table class="table">
+                        <thead>
+                            <tr>
+                                <th>
+                                    <Link href="#">
+                                        <a target="_blank"><Icon.Phone style={{ marginTop: "-20px", marginLeft: "15px" }} /></a>
+                                    </Link>
+                                </th>
+                                <th>{data.telp} <br /> Mobile </th>
+                            </tr>
+                            <tr>
+                                <th>
+                                    <Link href="#">
+                                        <a target="_blank"><Icon.Mail style={{ marginTop: "-20px", marginLeft: "15px" }} /></a>
+                                    </Link>
+                                </th>
+                                <th>{data.email} <br /> Email </th>
+                            </tr>
+                            <tr>
+                                <th>
+                                    <Link href="#">
+                                        <a target="_blank"><Icon.ShoppingBag style={{ marginTop: "-20px", marginLeft: "15px" }} /></a>
+                                    </Link>
+                                </th>
+                                <th>{data.company} <br /> {data.job_title} </th>
+                            </tr>
+                            <tr>
+                                <th>
+                                    <Link href="#">
+                                        <a target="_blank"><Icon.Globe style={{ marginTop: "-20px", marginLeft: "15px" }} /><br /></a>
+                                    </Link>
+                                </th>
+                                <th>thamrin.mercedes-benz.co.id<br /> Website </th>
+                            </tr>
+                        </thead>
+                    </table>
+                </div>
+
+            </div>
+        )
+    })
+    return (
+        <div className="container">
+            <div className="row justify-content-center">
+                {DataSales}
+            </div>
+        </div>
+    )
+}
+
+export default Sales;

components/Yamaha/Home/Dealer.js

@@ -12,8 +12,7 @@ const Dealers = function ({ backend, dealers, ...props }) {
 
                     <div className="content">
                         <p>
-                            <p><b>{data.name}</b></p>
-                            <p><b>{data.kota_dealer}</b></p>
+                            <p><b>{data.name} - {data.kota_dealer}</b></p>
                             <p><b>{data.telp}</b></p>
                             <p><b>{data.address}</b></p>
                         </p>

components/Yamaha/Home/MainBanner.js

@@ -13,7 +13,7 @@ const MainBanner = () => {
                                     <h1><b>Exclusif Motor Untuk Anda</b></h1>
                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida</p>
 
-                                    <Link href="/contact">
+                                    <Link href="/yamaha/Product/Motor">
                                         <a className="btn btn-primary">Get Started</a>
                                     </Link>
                                 </div>

components/Yamaha/Product/Motor_Detail.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, {useState} from 'react'
 
 //component
 import PageBanner from '@/components/Common/PageBanner';
@@ -47,6 +47,12 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
     const router = useRouter();
 
     const MotorDetail = detailproduct.map((data) => {
+    
+        // handleChange = ({ target }) => {
+        //     this.setState({
+        //         selectedOption: target.value,
+        //     });
+        // }
 
         return (
             <div>
@@ -71,9 +77,11 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                             <div className="col-lg-7">
                                 <div className="products-details">
                                     <h3>
-                                        <NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> s/d <NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+                                        <NumberFormat value={data.product_otrs[0].price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
                                     </h3>
 
+                                    {/* <p>{this.state.selectedOption}</p> */}
+
                                     <ul className="rating">
                                         <li><i className="flaticon-star-1"></i></li>
                                         <li><i className="flaticon-star-1"></i></li>
@@ -133,6 +141,8 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                                         product_price: e.target.value.toString(),
                                                     })
                                                 }}
+                                                // value={this.state.selectedOption}
+                                                // onChange={this.handleChange}
                                             >
                                                 <option value="0">- Pilih Product OTR -</option>
                                                 {detailproduct.map((option) => (

components/Yamaha/Shop/Cart.js

@@ -178,15 +178,16 @@ const CartContent = function ({ backend, cart_product, ...props }) {
                                 <td className="product-subtotal">
                                     <span className="subtotal-amount">
                                         <NumberFormat
-                                            name="product_price"
+                                            name="product_total"
                                             value={(qty * data.product_price).toFixed(2)}
                                             displayType={'text'} thousandSeparator={true}
                                             prefix={'Rp.'}
                                             onInput={(e) => {
                                                 setFormValue({
                                                     ...formValue,
-                                                    product_total: e.target.value,
+                                                    product_total: e.target.value.toString(),
                                                 })
+                                                console.log("isi target value : ", e.target.value);
                                             }}
                                         />
                                     </span>

components/_App/NavbarHome.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import {Links} from 'react-scroll'
+// import {Link} from 'react-scroll'
 
 import Link from '@/utils/ActiveLink';
 import * as Icon from 'react-feather';

components/_App/NavbarYamaha.js

@@ -96,8 +96,8 @@ export default function NavbarYamaha({ username, ...props }) {
                                 </li>
 
                                 <li className="nav-item">
-                                    <Link href="/#" activeClassName="active">
-                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                    <Link href="/yamaha/Carrer" activeClassName="active">
+                                        <a onClick={toggleNavbar} className="nav-link">
                                             Carrer
                                         </a>
                                     </Link>

package.json

@@ -28,6 +28,7 @@
         "react-feather": "^2.0.9",
         "react-hook-form": "^6.15.4",
         "react-html-parser": "^2.0.2",
+        "react-icons": "^4.3.1",
         "react-masonry-component": "^6.2.1",
         "react-number-format": "^4.7.3",
         "react-owl-carousel3": "^2.2.5",

pages/Sales/Sales.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import TeamStyleTwo from '@/components/Sales/Sales_Detail';
+
+import GetSales from "api/sales/sales-mercy.js";
+
+const Sales = function ({ backend, sales, ...props }) {
+    return (
+        <>
+            <TeamStyleTwo sales={sales} backend={backend} />
+        </>
+    )
+}
+
+export default Sales;
+
+export async function getServerSideProps(context) {
+    var { query } = context;
+    var sales = [];
+    const backend = process.env.BACKEND_SERVER_URI;
+
+    var res = await GetSales.GetDetailSalesMerci(query.s || 0);
+    if (res["STATUS"] === 1) {
+        sales = res["DATA"]["salesMercies"];
+    }
+
+    return {
+        props: { sales, backend }, // will be passed to the page component as props
+    };
+}

pages/Sales/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import TeamStyleTwo from '@/components/Sales/Sales';
+
+import GetSales from "api/sales/sales-mercy.js";
+
+const Sales = function ({ backend, sales, ...props }) {
+    return (
+        <>
+            <TeamStyleTwo sales={sales} backend={backend} />
+        </>
+    )
+}
+
+export default Sales;
+
+export async function getServerSideProps(context) {
+    var sales = [];
+    const backend = process.env.BACKEND_SERVER_URI;
+
+    var res = await GetSales.GetSalesMerci();
+    if (res["STATUS"] === 1) {
+        sales = res["DATA"]["salesMercies"];
+    }
+
+    return {
+        props: { sales, backend }, // will be passed to the page component as props
+    };
+}

pages/yamaha/Carrer/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import Navbar from "@/components/_App/NavbarYamaha";
+import Footer from "@/components/_App/FooterYamaha";
+import PageBanner from '@/components/Common/PageBanner';
+import LatestNews from '@/components/Yamaha/LatestNews/LatestNews';
+
+import GetLatestNews from "api/latest_news/news.js"
+
+const News = function ({ backend, news, othernews, ...props }) {
+    return (
+        <>
+            <Navbar />
+
+            <PageBanner pageTitle="Latest News" />
+
+            <LatestNews news={news} othernews={othernews} backend={backend} />
+
+            <Footer />
+        </>
+    )
+}
+
+export default News;
+
+export async function getServerSideProps(context) {
+    var news = [];
+    var othernews = [];
+    const backend = process.env.BACKEND_SERVER_URI;
+
+    var res = await GetLatestNews.GetNewsYamaha();
+    if (res["STATUS"] === 1) {
+        news = res["DATA"]["latestNews"];
+    }
+
+    var res = await GetLatestNews.GetOtherNewsYamaha();
+	if (res["STATUS"] === 1) {
+		othernews = res["DATA"]["latestNews"];
+	}
+
+    return {
+        props: { news, othernews, backend }, // will be passed to the page component as props
+    };
+}

pages/yamaha/LatestNews/LatestNewsDetail.js

@@ -36,7 +36,6 @@ export async function getServerSideProps(context) {
 		othernews = res["DATA"]["latestNews"];
 	}
 
-    console.log(othernews);
     return {
         props: { news, othernews, backend }, // will be passed to the page component as props
     };

pages/yamaha/LatestNews/index.js

@@ -37,7 +37,6 @@ export async function getServerSideProps(context) {
 		othernews = res["DATA"]["latestNews"];
 	}
 
-    console.log(othernews);
     return {
         props: { news, othernews, backend }, // will be passed to the page component as props
     };

pages/yamaha/Product/Ygp_Detail.js

@@ -49,8 +49,6 @@ export async function getServerSideProps(context) {
 		detailygp = res["DATA"]["ygParts"];
 	}
 
-    console.log(detailygp);
-
     return {
         props: {
             detailygp, backend, user,

pages/yamaha/index.js

@@ -57,9 +57,7 @@ export async function getServerSideProps(context) {
     if (res["STATUS"] === 1) {
         dealers = res["DATA"]["dealers"];
     }
-
-    console.log(dealers);
-
+    
     return {
         props: { dealers, backend, user }, // will be passed to the page component as props
     };

public/css/style.css

@@ -127,7 +127,7 @@ a:hover, a:focus {
 }
 
 p {
-  color: #6084a4;
+  color: #0e314c;
   line-height: 1.8;
 }
 

yarn.lock

@@ -2816,6 +2816,11 @@ react-html-parser@^2.0.2:
   dependencies:
     htmlparser2 "^3.9.0"
 
+react-icons@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.3.1.tgz#2fa92aebbbc71f43d2db2ed1aed07361124e91ca"
+  integrity sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==
+
 react-is@16.13.1, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"