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 { ...@@ -38,17 +38,17 @@ class SimpleFooter extends React.Component {
<Row className=" row-grid align-items-center mb-5"> <Row className=" row-grid align-items-center mb-5">
<Col lg="6"> <Col lg="6">
<h3 className=" text-primary font-weight-light mb-2"> <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> </h3>
<h4 className=" mb-0 font-weight-light"> <h4 className=" mb-0 font-weight-light">
Let's get in touch on any of these platforms. Thông tin liên hệ
</h4> </h4>
</Col> </Col>
<Col className="text-lg-center btn-wrapper" lg="6"> <Col className="text-lg-center btn-wrapper" lg="6">
<Button <Button
className="btn-icon-only rounded-circle" className="btn-icon-only rounded-circle"
color="twitter" color="twitter"
href="https://twitter.com/creativetim" // href="https://twitter.com/creativetim"
id="tooltip475038074" id="tooltip475038074"
target="_blank" target="_blank"
> >
...@@ -62,7 +62,7 @@ class SimpleFooter extends React.Component { ...@@ -62,7 +62,7 @@ class SimpleFooter extends React.Component {
<Button <Button
className="btn-icon-only rounded-circle ml-1" className="btn-icon-only rounded-circle ml-1"
color="facebook" color="facebook"
href="https://www.facebook.com/creativetim" href="https://www.facebook.com/kiscreativevn"
id="tooltip837440414" id="tooltip837440414"
target="_blank" target="_blank"
> >
...@@ -76,7 +76,7 @@ class SimpleFooter extends React.Component { ...@@ -76,7 +76,7 @@ class SimpleFooter extends React.Component {
<Button <Button
className="btn-icon-only rounded-circle ml-1" className="btn-icon-only rounded-circle ml-1"
color="dribbble" color="dribbble"
href="https://dribbble.com/creativetim" // href="https://dribbble.com/creativetim"
id="tooltip829810202" id="tooltip829810202"
target="_blank" target="_blank"
> >
...@@ -90,7 +90,7 @@ class SimpleFooter extends React.Component { ...@@ -90,7 +90,7 @@ class SimpleFooter extends React.Component {
<Button <Button
className="btn-icon-only rounded-circle ml-1" className="btn-icon-only rounded-circle ml-1"
color="github" color="github"
href="https://github.com/creativetimofficial" // href="https://github.com/creativetimofficial"
id="tooltip495507257" id="tooltip495507257"
target="_blank" target="_blank"
> >
...@@ -109,27 +109,26 @@ class SimpleFooter extends React.Component { ...@@ -109,27 +109,26 @@ class SimpleFooter extends React.Component {
<div className=" copyright"> <div className=" copyright">
© {new Date().getFullYear()}{" "} © {new Date().getFullYear()}{" "}
<a <a
href="https://www.creative-tim.com?ref=adsr-footer" href="https://www.facebook.com/kiscreativevn"
target="_blank" target="_blank"
> >
Creative Tim KIS Creativevn
</a> </a>
.
</div> </div>
</Col> </Col>
<Col md="6"> <Col md="6">
<Nav className=" nav-footer justify-content-end"> <Nav className=" nav-footer justify-content-end">
<NavItem> {/* <NavItem>
<NavLink <NavLink
href="https://www.creative-tim.com?ref=adsr-footer" href="https://www.creative-tim.com?ref=adsr-footer"
target="_blank" target="_blank"
> >
Creative Tim Creative Tim
</NavLink> </NavLink>
</NavItem> </NavItem> */}
<NavItem> <NavItem>
<NavLink <NavLink
href="https://www.creative-tim.com/presentation?ref=adsr-footer" // href="https://www.creative-tim.com/presentation?ref=adsr-footer"
target="_blank" target="_blank"
> >
About Us About Us
...@@ -137,20 +136,20 @@ class SimpleFooter extends React.Component { ...@@ -137,20 +136,20 @@ class SimpleFooter extends React.Component {
</NavItem> </NavItem>
<NavItem> <NavItem>
<NavLink <NavLink
href="http://blog.creative-tim.com?ref=adsr-footer" // href="http://blog.creative-tim.com?ref=adsr-footer"
target="_blank" target="_blank"
> >
Blog Blog
</NavLink> </NavLink>
</NavItem> </NavItem>
<NavItem> {/* <NavItem>
<NavLink <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" target="_blank"
> >
MIT License MIT License
</NavLink> </NavLink>
</NavItem> </NavItem> */}
</Nav> </Nav>
</Col> </Col>
</Row> </Row>
......
src/components/Navbars/DemoNavbar.js
View file @ 31ff6d6f
...@@ -94,7 +94,7 @@ class DemoNavbar extends React.Component { ...@@ -94,7 +94,7 @@ class DemoNavbar extends React.Component {
<Link to="/"> <Link to="/">
<img <img
alt="..." alt="..."
src={require("assets/img/brand/argon-react.png")} src={require("assets/img/brand/full_Logo.png")}
/> />
</Link> </Link>
</Col> </Col>
...@@ -112,7 +112,7 @@ class DemoNavbar extends React.Component { ...@@ -112,7 +112,7 @@ class DemoNavbar extends React.Component {
<i className="ni ni-ui-04 d-lg-none mr-1" /> <i className="ni ni-ui-04 d-lg-none mr-1" />
<span className="nav-link-inner--text">Trang chủ</span> <span className="nav-link-inner--text">Trang chủ</span>
</DropdownToggle> </DropdownToggle>
<DropdownMenu className="dropdown-menu-xl"> {/* <DropdownMenu className="dropdown-menu-xl">
<div className="dropdown-menu-inner"> <div className="dropdown-menu-inner">
<Media <Media
className="d-flex align-items-center" className="d-flex align-items-center"
...@@ -169,7 +169,7 @@ class DemoNavbar extends React.Component { ...@@ -169,7 +169,7 @@ class DemoNavbar extends React.Component {
</Media> </Media>
</Media> </Media>
</div> </div>
</DropdownMenu> </DropdownMenu> */}
</UncontrolledDropdown> </UncontrolledDropdown>
<UncontrolledDropdown nav> <UncontrolledDropdown nav>
<DropdownToggle nav> <DropdownToggle nav>
...@@ -177,17 +177,17 @@ class DemoNavbar extends React.Component { ...@@ -177,17 +177,17 @@ class DemoNavbar extends React.Component {
<span className="nav-link-inner--text">Dịch vụ</span> <span className="nav-link-inner--text">Dịch vụ</span>
</DropdownToggle> </DropdownToggle>
<DropdownMenu> <DropdownMenu>
<DropdownItem to="/landing-page" tag={Link}> {/* <DropdownItem to="/trace-code" tag={Link}>
Landing
</DropdownItem>
<DropdownItem to="/profile-page" tag={Link}>
Profile Profile
</DropdownItem> </DropdownItem> */}
<DropdownItem to="/login-page" tag={Link}> <DropdownItem to="/login-page" tag={Link}>
Login Đăng nhập
</DropdownItem> </DropdownItem>
<DropdownItem to="/register-page" tag={Link}> <DropdownItem to="/register-page" tag={Link}>
Register Đăng kí
</DropdownItem>
<DropdownItem to="/" tag={Link}>
Tra cứu thông tin
</DropdownItem> </DropdownItem>
</DropdownMenu> </DropdownMenu>
</UncontrolledDropdown> </UncontrolledDropdown>
...@@ -196,7 +196,7 @@ class DemoNavbar extends React.Component { ...@@ -196,7 +196,7 @@ class DemoNavbar extends React.Component {
<NavItem> <NavItem>
<NavLink <NavLink
className="nav-link-icon" className="nav-link-icon"
href="https://www.facebook.com/creativetim" href="https://www.facebook.com/kiscreativevn"
id="tooltip333589074" id="tooltip333589074"
target="_blank" target="_blank"
> >
...@@ -212,7 +212,7 @@ class DemoNavbar extends React.Component { ...@@ -212,7 +212,7 @@ class DemoNavbar extends React.Component {
<NavItem> <NavItem>
<NavLink <NavLink
className="nav-link-icon" className="nav-link-icon"
href="https://www.instagram.com/creativetimofficial" href="#"
id="tooltip356693867" id="tooltip356693867"
target="_blank" target="_blank"
> >
...@@ -228,7 +228,7 @@ class DemoNavbar extends React.Component { ...@@ -228,7 +228,7 @@ class DemoNavbar extends React.Component {
<NavItem> <NavItem>
<NavLink <NavLink
className="nav-link-icon" className="nav-link-icon"
href="https://twitter.com/creativetim" href="#"
id="tooltip184698705" id="tooltip184698705"
target="_blank" target="_blank"
> >
...@@ -244,7 +244,7 @@ class DemoNavbar extends React.Component { ...@@ -244,7 +244,7 @@ class DemoNavbar extends React.Component {
<NavItem> <NavItem>
<NavLink <NavLink
className="nav-link-icon" className="nav-link-icon"
href="https://github.com/creativetimofficial/argon-design-system-react" href="#"
id="tooltip112445449" id="tooltip112445449"
target="_blank" target="_blank"
> >
......
src/views/Index.js
View file @ 31ff6d6f
...@@ -24,6 +24,7 @@ import { Container, Row, Col, Button } from "reactstrap"; ...@@ -24,6 +24,7 @@ import { Container, Row, Col, Button } from "reactstrap";
import MainBanner from "components/Generals/MainBanner.js"; import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js"; import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js"; import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
import CardsFooter from "components/Footers/CardsFooter.js"; import CardsFooter from "components/Footers/CardsFooter.js";
// index page sections // index page sections
...@@ -65,7 +66,8 @@ const Index = () => { ...@@ -65,7 +66,8 @@ const Index = () => {
<Inputs /> <Inputs />
</Container> </Container>
</section> </section>
<section className="section section-lg"> <AmazingTeam />
{/* <section className="section section-lg">
<Container> <Container>
<Row className="justify-content-center text-center mb-lg"> <Row className="justify-content-center text-center mb-lg">
<Col lg="8"> <Col lg="8">
...@@ -250,7 +252,7 @@ const Index = () => { ...@@ -250,7 +252,7 @@ const Index = () => {
</Col> </Col>
</Row> </Row>
</Container> </Container>
</section> </section> */}
</main> </main>
<SimpleFooter /> <SimpleFooter />
</> </>
......
src/views/IndexSections/Inputs.js
View file @ 31ff6d6f
...@@ -35,7 +35,7 @@ import { useHistory } from 'react-router-dom'; ...@@ -35,7 +35,7 @@ import { useHistory } from 'react-router-dom';
import dummyData from "../../data/index.json"; import dummyData from "../../data/index.json";
const Inputs = () => { const Inputs = () => {
const [searchProfile, setSearchProfile] = useState(); const [searchProfile, setSearchProfile] = useState("");
const history = useHistory(); const history = useHistory();
const handleChangeSearch = (event) => { const handleChangeSearch = (event) => {
...@@ -44,6 +44,7 @@ const Inputs = () => { ...@@ -44,6 +44,7 @@ const Inputs = () => {
const onHandleSearch = (event) => { const onHandleSearch = (event) => {
event.preventDefault(); event.preventDefault();
if(!searchProfile) return;
const nameCode = dummyData.data.map(item => item.code); const nameCode = dummyData.data.map(item => item.code);
console.log("nameCode", nameCode); console.log("nameCode", nameCode);
const checkSearch = nameCode.indexOf(searchProfile); const checkSearch = nameCode.indexOf(searchProfile);
......
src/views/examples/DetailProfile.js
View file @ 31ff6d6f
...@@ -43,6 +43,7 @@ import { Routes } from '../../reoutes'; ...@@ -43,6 +43,7 @@ import { Routes } from '../../reoutes';
import MainBanner from "components/Generals/MainBanner.js"; import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js"; import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js"; import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
import dummyData from "data/index.json"; import dummyData from "data/index.json";
// index page sections // index page sections
...@@ -334,7 +335,7 @@ const DetailProfile = () => { ...@@ -334,7 +335,7 @@ const DetailProfile = () => {
</section> */} </section> */}
<section className="section bg-secondary"> <section className="section bg-secondary">
{dummyData.data && dummyData.data.length > 0 ? {dummyData.data && dummyData.data.length > 0 ?
dummyData.data.map((data, key) => { dummyData.data.map(data => {
return ( return (
<Container> <Container>
<Row className="row-grid align-items-center"> <Row className="row-grid align-items-center">
...@@ -402,7 +403,7 @@ const DetailProfile = () => { ...@@ -402,7 +403,7 @@ const DetailProfile = () => {
return ( return (
<> <>
<div className="mb-3">{product.name}</div> <div className="mb-3">{product.name}</div>
<div> <div className="mb-3">
<Row> <Row>
<Col> <Col>
<img className="mb-3" src={window.location.origin + product.image} alt="product" onClick={onHandleTraceCode} /> <img className="mb-3" src={window.location.origin + product.image} alt="product" onClick={onHandleTraceCode} />
...@@ -451,6 +452,7 @@ const DetailProfile = () => { ...@@ -451,6 +452,7 @@ const DetailProfile = () => {
} }
</section> </section>
<AmazingTeam />
{/* <section className="section pb-0 bg-gradient-warning"> {/* <section className="section pb-0 bg-gradient-warning">
<Container> <Container>
<Row className="row-grid align-items-center"> <Row className="row-grid align-items-center">
...@@ -555,7 +557,7 @@ const DetailProfile = () => { ...@@ -555,7 +557,7 @@ const DetailProfile = () => {
</svg> </svg>
</div> </div>
</section> */} </section> */}
<section className="section section-lg"> {/* <section className="section section-lg">
<Container> <Container>
<Row className="justify-content-center text-center mb-lg"> <Row className="justify-content-center text-center mb-lg">
<Col lg="8"> <Col lg="8">
...@@ -740,7 +742,7 @@ const DetailProfile = () => { ...@@ -740,7 +742,7 @@ const DetailProfile = () => {
</Col> </Col>
</Row> </Row>
</Container> </Container>
</section> </section> */}
{/* <section className="section section-lg pt-0"> {/* <section className="section section-lg pt-0">
<Container> <Container>
<Card className="bg-gradient-warning shadow-lg border-0"> <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'; ...@@ -49,6 +49,7 @@ import {formatDateTime} from '../../constans/index.js';
import MainBanner from "components/Generals/MainBanner.js"; import MainBanner from "components/Generals/MainBanner.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js"; import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js"; import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
// index page sections // index page sections
...@@ -167,15 +168,15 @@ const Tracecode = () => { ...@@ -167,15 +168,15 @@ const Tracecode = () => {
<CardBody> <CardBody>
<TabContent activeTab={"plainTabs" + plainTabs}> <TabContent activeTab={"plainTabs" + plainTabs}>
<TabPane tabId="plainTabs1"> <TabPane tabId="plainTabs1">
<p className="description"> <div className="description">
<div className="h4 font-weight-bold mb-3">{product.name}</div> <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">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="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> <div className="h5 mb-3" style={{ color: '#33CC66' }}>Giá: {product.cost}</div>
</p> </div>
</TabPane> </TabPane>
<TabPane tabId="plainTabs2"> <TabPane tabId="plainTabs2">
<p className="description"> <div className="description">
{product.product_chain_diary.map(diary => ( {product.product_chain_diary.map(diary => (
<div> <div>
<div className="h6 mt-3">{diary.company}</div> <div className="h6 mt-3">{diary.company}</div>
...@@ -185,17 +186,19 @@ const Tracecode = () => { ...@@ -185,17 +186,19 @@ const Tracecode = () => {
</Row> </Row>
</div> </div>
))} ))}
</p> </div>
</TabPane> </TabPane>
<TabPane tabId="plainTabs3"> <TabPane tabId="plainTabs3">
<p className="description"> <div className="description">
{product.product_certification.map((certificate) => ( {product.product_certification.map((certificate) => (
<div> <Row>
<div className="h6 mt-3 mb-3">{certificate.certification_information}</div> <Col xs={4}>
<img src={window.location.origin + certificate.image} alt="certificate" height="250px" /> <div className="h6 mt-3 mb-3">{certificate.certification_information}</div>
</div> <img src={window.location.origin + certificate.image} alt="certificate" height="250px" />
</Col>
</Row>
))} ))}
</p> </div>
</TabPane> </TabPane>
</TabContent> </TabContent>
</CardBody> </CardBody>
...@@ -233,7 +236,8 @@ const Tracecode = () => { ...@@ -233,7 +236,8 @@ const Tracecode = () => {
</svg> </svg>
</div> </div>
</section> </section>
<section className="section section-lg"> <AmazingTeam />
{/* <section className="section section-lg">
<Container> <Container>
<Row className="justify-content-center text-center mb-lg"> <Row className="justify-content-center text-center mb-lg">
<Col lg="8"> <Col lg="8">
...@@ -418,7 +422,7 @@ const Tracecode = () => { ...@@ -418,7 +422,7 @@ const Tracecode = () => {
</Col> </Col>
</Row> </Row>
</Container> </Container>
</section> </section> */}
</main> </main>
<SimpleFooter/> <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