Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
app/routes/Layouts/NavbarOnly/NavbarOnly.js Executable file
View File

@@ -0,0 +1,123 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
import { withPageConfig } from
'./../../../components/Layout/withPageConfig';
import {
Container,
} from './../../../components';
class NavbarOnly extends React.Component {
static propTypes = {
pageConfig: PropTypes.object
};
componentDidMount() {
const { pageConfig } = this.props;
pageConfig.setElementsVisibility({
sidebarHidden: true
});
}
componentWillUnmount() {
const { pageConfig } = this.props;
pageConfig.setElementsVisibility({
sidebarHidden: false
});
}
render() {
return (
<Container>
<p className="mb-5 mt-3">
Welcome to the <b>&quot;Airframe&quot;</b> Admin Dashboard Theme based on <a href="https://getbootstrap.com" className="text-primary" target="_blank" rel="noopener noreferrer">Bootstrap 4.x</a> version for React called&nbsp;
<a href="https://reactstrap.github.io" className="text-primary" target="_blank" rel="noopener noreferrer">reactstrap</a> - easy to use React Bootstrap 4 components compatible with React 16+.
</p>
<section className="mb-5">
<h6>
Layouts for this framework:
</h6>
<ul className="pl-3">
<li>
<Link to="/layouts/navbar" className="text-primary">Navbar</Link>
</li>
<li>
<Link to="/layouts/sidebar" className="text-primary">Sidebar</Link>
</li>
<li>
<Link to="/layouts/sidebar-with-navbar" className="text-primary">Sidebar with Navbar</Link>
</li>
</ul>
</section>
<section className="mb-5">
<h6>
This Starter has:
</h6>
<ul className="pl-3">
<li>
<a href="https://webkom.gitbook.io/spin/v/airframe/airframe-react/documentation-react" className="text-primary" target="_blank" rel="noopener noreferrer">Documentation</a> - which describes how to configure this version.
</li>
<li>
<a href="https://webkom.gitbook.io/spin/v/airframe/airframe-react/credits-react" className="text-primary" target="_blank" rel="noopener noreferrer">Credits</a> - technical details of which versions are used for this framework.
</li>
<li>
<a href="https://webkom.gitbook.io/spin/v/airframe/airframe-react/roadmap-react" className="text-primary" target="_blank" rel="noopener noreferrer">Roadmap</a> - update for this technology for the coming months.
</li>
<li>
<b>Bugs</b> - do you see errors in this version? Please report vie email: <i>info@webkom.co</i>
</li>
</ul>
</section>
<section className="mb-5">
<h6>
Other versions for &quot;Airframe&quot;:
</h6>
<ul className="pl-3">
<li>
<a href="http://dashboards.webkom.co/jquery/airframe" className="text-primary">jQuery</a> - based on the newest <i>Bootstrap 4.x</i>
</li>
<li>
<a href="http://dashboards.webkom.co/react/airframe" className="text-primary">React</a> - based on the newest <i>Reactstrap</i>
</li>
<li>
<a href="http://dashboards.webkom.co/react-next/airframe" className="text-primary">Next.js (React)</a> - based on the newest <i>Reactstrap</i> and <i>Next.js</i>
</li>
<li>
<a href="http://dashboards.webkom.co/angular/airframe" className="text-primary">Angular</a> - based on the newest <i>ng-bootstrap</i>
</li>
<li>
<a href="http://dashboards.webkom.co/net-mvc/airframe" className="text-primary">.NET MVC</a> - based on the newest <i>Bootstrap 4.x</i>
</li>
<li>
<a href="http://dashboards.webkom.co/vue/airframe" className="text-primary">Vue.js</a> - based on the newest <i>BootstrapVue</i>
</li>
<li>
<b>Other Versions</b>, such as <i>Ruby on Rails, Ember, Laravel etc.</i>, please ask for the beta version via email: info@webkom.co
</li>
</ul>
</section>
<section className="mb-5">
<h6>
Work Orders:
</h6>
<p>
Regarding configuration, changes under client&apos;s requirements.<br />
Pleace contact us through the <a href="http://wbkom.co/contact" className="text-primary" target="_blank" rel="noopener noreferrer">webkom.co/contact</a> website.
</p>
</section>
</Container>
);
}
}
const ExtendedNavbarOnly = withPageConfig(NavbarOnly);
export {
ExtendedNavbarOnly as NavbarOnly
};