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

92
app/routes/components/Users/UsersCardGrid.js Executable file
View File

@@ -0,0 +1,92 @@
import React from 'react';
import PropTypes from 'prop-types';
import {
Card,
CardBody,
Button,
UncontrolledTooltip,
UncontrolledButtonDropdown,
DropdownToggle,
DropdownMenu,
CardFooter,
CustomInput,
ButtonGroup,
DropdownItem
} from './../../../components';
import {
Profile
} from "./../Profile";
const UsersCardGrid = (props) => (
<React.Fragment>
{ /* START Card */}
<Card>
<CardBody>
<div className="d-flex">
<CustomInput className="pt-0 mt-0" type="checkbox" id={`usersCardGrid-${ props.id }` } label="" />
<ButtonGroup size="sm" className="ml-auto">
<Button color="link" size="sm" id={`usersCardGridTooltip-${ props.id }` } className="pt-0">
<i className="fa fa-star-o"></i>
</Button>
<UncontrolledTooltip placement="top" target={`usersCardGridTooltip-${ props.id }` }>
Add To Favorites
</UncontrolledTooltip>
<UncontrolledButtonDropdown className="ml-auto">
<DropdownToggle color="link" size="sm" className="pt-0">
<i className="fa fa-fw fa-bars pr-0" />
</DropdownToggle>
<DropdownMenu right>
<DropdownItem>
<i className="fa fa-fw fa-phone mr-2"></i>
Call
</DropdownItem>
<DropdownItem>
<i className="fa fa-fw fa-comment mr-2"></i>
Chat
</DropdownItem>
<DropdownItem>
<i className="fa fa-fw fa-video-camera mr-2"></i>
Video
</DropdownItem>
<DropdownItem>
<i className="fa fa-fw fa-user mr-2"></i>
Profile
</DropdownItem>
<DropdownItem>
<i className="fa fa-fw fa-pencil mr-2"></i>
Edit
</DropdownItem>
<DropdownItem divider />
<DropdownItem>
<i className="fa fa-fw fa-trash mr-2"></i>
Delete
</DropdownItem>
</DropdownMenu>
</UncontrolledButtonDropdown>
</ButtonGroup>
</div>
<Profile />
</CardBody>
<CardFooter className="bt-0 text-center">
<span>
<span className="mr-3">
<i className="fa fa-user-o mr-1"></i> <span className="text-inverse">233</span>
</span>
<span>
<i className="fa fa-star-o mr-1"></i> <span className="text-inverse">98</span>
</span>
</span>
</CardFooter>
</Card>
{ /* END Card */}
</React.Fragment>
)
UsersCardGrid.propTypes = {
id: PropTypes.node
};
UsersCardGrid.defaultProps = {
id: "1"
};
export { UsersCardGrid };

96
app/routes/components/Users/UsersLeftNav.js Executable file
View File

@@ -0,0 +1,96 @@
import React from 'react';
import {
Nav,
NavItem,
NavLink,
Badge
} from './../../../components';
const UsersLeftNav = () => (
<React.Fragment>
{ /* START Left Nav */}
<div className="mb-4">
<Nav pills vertical>
<NavItem>
<NavLink href="#" active>
All Contacts
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
Favorites
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
Private
</NavLink>
</NavItem>
</Nav>
</div>
{ /* END Left Nav */}
{ /* START Left Nav */}
<div className="mb-4">
<div className="small mb-3">
Tags
</div>
<Nav pills vertical>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-primary align-self-center mr-2"></i>
Family
<Badge color="secondary" pill className="ml-auto align-self-center">
12
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-info align-self-center mr-2"></i>
Friends
<Badge color="secondary" pill className="ml-auto align-self-center">
3
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-success align-self-center mr-2"></i>
Work
<Badge color="secondary" pill className="ml-auto align-self-center">
67
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-warning align-self-center mr-2"></i>
Trips
<Badge color="secondary" pill className="ml-auto align-self-center">
5
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#" className="d-flex">
<i className="fa fa-fw fa-circle text-danger align-self-center mr-2"></i>
Other
<Badge color="secondary" pill className="ml-auto align-self-center">
1
</Badge>
</NavLink>
</NavItem>
<NavItem>
<NavLink href="#">
<i className="fa fa-fw fa-plus mr-2"></i>
Add New Label
</NavLink>
</NavItem>
</Nav>
</div>
{ /* END Left Nav */}
</React.Fragment>
)
export { UsersLeftNav };