yusmar
/
tbg-company-ecomm-web
1
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

scroll to home

undefined
yusmar pirms 3 gadiem
vecāks
58ae0dd3cd
revīzija
ad78ad4c36
6 mainītis faili ar 49 papildinājumiem un 57 dzēšanām
Apvienotais skats
Salīdzināšanas iespējas
Rādīt statistiku Lejupielādēt ielāpa failu Lejupielādēt izmaiņu failu
  1. +1
    -1
      components/Home/Gallery.js
  2. +1
    -1
      components/Home/IndustriesWeServe.js
  3. +1
    -1
      components/Home/MainBanner.js
  4. +1
    -1
      components/Home/NewsletterStyleTwo.js
  5. +11
    -21
      components/Yamaha/Product/Motor_Detail.js
  6. +34
    -32
      components/_App/NavbarHome.js

+ 1
- 1
components/Home/Gallery.js Parādīt failu

@@ -141,7 +141,7 @@ const Projects = () => {
}, []) }, [])
return ( return (
<div className="ml-projects-area pt-0 ptb-80">
<div id="gallery" className="ml-projects-area pt-0 ptb-80">
<div className="container"> <div className="container">
<div className="section-title st-fs-28"> <div className="section-title st-fs-28">
<h2>Thamrin Group Gallery</h2> <h2>Thamrin Group Gallery</h2>


+ 1
- 1
components/Home/IndustriesWeServe.js Parādīt failu

@@ -3,7 +3,7 @@ import Link from 'next/link';


const IndustriesWeServe = () => { const IndustriesWeServe = () => {
return ( return (
<div className="industries-serve-area ptb-80">
<div id="industri" className="industries-serve-area ptb-80">
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<h2>Sektor Industri</h2> <h2>Sektor Industri</h2>


+ 1
- 1
components/Home/MainBanner.js Parādīt failu

@@ -4,7 +4,7 @@ import * as Icon from 'react-feather';


const MainBanner = () => { const MainBanner = () => {
return ( return (
<div className="bigdata-analytics-banner">
<div id="home" className="bigdata-analytics-banner">
<div className="container"> <div className="container">
<div className="bigdata-analytics-content"> <div className="bigdata-analytics-content">
<h1>Selamat Datang di Thamrin Group</h1> <h1>Selamat Datang di Thamrin Group</h1>


+ 1
- 1
components/Home/NewsletterStyleTwo.js Parādīt failu

@@ -2,7 +2,7 @@ import React from 'react';


const Newsletter = () => { const Newsletter = () => {
return ( return (
<div className="free-trial-area">
<div id="about-us" className="free-trial-area">
<div className="container-fluid"> <div className="container-fluid">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">


+ 11
- 21
components/Yamaha/Product/Motor_Detail.js Parādīt failu

@@ -36,8 +36,6 @@ const options = {
}; };


const ProductDetails = function ({ detailproduct, backend, user, ...props }) { const ProductDetails = function ({ detailproduct, backend, user, ...props }) {

console.log(detailproduct[0]["product_otrs"]);
const [formValue, setFormValue] = React.useState({ const [formValue, setFormValue] = React.useState({
product_img: "", product_img: "",
product_name: "", product_name: "",
@@ -45,6 +43,9 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
product_price: "", product_price: "",
}); });


const [OTRProduct, setProductOTR] = useState('');
console.log("otr :", OTRProduct);

const router = useRouter(); const router = useRouter();


const MotorDetail = detailproduct.map((data) => { const MotorDetail = detailproduct.map((data) => {
@@ -55,8 +56,6 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
// }); // });
// } // }




return ( return (
<div> <div>
<PageBanner pageTitle={data.name} /> <PageBanner pageTitle={data.name} />
@@ -80,11 +79,14 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {


<div className="col-lg-7"> <div className="col-lg-7">
<div className="products-details"> <div className="products-details">
<h3>
<h5>
<NumberFormat value={OTRProduct} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
</h5>
{/* <h3>
<NumberFormat value={data.product_otrs[0].price - data.product_otrs[0].price * data.discount} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> <NumberFormat value={data.product_otrs[0].price - data.product_otrs[0].price * data.discount} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
</h3> </h3>
<h5> <h5>
<div className="price" style={{marginTop:"20px"}}>
<div className="price" style={{ marginTop: "20px" }}>
<NumberFormat <NumberFormat
style={{ color: "#EB1928" }} style={{ color: "#EB1928" }}
displayType={'text'} displayType={'text'}
@@ -94,7 +96,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
/> />
<NumberFormat value={data.product_otrs[0].price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> <NumberFormat value={data.product_otrs[0].price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
</div> </div>
</h5>
</h5> */}


{/* <p>{this.state.selectedOption}</p> */} {/* <p>{this.state.selectedOption}</p> */}


@@ -146,7 +148,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
}} }}


> >
<label>Product OTR <span className="required">*</span></label>
<label>Product Harga OTR <span className="required">*</span></label>


<div className="select-box" placeholder="Pilih Harga OTR"> <div className="select-box" placeholder="Pilih Harga OTR">
<select className="form-select" <select className="form-select"
@@ -157,19 +159,12 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
product_price: e.target.value.toString(), product_price: e.target.value.toString(),
}) })
}} }}
// value={this.state.selectedOption}
// onChange={this.handleChange}
onChange={e => setProductOTR(e.target.value)}
> >
<option value="0">- Pilih Product OTR -</option> <option value="0">- Pilih Product OTR -</option>
{detailproduct[0]["product_otrs"].map((option) => ( {detailproduct[0]["product_otrs"].map((option) => (
<option value={option.price}>{option.name}</option> <option value={option.price}>{option.name}</option>
))} ))}
{/* {detailproduct.map((option) => (
<option value={option.product_otrs[1].price}>{option.product_otrs[1].name}</option>
))}
{detailproduct.map((option) => (
<option value={option.product_otrs[2].price}>{option.product_otrs[2].name}</option>
))} */}
</select> </select>
</div> </div>
<br /> <br />
@@ -229,11 +224,6 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
</a> </a>
</li> </li>
<li> <li>
<a href="#" className="linkedin" target="_blank">
<Icon.Linkedin />
</a>
</li>
<li>
<a href="#" className="instagram" target="_blank"> <a href="#" className="instagram" target="_blank">
<Icon.Instagram /> <Icon.Instagram />
</a> </a>


+ 34
- 32
components/_App/NavbarHome.js Parādīt failu

@@ -1,12 +1,12 @@
import React, { useState } from "react"; import React, { useState } from "react";
// import {Link} from 'react-scroll'
import { Link } from 'react-scroll'


import Link from '@/utils/ActiveLink';
// import Link from '@/utils/ActiveLink';
import * as Icon from 'react-feather'; import * as Icon from 'react-feather';


const NavbarStyleFour = () => { const NavbarStyleFour = () => {
const [menu, setMenu] = React.useState(true) const [menu, setMenu] = React.useState(true)
const toggleNavbar = () => { const toggleNavbar = () => {
setMenu(!menu) setMenu(!menu)
} }
@@ -20,9 +20,9 @@ const NavbarStyleFour = () => {
elementId.classList.remove("is-sticky"); elementId.classList.remove("is-sticky");
} }
}); });
window.scrollTo(0, 0);
window.scrollTo(0, 0);
}) })
const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show'; const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right'; const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';


@@ -37,13 +37,13 @@ const NavbarStyleFour = () => {
</a> </a>
</Link> </Link>


<button
onClick={toggleNavbar}
<button
onClick={toggleNavbar}
className={classTwo} className={classTwo}
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation"
> >
<span className="icon-bar top-bar"></span> <span className="icon-bar top-bar"></span>
@@ -54,7 +54,7 @@ const NavbarStyleFour = () => {
<div className={classOne} id="navbarSupportedContent"> <div className={classOne} id="navbarSupportedContent">
<ul className="navbar-nav ms-auto"> <ul className="navbar-nav ms-auto">
<li className="nav-item"> <li className="nav-item">
<Link href="/#" activeClassName="active">
<Link href="/#" to="home" spy={true} smooth={true}>
<a onClick={e => e.preventDefault()} className="nav-link"> <a onClick={e => e.preventDefault()} className="nav-link">
Home Home
</a> </a>
@@ -62,73 +62,73 @@ const NavbarStyleFour = () => {
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/#">
<Link href="/#" to="business_partner" spy={true} smooth={true}>
<a onClick={e => e.preventDefault()} className="nav-link"> <a onClick={e => e.preventDefault()} className="nav-link">
Business Partner <Icon.ChevronDown />
Business Partner
</a> </a>
</Link>
</Link>


<ul className="dropdown-menu">
{/* <ul className="dropdown-menu">
<li className="nav-item"> <li className="nav-item">
<Link href="/yamaha" target="_blank" activeClassName="active">
<a onClick={toggleNavbar} className="nav-link" target="_blank">Thamrin Brother's - Yamaha</a>
<Link target="_blank" activeClassName="active" style={{marginTop:"-10px"}}>
<a href="/yamaha" className="nav-link" target="_blank">Thamrin Brother's - Yamaha</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/coming-soon" activeClassName="active">
<Link href="/coming-soon" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Nusa Sarana Citra Bakti - Suzuki</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Nusa Sarana Citra Bakti - Suzuki</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/coming-soon" activeClassName="active">
<Link href="/coming-soon" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Lestari Mobilindo - Hino</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Lestari Mobilindo - Hino</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/coming-soon" activeClassName="active">
<Link href="/coming-soon" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Thamrin Motor - Honda</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Thamrin Motor - Honda</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" activeClassName="active">
<Link href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Citra Abadi - Mercedes Benz</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Citra Abadi - Mercedes Benz</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="https://www.instagram.com/palembangindahmall/?hl=id" activeClassName="active">
<Link href="https://www.instagram.com/palembangindahmall/?hl=id" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Lestari Indo Makmur - Palembang Indah Mall</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Lestari Indo Makmur - Palembang Indah Mall</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="http://www.emilia-hotel.com/" activeClassName="active">
<Link href="http://www.emilia-hotel.com/" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Indah Makmur - Emilia Hotel</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Indah Makmur - Emilia Hotel</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="http://bprberkatsejati.com/" activeClassName="active">
<Link href="http://bprberkatsejati.com/" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Bank Perkreditan Rakyat - Berkat Sejati</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Bank Perkreditan Rakyat - Berkat Sejati</a>
</Link> </Link>
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="http://homes.thamrin.xyz/" activeClassName="active">
<Link href="http://homes.thamrin.xyz/" activeClassName="active" style={{marginTop:"-20px"}}>
<a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Homes</a> <a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Homes</a>
</Link> </Link>
</li> </li>
</ul>
</ul> */}
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/#" activeClassName="active">
<Link href="/#" to="industri" spy={true} smooth={true}>
<a onClick={e => e.preventDefault()} className="nav-link"> <a onClick={e => e.preventDefault()} className="nav-link">
Industri Serve
Industri We Serve
</a> </a>
</Link> </Link>
</li> </li>
@@ -150,7 +150,7 @@ const NavbarStyleFour = () => {
</li> */} </li> */}


<li className="nav-item"> <li className="nav-item">
<Link href="/#" activeClassName="active">
<Link href="/#" to="gallery" spy={true} smooth={true}>
<a onClick={e => e.preventDefault()} className="nav-link"> <a onClick={e => e.preventDefault()} className="nav-link">
Gallery Gallery
</a> </a>
@@ -158,8 +158,10 @@ const NavbarStyleFour = () => {
</li> </li>


<li className="nav-item"> <li className="nav-item">
<Link href="/contact" activeClassName="active">
<a onClick={toggleNavbar} className="nav-link">About Us</a>
<Link href="/#" to="about-us" spy={true} smooth={true}>
<a onClick={e => e.preventDefault()} className="nav-link">
About Us
</a>
</Link> </Link>
</li> </li>
</ul> </ul>


Rakstīt Priekšskatītījums
Notiek ielāde…
Atcelt
Saglabāt