Skip to content

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

create sologan

parent 31ff6d6f
Show whitespace changes
Inline Side-by-side
Showing with 290 additions and 249 deletions
src/assets/scss/argon-design-system/variables.scss
View file @ c3346782
......@@ -323,7 +323,7 @@ $transition-collapse: height .35s ease !default;
// Fonts
$font-family-base: 'Open Sans', sans-serif !default;
$font-family-base: 'Arial', sans-serif !default;
$font-family-alt: 'Open Sans', sans-serif !default;
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
......
src/components/Footers/AmazingTeam.js
View file @ c3346782
......@@ -64,7 +64,7 @@ const AmazingTeam = () => {
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-2-800x800.jpg")}
src={require("assets/img/theme/team-1-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
......@@ -108,7 +108,7 @@ const AmazingTeam = () => {
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-3-800x800.jpg")}
src={require("assets/img/theme/team-1-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
......@@ -150,7 +150,7 @@ const AmazingTeam = () => {
<img
alt="..."
className="rounded-circle img-center img-fluid shadow shadow-lg--hover"
src={require("assets/img/theme/team-4-800x800.jpg")}
src={require("assets/img/theme/team-1-800x800.jpg")}
style={{ width: "200px" }}
/>
<div className="pt-4 text-center">
......
src/components/Footers/SimpleFooter.js
View file @ c3346782
......@@ -33,12 +33,12 @@ class SimpleFooter extends React.Component {
render() {
return (
<>
<footer className=" footer">
<footer className="footer">
<Container>
<Row className=" row-grid align-items-center mb-5">
<Col lg="6">
<h3 className=" text-primary font-weight-light mb-2">
Cảm ơn bạn đã ủng hộ chúng tôi!
Cảm ơn bạn đã ủng hộ
</h3>
<h4 className=" mb-0 font-weight-light">
Thông tin liên hệ
......@@ -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://kis-v.com/home"
id="tooltip829810202"
target="_blank"
>
......@@ -128,7 +128,7 @@ class SimpleFooter extends React.Component {
</NavItem> */}
<NavItem>
<NavLink
// href="https://www.creative-tim.com/presentation?ref=adsr-footer"
href="https://kis-v.com/about"
target="_blank"
>
About Us
......@@ -136,7 +136,7 @@ class SimpleFooter extends React.Component {
</NavItem>
<NavItem>
<NavLink
// href="http://blog.creative-tim.com?ref=adsr-footer"
href="https://kis-v.com/blog"
target="_blank"
>
Blog
......
src/components/Generals/Sologan.js 0 → 100644
View file @ c3346782
import React from "react";
import { Container, Card, Row, Col, Button } from "reactstrap";
const Sologan = () => {
return (
// <section className="footer">
// <Container>
// <Card className="bg-gradient-warning shadow-lg border-0">
// <div className="p-5">
// <Row className="align-items-center">
// <Col lg="8">
// <h3 className="text-white">
// Chúng tôi sẽ giúp bạn tạo nên những sản phẩm chất lượng để cung cấp cho thị trường người tiêu dùng
// </h3>
// <p className="lead text-white mt-3">
// {/* I will be the leader of a company that ends up being
// worth billions of dollars, because I got the answers. I
// understand culture. */}
// </p>
// </Col>
// <Col className="ml-lg-auto" lg="3">
// <Button
// block
// className="btn-white"
// color="default"
// href="https://kis-v.com/home"
// size="lg"
// target="_blank"
// >
// Thông tin chi tiết
// </Button>
// </Col>
// </Row>
// </div>
// </Card>
// </Container>
// </section>
<section className="section pb-0 bg-gradient-warning">
<Container>
<Row className="row-grid align-items-center">
<Col className="order-lg-2 ml-lg-auto" md="6">
<div className="position-relative pl-md-5">
<img
alt="..."
className="img-center img-fluid"
src={require("assets/img/ill/ill-2.svg")}
/>
</div>
</Col>
<Col className="order-lg-1" lg="6">
<div className="d-flex px-3">
<div>
<div className="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary">
<i className="ni ni-building text-primary" />
</div>
</div>
<div className="pl-4">
<h4 className="display-3 text-white">Thông tin</h4>
<p className="text-white">
Chúng tôi sẽ giúp bạn tạo nên những sản phẩm chất lượng để cung cấp cho thị trường người tiêu dùng.
</p>
</div>
</div>
</Col>
</Row>
</Container>
<div className="separator separator-bottom separator-skew zindex-100">
<svg
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
version="1.1"
viewBox="0 0 2560 100"
x="0"
y="0"
>
<polygon
className="fill-white"
points="2560 0 2560 100 0 100"
/>
</svg>
</div>
</section>
);
}
export default Sologan;
\ No newline at end of file
src/components/Profile/AddProfile.js 0 → 100644
View file @ c3346782
import React, { useState } from "react";
import { useHistory } from "react-router";
import { Container, Form, FormGroup, Label, InputGroup, InputGroupAddon, InputGroupText, Input, Button, Col, FormText } from "reactstrap";
// core components
import MainBanner from "../Generals/MainBanner.js";
import DemoNavbar from "../Navbars/DemoNavbar.js";
import SimpleFooter from "../Footers/SimpleFooter.js";
import AmazingTeam from "../Footers/AmazingTeam.js";
import dummyData from "../../data/index.json";
const AddProfile = () => {
const [profileName, setProfileName] = useState("");
const [logo, setLogo] = useState({});
const [phoneNumber, setPhoneNumber] = useState("");
const [address, setAddress] = useState("");
const [productName, setProductName] = useState("");
const [validPhoneNumber, setValidPhoneNumber] = useState(false);
const history = useHistory();
const onHandleBack = () => {
history.push("/");
}
return (
<>
<DemoNavbar />
<main>
<MainBanner />
<section className="section pb-0 section-components">
<Container>
<Form>
<FormGroup className="mb-4">
<Label for="profile_name" >Tên doanh nghiệp</Label>
<InputGroup className="mb-4">
<InputGroupAddon addonType="prepend">
<InputGroupText>
<i className="fa fa-building" />
</InputGroupText>
</InputGroupAddon>
<Input
placeholder="Tên doanh nghiệp"
type="text"
value={profileName}
onChange={(e) => setProfileName(e.target.value)}
/>
</InputGroup>
</FormGroup>
<FormGroup className="mb-4">
<Label for="phone_number" >Số điện thoại</Label>
<InputGroup className="mb-4">
<InputGroupAddon addonType="prepend">
<InputGroupText>
<i className="fa fa-phone" />
</InputGroupText>
</InputGroupAddon>
<Input
placeholder="Số điện thoại"
type="text"
value={phoneNumber}
onChange={(e) => setPhoneNumber(e.target.value)}
/>
</InputGroup>
</FormGroup>
<FormGroup className="mb-4">
<Label for="address" >Địa chỉ</Label>
<InputGroup className="mb-4">
<InputGroupAddon addonType="prepend">
<InputGroupText>
<i className="fa fa-location-arrow" />
</InputGroupText>
</InputGroupAddon>
<Input
placeholder="Địa chỉ"
type="text"
value={address}
onChange={(e) => setAddress(e.target.value)}
/>
</InputGroup>
</FormGroup>
<FormGroup className="mb-4">
<Label for="address" >Tên sản phẩm</Label>
<InputGroup className="mb-4">
<InputGroupAddon addonType="prepend">
<InputGroupText>
<i className="fa fa-product-hunt" />
</InputGroupText>
</InputGroupAddon>
<Input
placeholder="Tên sản phẩm"
type="text"
value={productName}
onChange={(e) => setProductName(e.target.value)}
/>
</InputGroup>
</FormGroup>
<FormGroup row>
{/* <Col>
<Label for="file-logo" sm={2}>Logo</Label>
</Col> */}
<Col sm={10}>
<Input type="file" name="file" id="file-logo" />
<FormText color="muted">
Lựa chọn logo công ty
</FormText>
</Col>
</FormGroup>
<div className="d-flex justify-content-between">
<Button
color="info"
type="button"
className="btn-1 w-20"
onClick={onHandleBack}
>
BACK
</Button>
<Button
color="primary"
type="submit"
className="btn-1 w-20"
>
{/* {state.profileId ? "EDIT" : "ADD"} */}
ADD
</Button>
</div>
</Form>
</Container>
</section>
</main>
</>
);
}
export default AddProfile;
\ No newline at end of file
src/data/index.json
View file @ c3346782
......@@ -6,7 +6,7 @@
"name": "Công ty TNHH sáng tạo KIS",
"logo": "/image/logo/kis-academy.jpg",
"address": "Technosoft Số 8 ngõ 15 Duy Tân, Cầu Giấy, Hà Nội",
"phone_number": "0978549632",
"phone_number": "024 3795 5218",
"qr_code": "/image/qrcode/qr-code.png",
"created_at": 1624870109921,
"profile_product": [
......
src/index.js
View file @ c3346782
......@@ -23,6 +23,8 @@ import "assets/vendor/nucleo/css/nucleo.css";
import "assets/vendor/font-awesome/css/font-awesome.min.css";
import "assets/scss/argon-design-system-react.scss?v1.1.0";
import AddProfile from "./components/Profile/AddProfile";
import Index from "views/Index.js";
import Landing from "views/examples/Landing.js";
import Login from "views/examples/Login.js";
......@@ -37,6 +39,11 @@ ReactDOM.render(
<BrowserRouter>
<Switch>
<Route path="/" exact render={props => <Index {...props} />} />
<Route
path="/profile/add"
exact
render={props => <AddProfile {...props} />}
/>
<Route
path="/trace-code/:trace"
exact
......
src/views/Index.js
View file @ c3346782
......@@ -22,6 +22,7 @@ import { Container, Row, Col, Button } from "reactstrap";
// core components
import MainBanner from "components/Generals/MainBanner.js";
import Sologan from "components/Generals/Sologan.js";
import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
......@@ -49,6 +50,7 @@ import Icons from "./IndexSections/Icons.js";
import Login from "./IndexSections/Login.js";
import Download from "./IndexSections/Download.js";
const Index = () => {
// componentDidMount() {
// document.documentElement.scrollTop = 0;
......@@ -66,7 +68,7 @@ const Index = () => {
<Inputs />
</Container>
</section>
<AmazingTeam />
<Sologan />
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
......
src/views/IndexSections/Inputs.js
View file @ c3346782
......@@ -59,12 +59,27 @@ const Inputs = () => {
}
}
const onHandleCreateProfile = () => {
history.push("/profile/add");
}
return (
<>
<section className="section pb-0 section-components">
<Container className="mb-5">
{/* Inputs */}
<h3 className="h4 text-success font-weight-bold mb-4 text-center">Tra cứu thông tin</h3>
<h3 className="h4 text-success mb-4 font-weight-bold text-center">Tra cứu thông tin</h3>
{/* <Row className="mb-4">
<Col></Col>
<Col>
</Col>
<Col className="text-right">
<Button className="btn-1" color="primary" size="sm" type="button" onClick={onHandleCreateProfile}>
Tạo mới
</Button>
</Col>
</Row> */}
{/* <div className="mb-3">
<small className="text-uppercase font-weight-bold">
Form controls
......
src/views/examples/DetailProfile.js
View file @ c3346782
......@@ -15,7 +15,7 @@
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
import React from "react";
import React, { useState } from "react";
// nodejs library that concatenates classes
import classnames from "classnames";
......@@ -41,14 +41,15 @@ import { Routes } from '../../reoutes';
// core components
import MainBanner from "components/Generals/MainBanner.js";
import Sologan from "components/Generals/Sologan";
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
import Download from "../IndexSections/Download.js";
const DetailProfile = () => {
// state = {};
// componentDidMount() {
......@@ -57,6 +58,9 @@ const DetailProfile = () => {
// this.refs.main.scrollTop = 0;
// }
// render() {
const [nameFocused, setNameFocused] = useState(undefined);
const [emailFocused, setEmailFocused] = useState(undefined);
const history = useHistory();
return (
<>
......@@ -452,7 +456,9 @@ const DetailProfile = () => {
}
</section>
<AmazingTeam />
<Sologan />
{/* <section className="section pb-0 bg-gradient-warning">
<Container>
<Row className="row-grid align-items-center">
......@@ -557,223 +563,7 @@ const DetailProfile = () => {
</svg>
</div>
</section> */}
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
<Col lg="8">
<h2 className="display-3">The amazing Team</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">Ryan Tompson</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">Romina Hadid</span>
<small className="h6 text-muted">
Marketing Strategist
</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">Alexander Smith</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">John Doe</span>
<small className="h6 text-muted">Founder and CEO</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> */}
{/* <section className="section section-lg pt-0">
<Container>
<Card className="bg-gradient-warning shadow-lg border-0">
<div className="p-5">
<Row className="align-items-center">
<Col lg="8">
<h3 className="text-white">
We made website building easier for you.
</h3>
<p className="lead text-white mt-3">
I will be the leader of a company that ends up being
worth billions of dollars, because I got the answers. I
understand culture.
</p>
</Col>
<Col className="ml-lg-auto" lg="3">
<Button
block
className="btn-white"
color="default"
href="https://www.creative-tim.com/product/argon-design-system-react?ref=adsr-landing-page"
size="lg"
>
Download React
</Button>
</Col>
</Row>
</div>
</Card>
</Container>
</section> */}
{/* <section className="section section-lg bg-gradient-default">
<Container className="pt-lg pb-300">
<Row className="text-center justify-content-center">
......@@ -837,6 +627,7 @@ const DetailProfile = () => {
</svg>
</div>
</section> */}
{/* <section className="section section-lg pt-lg-0 section-contact-us">
<Container>
<Row className="justify-content-center mt--300">
......@@ -849,7 +640,7 @@ const DetailProfile = () => {
</p>
<FormGroup
className={classnames("mt-5", {
focused: this.state.nameFocused
focused: nameFocused
})}
>
<InputGroup className="input-group-alternative">
......@@ -861,14 +652,14 @@ const DetailProfile = () => {
<Input
placeholder="Your name"
type="text"
onFocus={e => this.setState({ nameFocused: true })}
onBlur={e => this.setState({ nameFocused: false })}
onFocus={e => setNameFocused(true)}
onBlur={e => setNameFocused(false)}
/>
</InputGroup>
</FormGroup>
<FormGroup
className={classnames({
focused: this.state.emailFocused
focused: emailFocused
})}
>
<InputGroup className="input-group-alternative">
......@@ -880,8 +671,8 @@ const DetailProfile = () => {
<Input
placeholder="Email address"
type="email"
onFocus={e => this.setState({ emailFocused: true })}
onBlur={e => this.setState({ emailFocused: false })}
onFocus={e => setEmailFocused(true)}
onBlur={e => setEmailFocused(false)}
/>
</InputGroup>
</FormGroup>
......@@ -912,6 +703,7 @@ const DetailProfile = () => {
</Row>
</Container>
</section> */}
{/* <Download /> */}
</main>
<SimpleFooter />
......
src/views/examples/Tracecode.js
View file @ c3346782
......@@ -47,6 +47,7 @@ import {formatDateTime} from '../../constans/index.js';
// core components
import MainBanner from "components/Generals/MainBanner.js";
import Sologan from "components/Generals/Sologan";
import DemoNavbar from "components/Navbars/DemoNavbar.js";
import SimpleFooter from "components/Footers/SimpleFooter.js";
import AmazingTeam from "components/Footers/AmazingTeam.js";
......@@ -99,8 +100,8 @@ const Tracecode = () => {
<Col md="6">
<div className="pl-md-5">
<h3>{product.name}</h3>
<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">Mã sản phẩm <span className="font-weight-bold">{product.trace_code}</span></div>
<div className="h5 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>
</Col>
......@@ -169,9 +170,9 @@ const Tracecode = () => {
<TabContent activeTab={"plainTabs" + plainTabs}>
<TabPane tabId="plainTabs1">
<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 font-weight-bold mb-3">{product.name}</div>
<div className="h5 mb-3">Mã sản phẩm <span className="font-weight-bold">{product.trace_code}</span></div>
<div className="h5 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>
</TabPane>
......@@ -179,8 +180,8 @@ const Tracecode = () => {
<div className="description">
{product.product_chain_diary.map(diary => (
<div>
<div className="h6 mt-3">{diary.company}</div>
<Row className="mb-3">
<div className="h5 font-weight-bold mt-3">{diary.company}</div>
<Row className="h6 mb-3">
<Col>{formatDateTime(diary.date)}</Col>
<Col>{diary.description}</Col>
</Row>
......@@ -215,12 +216,12 @@ const Tracecode = () => {
<main>
<MainBanner/>
{renderProductInfo(product)}
<section className="section pb-0 bg-gradient-warning">
<section className="section bg-gradient-warning">
<Container>
{renderTabs(product)}
</Container>
{/* SVG separator */}
<div className="separator separator-bottom separator-skew zindex-100">
{/* <div className="separator separator-bottom separator-skew zindex-100">
<svg
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
......@@ -234,9 +235,9 @@ const Tracecode = () => {
points="2560 0 2560 100 0 100"
/>
</svg>
</div>
</div> */}
</section>
<AmazingTeam />
{/* <Sologan /> */}
{/* <section className="section section-lg">
<Container>
<Row className="justify-content-center text-center mb-lg">
......
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