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
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/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 |
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 | RBAC - Tutorial
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 |
24 |
45 |
47 | );
48 | }
49 | }
50 |
51 | export default UserCard;
52 |
--------------------------------------------------------------------------------
/src/index.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 React from "react";
19 | import ReactDOM from "react-dom";
20 |
21 | import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
22 |
23 | import "bootstrap/dist/css/bootstrap.min.css";
24 | import "./assets/css/animate.min.css";
25 | import "./assets/sass/light-bootstrap-dashboard-react.scss?v=1.3.0";
26 | import "./assets/css/demo.css";
27 | import "./assets/css/pe-icon-7-stroke.css";
28 |
29 | import AdminLayout from "layouts/Admin.jsx";
30 |
31 | ReactDOM.render(
32 |
25 | 
26 |
27 |
28 |
42 |
44 | {this.props.description}
43 |45 |
{this.props.socials}
46 |
67 | Welcome to Light Bootstrap Dashboard - a beautiful freebie for
68 | every web developer.
69 |
70 | ),
71 | level: level,
72 | position: position,
73 | autoDismiss: 15
74 | });
75 | };
76 | getRoutes = routes => {
77 | return routes.map((prop, key) => {
78 | if (prop.layout === "/admin") {
79 | return (
80 |
150 | Welcome to Light Bootstrap Dashboard - a beautiful freebie for
151 | every web developer.
152 |
153 | ),
154 | level: level,
155 | position: "tr",
156 | autoDismiss: 15
157 | });
158 | }
159 | componentDidUpdate(e) {
160 | if (
161 | window.innerWidth < 993 &&
162 | e.history.location.pathname !== e.location.pathname &&
163 | document.documentElement.className.indexOf("nav-open") !== -1
164 | ) {
165 | document.documentElement.classList.toggle("nav-open");
166 | }
167 | if (e.history.action === "PUSH") {
168 | document.documentElement.scrollTop = 0;
169 | document.scrollingElement.scrollTop = 0;
170 | this.refs.mainPanel.scrollTop = 0;
171 | }
172 | }
173 | render() {
174 | return (
175 |
176 |
180 |
199 | );
200 | }
201 | }
202 |
203 | export default Admin;
204 |
--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/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 TableList2 from "views/TableList2.jsx";
22 | import AllowedActions from "./assets/api/getAllowedActions.jsx";
23 |
24 | const dashboardRoutes = AllowedActions().data.user.Pages;
25 | const dashboardRoutes2 = [
26 | {
27 | path: "/dashboard",
28 | name: "Dashboard",
29 | icon: "pe-7s-graph",
30 | component: Dashboard,
31 | layout: "/admin"
32 | },
33 | {
34 | path: "/users-list",
35 | name: "Users",
36 | icon: "pe-7s-user",
37 | component: TableList2,
38 | layout: "/admin"
39 | },
40 | {
41 | path: "/table",
42 | name: "Roles",
43 | icon: "pe-7s-note2",
44 | component: TableList,
45 | layout: "/admin"
46 | }
47 | //,
48 | // {
49 | // path: "/typography",
50 | // name: "Typography",
51 | // icon: "pe-7s-news-paper",
52 | // component: Typography,
53 | // layout: "/admin"
54 | // },
55 | // {
56 | // path: "/icons",
57 | // name: "Icons",
58 | // icon: "pe-7s-science",
59 | // component: Icons,
60 | // layout: "/admin"
61 | // },
62 | // {
63 | // path: "/maps",
64 | // name: "Maps",
65 | // icon: "pe-7s-map-marker",
66 | // component: Maps,
67 | // layout: "/admin"
68 | // },
69 | // {
70 | // path: "/notifications",
71 | // name: "Notifications",
72 | // icon: "pe-7s-bell",
73 | // component: Notifications,
74 | // layout: "/admin"
75 | // },
76 | // {
77 | // upgrade: true,
78 | // path: "/upgrade",
79 | // name: "Upgrade to PRO",
80 | // icon: "pe-7s-rocket",
81 | // component: Upgrade,
82 | // layout: "/admin"
83 | // }
84 | ];
85 |
86 | export default dashboardRoutes;
87 |
--------------------------------------------------------------------------------
/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 | constructor(props) {
40 | super(props);
41 | this.state = {
42 | actionsArray: []
43 | };
44 | }
45 |
46 | createLegend(json) {
47 | var legend = [];
48 | for (var i = 0; i < json["names"].length; i++) {
49 | var type = "fa fa-circle text-" + json["types"][i];
50 | legend.push();
51 | legend.push(" ");
52 | legend.push(json["names"][i]);
53 | }
54 | return legend;
55 | }
56 |
57 | isActionAllowed = (actionUrl = "") => {
58 | return this.state.actionsArray.indexOf(actionUrl) >= 0 ? true : false;
59 | };
60 |
61 | getActionList = () => {
62 | let actionsArray = [];
63 | let allowedActions = this.props.allowedActions;
64 | allowedActions.forEach(element => {
65 | if (element.roleIsActive) {
66 | actionsArray.push(element.actionUrl);
67 | }
68 | });
69 | this.setState({ actionsArray });
70 | };
71 |
72 | componentWillMount() {
73 | this.getActionList();
74 | }
75 |
76 | render() {
77 | return (
78 |
181 | {this.getRoutes(routes)}
186 |
187 |
198 |
79 |
80 |
81 | {this.isActionAllowed("capacity") && (
82 |
126 |
127 | {this.isActionAllowed("users_behavior") &&
128 |
138 |
145 | }
146 | legend={
147 | {this.createLegend(legendSales)}
148 | }
149 | />
150 |
151 | }
152 | {this.isActionAllowed("email_statistics") &&
153 | {this.createLegend(legendPie)}
169 | }
170 | />
171 |
172 | }
173 |
174 |
175 | {this.createLegend(legendBar)}
196 | }
197 | />
198 |
199 | }
200 |
201 | {this.isActionAllowed("tasks") &&
202 |
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 | const CustomMap = withScriptjs(
28 | withGoogleMap(props => (
29 |
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 | isActionAllowed = (actionName = "") => {
26 | // return (this.props.actions.indexOf(actionName) >= 0) ? true : false;
27 | return true;
28 | }
29 |
30 | render() {
31 | console.log(this.props);
32 | return (
33 |
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 |
34 |
35 |
36 |
42 |
43 |
51 |
52 |
53 | {thArray.map((prop, key) => {
54 | return {prop} ;
55 | })}
56 |
57 |
58 |
59 | {tdArray.map((prop, key) => {
60 | return (
61 |
62 | {prop.map((prop, key) => {
63 | return {prop} ;
64 | })}
65 |
66 | );
67 | })}
68 |
69 |
70 | }
71 | />
72 |
73 |
74 |
75 |
76 |
77 |
78 | );
79 | }
80 | }
81 |
82 | export default TableList;
83 |
--------------------------------------------------------------------------------
/src/views/TableList2.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 TableList2 extends Component {
25 | constructor(props){
26 | super(props);
27 | }
28 | isActionAllowed = (actionName = "") => {
29 | // return (this.props.actions.indexOf(actionName) >= 0) ? true : false;
30 | return true;
31 | }
32 |
33 | render() {
34 | console.log(this.props);
35 | return (
36 |
37 |
38 |
39 |
45 |
46 |
55 | {this.isActionAllowed('list-roles') &&
56 |
57 |
58 |
76 | }
77 |
78 | }
79 | />
80 |
81 |
82 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | export default TableList2;
90 |
--------------------------------------------------------------------------------
/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 | | {prop} | ; 61 | })} 62 |
|---|
| {prop} | ; 70 | })} 71 |
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 |
28 | import { Card } from "components/Card/Card.jsx";
29 | import { FormInputs } from "components/FormInputs/FormInputs.jsx";
30 | import { UserCard } from "components/UserCard/UserCard.jsx";
31 | import Button from "components/CustomButton/CustomButton.jsx";
32 |
33 | import avatar from "assets/img/faces/face-3.jpg";
34 |
35 | class UserProfile extends Component {
36 | render() {
37 | return (
38 |
39 |
40 |
41 |
46 |
131 |
133 | About Me
134 |
142 |
143 |
144 |
147 |
148 |
149 | }
150 | />
151 |
152 |
160 | "Lamborghini Mercy
161 |
162 | Your chick she so thirsty 163 |
164 | I'm in that two seat Lambo" 165 | 166 | } 167 | socials={ 168 |
183 |
184 |
185 | );
186 | }
187 | }
188 |
189 | export default UserProfile;
190 |
--------------------------------------------------------------------------------
162 | Your chick she so thirsty 163 |
164 | I'm in that two seat Lambo" 165 | 166 | } 167 | socials={ 168 |
169 |
172 |
175 |
178 |
179 | }
180 | />
181 |
182 |