Skip to content

A
Aqbits Trace Code
Commit 31ff6d6f authored by Mai Thanh Cong's avatar Mai Thanh Cong
Browse files
Options

fix warning default value

parent d1814441
Hide whitespace changes
Inline Side-by-side
Showing with 254 additions and 49 deletions
src/components/Footers/AmazingTeam.js 0 → 100644
View file @ 31ff6d6f
import React from "react";
import { Container, Row, Col, Button } from "reactstrap";
const AmazingTeam = () => {
return (
<main>
<section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
<Col lg="8">
<h2 className="display-3">Thành viên</h2>
{/* <p className="lead text-muted">
According to the National Oceanic and Atmospheric
Administration, Ted, Scambos, NSIDClead scentist, puts the
potentially record maximum.
</p> */}
</Col>
</Row>
<Row>
<Col className="mb-5 mb-lg-0" lg="3" md="6">
<div className="px-4">
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-1-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
<h5 className="title">
<span className="d-block mb-1">Vinh Lê</span>
<small className="h6 text-muted">Web Developer</small>
</h5>
<div className="mt-3">
<Button
className="btn-icon-only rounded-circle"
color="warning"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-twitter" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="warning"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-facebook" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="warning"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-dribbble" />
</Button>
</div>
</div>
</div>
</Col>
<Col className="mb-5 mb-lg-0" lg="3" md="6">
<div className="px-4">
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-2-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
<h5 className="title">
<span className="d-block mb-1">Công Mai</span>
<small className="h6 text-muted">
Web Developer
</small>
</h5>
<div className="mt-3">
<Button
className="btn-icon-only rounded-circle"
color="primary"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-twitter" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="primary"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-facebook" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="primary"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-dribbble" />
</Button>
</div>
</div>
</div>
</Col>
<Col className="mb-5 mb-lg-0" lg="3" md="6">
<div className="px-4">
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-3-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
<h5 className="title">
<span className="d-block mb-1">Nam Anh</span>
<small className="h6 text-muted">UI/UX Designer</small>
</h5>
<div className="mt-3">
<Button
className="btn-icon-only rounded-circle"
color="info"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-twitter" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="info"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-facebook" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="info"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-dribbble" />
</Button>
</div>
</div>
</div>
</Col>
<Col className="mb-5 mb-lg-0" lg="3" md="6">
<div className="px-4">
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-4-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
<h5 className="title">
<span className="d-block mb-1">Ngoc Mai Dinh</span>
<small className="h6 text-muted">Manager</small>
</h5>
<div className="mt-3">
<Button
className="btn-icon-only rounded-circle"
color="success"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-twitter" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="success"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-facebook" />
</Button>
<Button
className="btn-icon-only rounded-circle ml-1"
color="success"
href="#pablo"
onClick={e => e.preventDefault()}
>
<i className="fa fa-dribbble" />
</Button>
</div>
</div>
</div>
</Col>
</Row>
</Container>
</section>
</main>
);
}
export default AmazingTeam;
\ No newline at end of file
src/components/Footers/SimpleFooter.js
View file @ 31ff6d6f
......@@ -38,17 +38,17 @@ class SimpleFooter extends React.Component {
<Row className=" row-grid align-items-center mb-5">
<Col lg="6">
<h3 className=" text-primary font-weight-light mb-2">
Thank you for supporting us!
Cảm ơn bạn đã ủng hộ chúng tôi!
</h3>
<h4 className=" mb-0 font-weight-light">
Let's get in touch on any of these platforms.
Thông tin liên hệ
</h4>
</Col>
<Col className="text-lg-center btn-wrapper" lg="6">
<Button
className="btn-icon-only rounded-circle"
color="twitter"
href="https://twitter.com/creativetim"
// href="https://twitter.com/creativetim"
id="tooltip475038074"
target="_blank"
>
......@@ -62,7 +62,7 @@ class SimpleFooter extends React.Component {
<Button
className="btn-icon-only rounded-circle ml-1"
color="facebook"
href="https://www.facebook.com/creativetim"
href="https://www.facebook.com/kiscreativevn"
id="tooltip837440414"
target="_blank"
>
......@@ -76,7 +76,7 @@ class SimpleFooter extends React.Component {
<Button
className="btn-icon-only rounded-circle ml-1"
color="dribbble"
href="https://dribbble.com/creativetim"
// href="https://dribbble.com/creativetim"
id="tooltip829810202"
target="_blank"
>
......@@ -90,7 +90,7 @@ class SimpleFooter extends React.Component {
<Button
className="btn-icon-only rounded-circle ml-1"
color="github"
href="https://github.com/creativetimofficial"
// href="https://github.com/creativetimofficial"
id="tooltip495507257"
target="_blank"
>
......@@ -109,27 +109,26 @@ class SimpleFooter extends React.Component {
<div className=" copyright">
© {new Date().getFullYear()}{" "}
<a
href="https://www.creative-tim.com?ref=adsr-footer"
href="https://www.facebook.com/kiscreativevn"
target="_blank"
>
Creative Tim
KIS Creativevn
</a>
.
</div>
</Col>
<Col md="6">
<Nav className=" nav-footer justify-content-end">
<NavItem>
{/* <NavItem>
<NavLink
href="https://www.creative-tim.com?ref=adsr-footer"
target="_blank"
>
Creative Tim
</NavLink>
</NavItem>
</NavItem> */}
<NavItem>
<NavLink
href="https://www.creative-tim.com/presentation?ref=adsr-footer"
// href="https://www.creative-tim.com/presentation?ref=adsr-footer"
target="_blank"
>
About Us
......@@ -137,20 +136,20 @@ class SimpleFooter extends React.Component {
</NavItem>
<NavItem>
<NavLink
href="http://blog.creative-tim.com?ref=adsr-footer"
// href="http://blog.creative-tim.com?ref=adsr-footer"
target="_blank"
>
Blog
</NavLink>
</NavItem>
<NavItem>
{/* <NavItem>
<NavLink
href="https://github.com/creativetimofficial/argon-design-system-react/blob/master/LICENSE.md"
// href="https://github.com/creativetimofficial/argon-design-system-react/blob/master/LICENSE.md"
target="_blank"
>
MIT License
</NavLink>
</NavItem>
</NavItem> */}
</Nav>
</Col>
</Row>
......
src/components/Navbars/DemoNavbar.js
View file @ 31ff6d6f
......@@ -94,7 +94,7 @@ class DemoNavbar extends React.Component {
<Link to="/">
<img
alt="..."
src={require("assets/img/brand/argon-react.png")}
src={require("assets/img/brand/full_Logo.png")}
/>
</Link>
</Col>
......@@ -112,7 +112,7 @@ class DemoNavbar extends React.Component {
<i className="ni ni-ui-04 d-lg-none mr-1" />
<span className="nav-link-inner--text">Trang chủ</span>
</DropdownToggle>
<DropdownMenu className="dropdown-menu-xl">
{/* <DropdownMenu className="dropdown-menu-xl">
<div className="dropdown-menu-inner">
<Media
className="d-flex align-items-center"
......@@ -169,7 +169,7 @@ class DemoNavbar extends React.Component {
</Media>
</Media>
</div>
</DropdownMenu>
</DropdownMenu> */}
</UncontrolledDropdown>
<UncontrolledDropdown nav>
<DropdownToggle nav>
......@@ -177,17 +177,17 @@ class DemoNavbar extends React.Component {
<span className="nav-link-inner--text">Dịch vụ</span>
</DropdownToggle>
<DropdownMenu>
<DropdownItem to="/landing-page" tag={Link}>
Landing
</DropdownItem>
<DropdownItem to="/profile-page" tag={Link}>
{/* <DropdownItem to="/trace-code" tag={Link}>
Profile
</DropdownItem>
</DropdownItem> */}
<DropdownItem to="/login-page" tag={Link}>
Login
Đăng nhập
</DropdownItem>
<DropdownItem to="/register-page" tag={Link}>
Register
Đăng kí
</DropdownItem>
<DropdownItem to="/" tag={Link}>
Tra cứu thông tin
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
......@@ -196,7 +196,7 @@ class DemoNavbar extends React.Component {
<NavItem>
<NavLink
className="nav-link-icon"
href="https://www.facebook.com/creativetim"
href="https://www.facebook.com/kiscreativevn"
id="tooltip333589074"
target="_blank"
>
......@@ -212,7 +212,7 @@ class DemoNavbar extends React.Component {
<NavItem>
<NavLink
className="nav-link-icon"
href="https://www.instagram.com/creativetimofficial"
href="#"
id="tooltip356693867"
target="_blank"
>
......@@ -228,7 +228,7 @@ class DemoNavbar extends React.Component {
<NavItem>
<NavLink
className="nav-link-icon"
href="https://twitter.com/creativetim"
href="#"
id="tooltip184698705"
target="_blank"
>
......@@ -244,7 +244,7 @@ class DemoNavbar extends React.Component {
<NavItem>
<NavLink
className="nav-link-icon"
href="https://github.com/creativetimofficial/argon-design-system-react"
href="#"
id="tooltip112445449"
target="_blank"
>
......
src/views/Index.js
View file @ 31ff6d6f
......@@ -24,6 +24,7 @@ import { Container, Row, Col, Button } from "reactstrap";
import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
import CardsFooter from "components/Footers/CardsFooter.js";
// index page sections
......@@ -65,7 +66,8 @@ const Index = () => {
<Inputs />
</Container>
</section>
<section className="section section-lg">
<AmazingTeam />
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
<Col lg="8">
......@@ -250,7 +252,7 @@ const Index = () => {
</Col>
</Row>
</Container>
</section>
</section> */}
</main>
<SimpleFooter />
</>
......
src/views/IndexSections/Inputs.js
View file @ 31ff6d6f
......@@ -35,7 +35,7 @@ import { useHistory } from 'react-router-dom';
import dummyData from "../../data/index.json";
const Inputs = () => {
const [searchProfile, setSearchProfile] = useState();
const [searchProfile, setSearchProfile] = useState("");
const history = useHistory();
const handleChangeSearch = (event) => {
......@@ -44,6 +44,7 @@ const Inputs = () => {
const onHandleSearch = (event) => {
event.preventDefault();
if(!searchProfile) return;
const nameCode = dummyData.data.map(item => item.code);
console.log("nameCode", nameCode);
const checkSearch = nameCode.indexOf(searchProfile);
......
src/views/examples/DetailProfile.js
View file @ 31ff6d6f
......@@ -43,6 +43,7 @@ import { Routes } from '../../reoutes';
import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
import dummyData from "data/index.json";
// index page sections
......@@ -334,7 +335,7 @@ const DetailProfile = () => {
</section> */}
<section className="section bg-secondary">
{dummyData.data && dummyData.data.length > 0 ?
dummyData.data.map((data, key) => {
dummyData.data.map(data => {
return (
<Container>
<Row className="row-grid align-items-center">
......@@ -402,7 +403,7 @@ const DetailProfile = () => {
return (
<>
<div className="mb-3">{product.name}</div>
<div>
<div className="mb-3">
<Row>
<Col>
<img className="mb-3" src={window.location.origin + product.image} alt="product" onClick={onHandleTraceCode} />
......@@ -451,6 +452,7 @@ const DetailProfile = () => {
}
</section>
<AmazingTeam />
{/* <section className="section pb-0 bg-gradient-warning">
<Container>
<Row className="row-grid align-items-center">
......@@ -555,7 +557,7 @@ const DetailProfile = () => {
</svg>
</div>
</section> */}
<section className="section section-lg">
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
<Col lg="8">
......@@ -740,7 +742,7 @@ const DetailProfile = () => {
</Col>
</Row>
</Container>
</section>
</section> */}
{/* <section className="section section-lg pt-0">
<Container>
<Card className="bg-gradient-warning shadow-lg border-0">
......
src/views/examples/Tracecode.js
View file @ 31ff6d6f
......@@ -49,6 +49,7 @@ import {formatDateTime} from '../../constans/index.js';
import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
// index page sections
......@@ -167,15 +168,15 @@ const Tracecode = () => {
<CardBody>
<TabContent activeTab={"plainTabs" + plainTabs}>
<TabPane tabId="plainTabs1">
<p className="description">
<div className="description">
<div className="h4 font-weight-bold mb-3">{product.name}</div>
<div className="mb-3">Mã sản phẩm <span className="font-weight-bold">{product.trace_code}</span></div>
<div className="mb-3">Xuất xứ <span className="font-weight-bold">{product.origin}</span></div>
<div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div>
</p>
</div>
</TabPane>
<TabPane tabId="plainTabs2">
<p className="description">
<div className="description">
{product.product_chain_diary.map(diary => (
<div>
<div className="h6 mt-3">{diary.company}</div>
......@@ -185,17 +186,19 @@ const Tracecode = () => {
</Row>
</div>
))}
</p>
</div>
</TabPane>
<TabPane tabId="plainTabs3">
<p className="description">
<div className="description">
{product.product_certification.map((certificate) => (
<div>
<div className="h6 mt-3 mb-3">{certificate.certification_information}</div>
<img src={window.location.origin + certificate.image} alt="certificate" height="250px" />
</div>
<Row>
<Col xs={4}>
<div className="h6 mt-3 mb-3">{certificate.certification_information}</div>
<img src={window.location.origin + certificate.image} alt="certificate" height="250px" />
</Col>
</Row>
))}
</p>
</div>
</TabPane>
</TabContent>
</CardBody>
......@@ -233,7 +236,8 @@ const Tracecode = () => {
</svg>
</div>
</section>
<section className="section section-lg">
<AmazingTeam />
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
<Col lg="8">
......@@ -418,7 +422,7 @@ const Tracecode = () => {
</Col>
</Row>
</Container>
</section>
</section> */}
</main>
<SimpleFooter/>
</>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment