24 |
48 | );
49 | }
50 | }
51 |
52 | export default Card;
53 |
--------------------------------------------------------------------------------
/src/components/CustomButton/CustomButton.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Button } from "react-bootstrap";
20 | import cx from "classnames";
21 | import PropTypes from "prop-types";
22 |
23 | class CustomButton extends Component {
24 | render() {
25 | const { fill, simple, pullRight, round, block, ...rest } = this.props;
26 |
27 | const btnClasses = cx({
28 | "btn-fill": fill,
29 | "btn-simple": simple,
30 | "pull-right": pullRight,
31 | "btn-block": block,
32 | "btn-round": round
33 | });
34 |
35 | return ;
36 | }
37 | }
38 |
39 | CustomButton.propTypes = {
40 | fill: PropTypes.bool,
41 | simple: PropTypes.bool,
42 | pullRight: PropTypes.bool,
43 | block: PropTypes.bool,
44 | round: PropTypes.bool
45 | };
46 |
47 | export default CustomButton;
48 |
--------------------------------------------------------------------------------
/src/components/CustomCheckbox/CustomCheckbox.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 |
20 | class CustomCheckbox extends Component {
21 | constructor(props) {
22 | super(props);
23 | this.state = {
24 | is_checked: props.isChecked ? true : false
25 | };
26 | this.handleClick = this.handleClick.bind(this);
27 | }
28 | handleClick() {
29 | this.setState({ is_checked: !this.state.is_checked });
30 | }
31 | render() {
32 | const { isChecked, number, label, inline, ...rest } = this.props;
33 | const classes =
34 | inline !== undefined ? "checkbox checkbox-inline" : "checkbox";
35 | return (
36 |
25 |
28 | {this.props.title}
26 |{this.props.category}
27 |
37 | {this.props.content}
38 |
39 |
47 |
40 | {this.props.legend}
41 | {this.props.stats != null ?
: ""} 42 |
46 | : ""} 42 |
43 | {this.props.stats}
44 |
45 |
37 |
44 |
45 |
46 | );
47 | }
48 | }
49 |
50 | export default CustomCheckbox;
51 |
--------------------------------------------------------------------------------
/src/components/CustomRadio/CustomRadio.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 |
20 | class CustomRadio extends Component {
21 | render() {
22 | const { number, label, option, name, ...rest } = this.props;
23 |
24 | return (
25 |
26 |
27 |
28 |
29 | );
30 | }
31 | }
32 |
33 | export default CustomRadio;
34 |
--------------------------------------------------------------------------------
/src/components/FixedPlugin/FixedPlugin.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | /*eslint-disable*/
19 | import React, { Component } from "react";
20 | import Toggle from "react-toggle";
21 |
22 | import imagine1 from "assets/img/sidebar-1.jpg";
23 | import imagine2 from "assets/img/sidebar-2.jpg";
24 | import imagine3 from "assets/img/sidebar-3.jpg";
25 | import imagine4 from "assets/img/sidebar-4.jpg";
26 |
27 | class FixedPlugin extends Component {
28 | constructor(props) {
29 | super(props);
30 | this.state = {
31 | classes: "dropdown show-dropdown open",
32 | bg_checked: true,
33 | bgImage: this.props.bgImage
34 | };
35 | }
36 | handleClick = () => {
37 | this.props.handleFixedClick();
38 | };
39 | onChangeClick = () => {
40 | this.props.handleHasImage(!this.state.bg_checked);
41 | this.setState({ bg_checked: !this.state.bg_checked });
42 | };
43 | render() {
44 | return (
45 |
46 |
216 | );
217 | }
218 | }
219 |
220 | export default FixedPlugin;
221 |
--------------------------------------------------------------------------------
/src/components/Footer/Footer.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Grid } from "react-bootstrap";
20 |
21 | class Footer extends Component {
22 | render() {
23 | return (
24 |
51 | );
52 | }
53 | }
54 |
55 | export default Footer;
56 |
--------------------------------------------------------------------------------
/src/components/FormInputs/FormInputs.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { FormGroup, ControlLabel, FormControl, Row } from "react-bootstrap";
20 |
21 | function FieldGroup({ label, ...props }) {
22 | return (
23 |
47 |
215 |
48 |
49 |
50 | -
51 |
- Configuration 52 |
-
53 |
Background Image
54 |55 |60 | 61 |59 |
62 | -
63 |
64 |
Filters
65 |66 | { 74 | this.props.handleColorClick("black"); 75 | }} 76 | /> 77 | { 85 | this.props.handleColorClick("azure"); 86 | }} 87 | /> 88 | { 96 | this.props.handleColorClick("green"); 97 | }} 98 | /> 99 | { 107 | this.props.handleColorClick("orange"); 108 | }} 109 | /> 110 | { 118 | this.props.handleColorClick("red"); 119 | }} 120 | /> 121 | { 129 | this.props.handleColorClick("purple"); 130 | }} 131 | /> 132 |133 | 134 | 135 |
136 | - Sidebar Images 137 |
-
138 | {
141 | this.setState({ bgImage: imagine1 });
142 | this.props.handleImageClick(imagine1);
143 | }}
144 | >
145 |
146 | 147 |
148 | -
149 | {
152 | this.setState({ bgImage: imagine2 });
153 | this.props.handleImageClick(imagine2);
154 | }}
155 | >
156 |
157 | 158 |
159 | -
160 | {
163 | this.setState({ bgImage: imagine3 });
164 | this.props.handleImageClick(imagine3);
165 | }}
166 | >
167 |
168 | 169 |
170 | -
171 | {
174 | this.setState({ bgImage: imagine4 });
175 | this.props.handleImageClick(imagine4);
176 | }}
177 | >
178 |
179 | 180 |
181 |
182 | -
183 | 184 | 189 | Download free! 190 | 191 |192 |
193 |
-
194 | 195 | 200 | Buy Pro 201 | 202 |203 |
204 |
- 205 | 210 | Documentation 211 | 212 | 213 |
36 |
38 | );
39 | }
40 | return
16 |
20 | );
21 | }
22 | }
23 |
24 |
25 | const mapStateToProps = state => ({ loading: state.application.loading })
26 |
27 | export default connect(mapStateToProps)(FullPageLoader);
--------------------------------------------------------------------------------
/src/components/Navbars/AdminNavbar.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Navbar } from "react-bootstrap";
20 |
21 | import AdminNavbarLinks from "./AdminNavbarLinks.jsx";
22 |
23 | class Header extends Component {
24 | constructor(props) {
25 | super(props);
26 | this.mobileSidebarToggle = this.mobileSidebarToggle.bind(this);
27 | this.state = {
28 | sidebarExists: false
29 | };
30 | }
31 | mobileSidebarToggle(e) {
32 | if (this.state.sidebarExists === false) {
33 | this.setState({
34 | sidebarExists: true
35 | });
36 | }
37 | e.preventDefault();
38 | document.documentElement.classList.toggle("nav-open");
39 | var node = document.createElement("div");
40 | node.id = "bodyClick";
41 | node.onclick = function() {
42 | this.parentElement.removeChild(this);
43 | document.documentElement.classList.toggle("nav-open");
44 | };
45 | document.body.appendChild(node);
46 | }
47 | render() {
48 | return (
49 |
17 | 
18 |
19 |
25 |
26 |
27 | 5
28 |
30 | );
31 | return (
32 | Notification
29 |
33 |
55 |
76 |
77 | );
78 | }
79 | }
80 |
81 | export default AdminNavbarLinks;
82 |
--------------------------------------------------------------------------------
/src/components/PageLoader/PageLoader.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import loaderImg from "assets/img/loader.gif";
3 | import { connect } from "react-redux";
4 |
5 | class PageLoader extends Component {
6 | state = {};
7 | render() {
8 | const { loading } = this.props;
9 |
10 | if (!loading) return null;
11 |
12 | return (
13 |
14 |
18 | );
19 | }
20 | }
21 |
22 | const mapStateToProps = state => ({ loading: state.application.loading });
23 |
24 | export default connect(mapStateToProps)(PageLoader);
25 |
--------------------------------------------------------------------------------
/src/components/Sidebar/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { NavLink } from "react-router-dom";
20 |
21 | import AdminNavbarLinks from "../Navbars/AdminNavbarLinks.jsx";
22 |
23 | import logo from "assets/img/reactlogo.png";
24 |
25 | class Sidebar extends Component {
26 | constructor(props) {
27 | super(props);
28 | this.state = {
29 | width: window.innerWidth
30 | };
31 | }
32 | activeRoute(routeName) {
33 | return this.props.location.pathname.indexOf(routeName) > -1 ? "active" : "";
34 | }
35 | updateDimensions() {
36 | this.setState({ width: window.innerWidth });
37 | }
38 | componentDidMount() {
39 | this.updateDimensions();
40 | window.addEventListener("resize", this.updateDimensions.bind(this));
41 | }
42 | render() {
43 | const sidebarBackground = {
44 | backgroundImage: "url(" + this.props.image + ")"
45 | };
46 | return (
47 |
15 | 
16 |
17 |
53 | {this.props.hasImage ? (
54 |
55 | ) : (
56 | null
57 | )}
58 |
103 | );
104 | }
105 | }
106 |
107 | export default Sidebar;
108 |
--------------------------------------------------------------------------------
/src/components/StatsCard/StatsCard.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Row, Col } from "react-bootstrap";
20 |
21 | export class StatsCard extends Component {
22 | render() {
23 | return (
24 |
59 |
63 |
74 |
64 | 
65 |
66 |
67 |
71 | Creative Tim
72 |
73 |
75 |
102 | -
76 | {this.state.width <= 991 ?
-
88 |
93 | 94 | 96 |{prop.name}
95 |
97 | );
98 | return null;
99 | })}
100 |
25 |
47 | );
48 | }
49 | }
50 |
51 | export default StatsCard;
52 |
--------------------------------------------------------------------------------
/src/components/Tasks/Tasks.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Tooltip, OverlayTrigger } from "react-bootstrap";
20 | import Checkbox from "components/CustomCheckbox/CustomCheckbox.jsx";
21 | import Button from "components/CustomButton/CustomButton.jsx";
22 |
23 | export class Tasks extends Component {
24 | handleCheckbox = event => {
25 | const target = event.target;
26 | console.log(event.target);
27 | this.setState({
28 | [target.name]: target.checked
29 | });
30 | };
31 | render() {
32 | const edit =
26 |
27 |
39 |
46 |
29 | {this.props.bigIcon}
30 |
31 |
32 |
34 |
37 |
38 | {this.props.statsText}
35 | {this.props.statsValue} 36 |
40 |
41 |
45 | 41 |
42 | {this.props.statsIcon} {this.props.statsIconText}
43 |
44 |
65 |
89 |
91 | );
92 | }
93 | }
94 |
95 | export default UserCard;
96 |
--------------------------------------------------------------------------------
/src/config.js:
--------------------------------------------------------------------------------
1 | export const config = {
2 | GOOGLE_MAP_KEY : "TestKey"
3 | }
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 |
4 | import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
5 |
6 | import "bootstrap/dist/css/bootstrap.min.css";
7 | import "./assets/css/animate.min.css";
8 | import "./assets/sass/light-bootstrap-dashboard-react.scss?v=1.3.0";
9 | import "./assets/css/demo.css";
10 | import "./assets/css/pe-icon-7-stroke.css";
11 |
12 | import AdminLayout from "layouts/Admin.jsx";
13 |
14 | import { Provider } from "react-redux";
15 | import configureStore from "./store";
16 |
17 | ReactDOM.render(
18 |
66 | 
67 |
68 |
69 |
86 |
88 | {this.props.description}
87 |89 |
{this.props.socials}
90 |
122 |
141 | );
142 | }
143 | }
144 |
145 | export default Admin;
146 |
--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/src/reducers/application.js:
--------------------------------------------------------------------------------
1 | const initialState = {
2 | data: {},
3 | loading: false
4 | };
5 |
6 | export default (state = initialState, action) => {
7 | switch (action.type) {
8 | case "PROFILE_DATA":
9 | return {
10 | ...state,
11 | data: { ...action.data }
12 | };
13 |
14 | case "SHOW_LOADER":
15 | return { ...state, loading: true };
16 |
17 | case "HIDE_LOADER":
18 | return { ...state, loading: false };
19 |
20 | default:
21 | return state;
22 | }
23 | };
24 |
--------------------------------------------------------------------------------
/src/reducers/rootReducer.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from 'redux';
2 | import application from './application';
3 | export default combineReducers({
4 | application
5 | });
--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import Dashboard from "views/Dashboard.jsx";
19 | import UserProfile from "views/UserProfile.jsx";
20 | import TableList from "views/TableList.jsx";
21 | import Typography from "views/Typography.jsx";
22 | import Icons from "views/Icons.jsx";
23 | import Maps from "views/Maps.jsx";
24 | import Notifications from "views/Notifications.jsx";
25 | import Upgrade from "views/Upgrade.jsx";
26 |
27 | const dashboardRoutes = [
28 | {
29 | path: "/dashboard",
30 | name: "Dashboard",
31 | icon: "pe-7s-graph",
32 | component: Dashboard,
33 | layout: "/admin"
34 | },
35 | {
36 | path: "/user",
37 | name: "User Profile",
38 | icon: "pe-7s-user",
39 | component: UserProfile,
40 | layout: "/admin"
41 | },
42 | {
43 | path: "/table",
44 | name: "Table List",
45 | icon: "pe-7s-note2",
46 | component: TableList,
47 | layout: "/admin"
48 | },
49 | {
50 | path: "/typography",
51 | name: "Typography",
52 | icon: "pe-7s-news-paper",
53 | component: Typography,
54 | layout: "/admin"
55 | },
56 | {
57 | path: "/icons",
58 | name: "Icons",
59 | icon: "pe-7s-science",
60 | component: Icons,
61 | layout: "/admin"
62 | },
63 | {
64 | path: "/maps",
65 | name: "Maps",
66 | icon: "pe-7s-map-marker",
67 | component: Maps,
68 | layout: "/admin"
69 | },
70 | {
71 | path: "/notifications",
72 | name: "Notifications",
73 | icon: "pe-7s-bell",
74 | component: Notifications,
75 | layout: "/admin"
76 | },
77 | {
78 | upgrade: true,
79 | path: "/upgrade",
80 | name: "Upgrade to PRO",
81 | icon: "pe-7s-rocket",
82 | component: Upgrade,
83 | layout: "/admin"
84 | }
85 | ];
86 |
87 | export default dashboardRoutes;
88 |
--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
1 | import { createStore, compose, applyMiddleware } from "redux";
2 | import thunk from "redux-thunk";
3 | import rootReducer from "./reducers/rootReducer";
4 |
5 | const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
6 |
7 | export default function configureStore() {
8 | return createStore(rootReducer, composeEnhancer(applyMiddleware(thunk)));
9 | }
10 |
--------------------------------------------------------------------------------
/src/views/Dashboard.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import ChartistGraph from "react-chartist";
20 | import { Grid, Row, Col } from "react-bootstrap";
21 |
22 | import { Card } from "components/Card/Card.jsx";
23 | import { StatsCard } from "components/StatsCard/StatsCard.jsx";
24 | import { Tasks } from "components/Tasks/Tasks.jsx";
25 | import {
26 | dataPie,
27 | legendPie,
28 | dataSales,
29 | optionsSales,
30 | responsiveSales,
31 | legendSales,
32 | dataBar,
33 | optionsBar,
34 | responsiveBar,
35 | legendBar
36 | } from "variables/Variables.jsx";
37 |
38 | class Dashboard extends Component {
39 | createLegend(json) {
40 | var legend = [];
41 | for (var i = 0; i < json["names"].length; i++) {
42 | var type = "fa fa-circle text-" + json["types"][i];
43 | legend.push();
44 | legend.push(" ");
45 | legend.push(json["names"][i]);
46 | }
47 | return legend;
48 | }
49 | render() {
50 | return (
51 |
131 | {this.getRoutes(routes)}
136 |
137 |
138 |
52 |
53 |
54 |
91 |
92 |
101 |
108 | }
109 | legend={
110 | {this.createLegend(legendSales)}
111 | }
112 | />
113 |
114 | {this.createLegend(legendPie)}
130 | }
131 | />
132 |
133 |
134 |
135 | {this.createLegend(legendBar)}
155 | }
156 | />
157 |
158 |
159 |
28 |
29 |
30 |
36 | Handcrafted by our friends from{" "}
37 |
42 | Pixeden
43 |
44 |
45 | }
46 | content={
47 |
48 | {iconsArray.map((prop, key) => {
49 | return (
50 |
66 | }
67 | />
68 |
69 |
70 |
71 |
72 | );
73 | }
74 | }
75 |
76 | export default Icons;
77 |
--------------------------------------------------------------------------------
/src/views/Maps.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React from "react";
19 | // react components used to create a google map
20 | import {
21 | withScriptjs,
22 | withGoogleMap,
23 | GoogleMap,
24 | Marker
25 | } from "react-google-maps";
26 |
27 | import {config} from '../config';
28 |
29 | const CustomMap = withScriptjs(
30 | withGoogleMap(props => (
31 |
59 |
60 |
61 |
62 |
63 | );
64 | })}
65 |
27 |
28 |
198 |
199 | );
200 | }
201 | }
202 |
203 | export default Notifications;
204 |
--------------------------------------------------------------------------------
/src/views/TableList.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Grid, Row, Col, Table } from "react-bootstrap";
20 |
21 | import Card from "components/Card/Card.jsx";
22 | import { thArray, tdArray } from "variables/Variables.jsx";
23 |
24 | class TableList extends Component {
25 | render() {
26 | return (
27 |
29 |
197 |
30 |
50 | Notifications
31 |32 | Handcrafted by{" "} 33 | 38 | Igor Prado 39 | 40 | . Please checkout the{" "} 41 | 46 | full documentation. 47 | 48 |
49 |
51 |
52 |
55 | This is a plain notification
56 |
57 |
58 |
61 | This is a notification with close button.
62 |
63 |
64 |
67 |
68 |
69 | This is a notification with close button and icon.
70 |
71 |
72 |
73 |
76 |
77 |
78 | This is a notification with close button and icon and have
79 | many lines. You can see that the icon and the close button
80 | are always vertically aligned. This is a beautiful
81 | notification. So you don't have to worry about the style.
82 |
83 |
84 |
85 |
88 |
91 |
92 | Info - This is a regular notification made with
93 | bsStyle="info"
94 |
95 |
96 |
97 |
100 |
101 | Success - This is a regular notification made
102 | with bsStyle="success"
103 |
104 |
105 |
106 |
109 |
110 | Warning - This is a regular notification made
111 | with bsStyle="warning"
112 |
113 |
114 |
115 |
118 |
119 | Danger - This is a regular notification made with
120 | bsStyle="danger"
121 |
122 |
123 |
124 |
125 |
126 |
127 |
196 | Notifications Style
54 |Notification states
87 |126 |
127 |
128 |
129 |
136 |
137 |
165 |
166 |
194 |
195 | 131 | Notifications Places 132 |
Click to view notifications
133 | 134 | 135 |
28 |
29 |
30 |
38 |
39 |
40 | {thArray.map((prop, key) => {
41 | return {prop} ;
42 | })}
43 |
44 |
45 |
46 | {tdArray.map((prop, key) => {
47 | return (
48 |
49 | {prop.map((prop, key) => {
50 | return {prop} ;
51 | })}
52 |
53 | );
54 | })}
55 |
56 |
57 | }
58 | />
59 |
60 |
61 |
70 |
71 |
72 | {thArray.map((prop, key) => {
73 | return {prop} ;
74 | })}
75 |
76 |
77 |
78 | {tdArray.map((prop, key) => {
79 | return (
80 |
81 | {prop.map((prop, key) => {
82 | return {prop} ;
83 | })}
84 |
85 | );
86 | })}
87 |
88 |
89 | }
90 | />
91 |
92 |
93 |
94 |
95 | );
96 | }
97 | }
98 |
99 | export default TableList;
100 |
--------------------------------------------------------------------------------
/src/views/Typography.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Grid, Row, Col } from "react-bootstrap";
20 |
21 | import Card from "components/Card/Card.jsx";
22 |
23 | class Typography extends Component {
24 | render() {
25 | return (
26 |
27 |
28 |
29 |
35 |
136 | }
137 | />
138 |
139 |
140 |
141 |
142 | );
143 | }
144 | }
145 |
146 | export default Typography;
147 |
--------------------------------------------------------------------------------
/src/views/Upgrade.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import { Table, Grid, Row, Col } from "react-bootstrap";
20 |
21 | import Card from "components/Card/Card";
22 |
23 | import Button from "components/CustomButton/CustomButton";
24 |
25 | class Icons extends Component {
26 | render() {
27 | return (
28 |
36 |
41 |
42 | 37 |
Header 1
Light Bootstrap 38 | Table Heading{" "} 39 | 40 |
43 |
48 | 44 |
Header 2
Light Bootstrap 45 | Table Heading 46 | 47 |
49 |
54 | 50 |
Header 3
Light Bootstrap 51 | Table Heading 52 | 53 |
55 |
60 | 56 |
Header 4
Light Bootstrap 57 | Table Heading 58 | 59 |
61 |
66 | 62 |
Header 5
Light Bootstrap 63 | Table Heading 64 | 65 |
67 |
72 | 68 |
Header 6
Light Bootstrap 69 | Table Heading 70 | 71 |
73 |
80 | 74 | ParagraphLorem ipsum 75 | dolor sit amet, consectetuer adipiscing elit, sed diam 76 | nonummy nibh euismod tincidunt ut laoreet dolore magna 77 | aliquam erat volutpat. Ut wisi enim ad minim veniam. 78 |
79 |
81 |
92 |
93 | Quote
82 |83 |91 |84 | Lorem ipsum dolor sit amet, consectetuer adipiscing 85 | elit, sed diam nonummy nibh euismod tincidunt ut 86 | laoreet dolore magna aliquam erat volutpat. Ut wisi 87 | enim ad minim veniam. 88 |
89 | Steve Jobs, CEO Apple 90 |
94 |
101 | Muted Text
95 |96 | Lorem ipsum dolor sit amet, consectetuer adipiscing 97 | elit, sed diam nonummy nibh euismod tincidunt ut 98 | laoreet. 99 |
100 |
102 | {/* */}
105 |
127 |
128 | Coloured Text
106 |107 | Text Primary - Light Bootstrap Table Heading and complex 108 | bootstrap dashboard you've ever seen on the internet. 109 |
110 |111 | Text Info - Light Bootstrap Table Heading and complex 112 | bootstrap dashboard you've ever seen on the internet. 113 |
114 |115 | Text Success - Light Bootstrap Table Heading and complex 116 | bootstrap dashboard you've ever seen on the internet. 117 |
118 |119 | Text Warning - Light Bootstrap Table Heading and complex 120 | bootstrap dashboard you've ever seen on the internet. 121 |
122 |123 | Text Danger - Light Bootstrap Table Heading and complex 124 | bootstrap dashboard you've ever seen on the internet. 125 |
126 |
129 |
132 | ".small" is a tag for the headers{" "} 133 | 134 |
135 | 130 |
Small Tag
Header with small 131 | subtitle132 | ".small" is a tag for the headers{" "} 133 | 134 |
29 |
30 |
31 |
41 |
42 |
43 | Free
45 | PRO
46 |
47 |
48 |
49 |
50 | Components
51 | 30
52 | 60
53 |
54 |
55 | Plugins
56 | 3
57 | 13
58 |
59 |
60 | Example Pages
61 | 7
62 | 24
63 |
64 |
65 | Login/Register/Lock Pages
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 | Premium Support
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 | Free
85 | Just $49
86 |
87 |
88 |
90 |
99 |
100 |
101 |
110 |
111 |
112 |
113 |
114 | }
115 | />
116 |
117 |
118 |
119 |
120 | );
121 | }
122 | }
123 |
124 | export default Icons;
125 |
--------------------------------------------------------------------------------
/src/views/UserProfile.jsx:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | =========================================================
4 | * Light Bootstrap Dashboard React - v1.3.0
5 | =========================================================
6 |
7 | * Product Page: https://www.creative-tim.com/product/light-bootstrap-dashboard-react
8 | * Copyright 2019 Creative Tim (https://www.creative-tim.com)
9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard-react/blob/master/LICENSE.md)
10 |
11 | * Coded by Creative Tim
12 |
13 | =========================================================
14 |
15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 |
17 | */
18 | import React, { Component } from "react";
19 | import {
20 | Grid,
21 | Row,
22 | Col,
23 | FormGroup,
24 | ControlLabel,
25 | FormControl
26 | } from "react-bootstrap";
27 | import {connect} from 'react-redux';
28 |
29 | import { Card } from "components/Card/Card.jsx";
30 | import { FormInputs } from "components/FormInputs/FormInputs.jsx";
31 | import { UserCard } from "components/UserCard/UserCard.jsx";
32 | import Button from "components/CustomButton/CustomButton.jsx";
33 |
34 | import avatar from "assets/img/faces/face-3.jpg";
35 | import { toggleLoader } from "actions/application";
36 | import Axios from "axios";
37 | import { showLoader } from "actions/application";
38 | import { hideLoader } from "actions/application";
39 |
40 | class UserProfile extends Component {
41 |
42 | updateProfile = () =>{
43 | this.props.dispatch( showLoader() )
44 |
45 | Axios.post(`https://jsonplaceholder.typicode.com/users`, { user : { name : 'Test User' } })
46 | .then(res => {
47 | console.log( res );
48 |
49 | this.props.dispatch( hideLoader() )
50 | })
51 | /* setTimeout(() => {
52 | this.props.dispatch( hideLoader() )
53 | }, 2000); */
54 |
55 | }
56 |
57 | render() {
58 | return (
59 |
60 |
61 |
62 |
67 |
152 |
154 | About Me
155 |
163 |
164 |
165 |
168 |
169 |
170 | }
171 | />
172 |
173 |
181 | "Lamborghini Mercy
182 |
183 | Your chick she so thirsty 184 |
185 | I'm in that two seat Lambo" 186 | 187 | } 188 | socials={ 189 |
204 |
205 |
206 | );
207 | }
208 | }
209 |
210 | const mapStateToProps = state =>({})
211 |
212 | export default connect(mapStateToProps)(UserProfile);
213 |
--------------------------------------------------------------------------------
183 | Your chick she so thirsty 184 |
185 | I'm in that two seat Lambo" 186 | 187 | } 188 | socials={ 189 |
190 |
193 |
196 |
199 |
200 | }
201 | />
202 |
203 |