Sunny Negi / Meteor-projects

Download as
Browse Code ยป

Commit 2a68c3b8ef157022a0d1f2a8a25038787d82e825

Authored by Deepak
1 parent 8787476a5a
Exists in master

removed header menus

Showing 8 changed files with 199 additions and 216 deletions   Show diff stats
imports/client/views/org/admin/Breadcrumb.js
View file @8787476
1 import _ from 'lodash'; File was deleted
2 import { Meteor } from 'meteor/meteor';
3
4 import React, { Component } from 'react';
5 import { Link,browserHistory } from 'react-router';
6 import { Navbar,Modal, Nav, NavItem,
7 Glyphicon, Collapse, FormGroup, FormControl, Panel,
8 NavbarToggler, NavbarBrand, Table, ButtonToolbar,
9 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
10 NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap';
11
12
13 export class AdminBreadcrumb extends Component {
14
15 constructor(props) {
16 super(props);
17 this.state = {
18
19 };
20 this.onUpdate = this.onUpdate.bind(this);
21 };
22
23 onUpdate(key, value) {
24 this.setState({[key]: value});
25 };
26
27 render() {
28 return (
29 <div className="page-header page-header-default">
30 <div className="breadcrumb-line">
31 <Breadcrumb>
32 <Breadcrumb.Item href="#">
33 <i className="icon-home2 position-left"></i> Users
34 </Breadcrumb.Item>
35 <Breadcrumb.Item active href="#">
36 Setup
37 </Breadcrumb.Item>
38 </Breadcrumb>
39
40 <ul className="breadcrumb-elements">
41 <NavItem href="#"><i className="icon-comment-discussion position-left"></i> Support</NavItem>
42 <NavDropdown title="Settings" id="setting">
43 <MenuItem><i className="icon-user-lock"></i> Account security</MenuItem>
44 <MenuItem><i className="icon-statistics"></i> Analytics</MenuItem>
45 <MenuItem><i className="icon-accessibility"></i> Accessibility</MenuItem>
46 <MenuItem divider/>
47 <MenuItem><i className="icon-gear"></i> All settings</MenuItem>
48 </NavDropdown>
49
50 </ul>
51 </div>
52 </div>
53 );
54 };
55
56 };
57 1 import _ from 'lodash';
imports/client/views/org/admin/Sidebar.js
View file @8787476
1 import _ from 'lodash'; File was deleted
2 import { Meteor } from 'meteor/meteor';
3
4 import React, { Component } from 'react';
5 import { Link,browserHistory } from 'react-router';
6 import { Navbar,Modal, Nav, NavItem,
7 Glyphicon, Collapse, FormGroup, FormControl, Panel,
8 NavbarToggler, NavbarBrand, Table, ButtonToolbar,
9 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
10 NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap';
11
12
13 export class AdminSidebar extends Component {
14
15 constructor(props) {
16 super(props);
17 this.state = {
18
19 };
20 this.onUpdate = this.onUpdate.bind(this);
21 };
22
23 onUpdate(key, value) {
24 this.setState({[key]: value});
25 };
26
27 render() {
28 const {user, org} = this.props;
29 return (
30 <div className="sidebar sidebar-main sidebar-default">
31 <div className="sidebar-content">
32 <div className="sidebar-category sidebar-category-visible">
33 <div className="category-content no-padding">
34 <Nav className="navigation navigation-main navigation-accordion">
35 <NavItem className="navigation-header"><span>{org.name}</span> <i className="icon-menu" title="Main pages"></i></NavItem>
36 <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem>
37
38 <NavDropdown eventKey={2} title="Settings" name="Settings" id="setting">
39 <MenuItem eventKey={2.1}>Information</MenuItem>
40 <MenuItem eventKey={2.2}>Infrastructure</MenuItem>
41 <MenuItem eventKey={2.3}>Users</MenuItem>
42 <MenuItem eventKey={2.4}>Academic Settings</MenuItem>
43 <MenuItem eventKey={2.5}>Account Configuration</MenuItem>
44 </NavDropdown>
45 <NavDropdown eventKey={3} title="Academic" name="Academic" id="academic">
46 <MenuItem eventKey={3.1}>Layout 1</MenuItem>
47 <MenuItem eventKey={3.2}>Layout 2</MenuItem>
48 <MenuItem eventKey={3.3}>Layout 3</MenuItem>
49 <MenuItem eventKey={3.4}>Layout 4</MenuItem>
50 <MenuItem eventKey={3.5}>Layout 5</MenuItem>
51 </NavDropdown>
52 <NavDropdown eventKey={4} title="Communication" name="Communication" id="communication">
53 <MenuItem eventKey={4.1}>Primary palett</MenuItem>
54 <MenuItem eventKey={4.2}>Danger palett</MenuItem>
55 <MenuItem eventKey={4.3}>Success palett</MenuItem>
56 <MenuItem eventKey={4.4}>Warning palett</MenuItem>
57 <MenuItem divider />
58 <MenuItem eventKey={4.5}>Info palett</MenuItem>
59 <MenuItem eventKey={4.6}>Info palett</MenuItem>
60 <MenuItem eventKey={4.7}>Info palett</MenuItem>
61 <MenuItem eventKey={4.8}>Info palett</MenuItem>
62 </NavDropdown>
63 <NavDropdown eventKey={5} title="Finance" name="Finance" id="finance">
64 <MenuItem eventKey={5.1}>Primary palett</MenuItem>
65 <MenuItem eventKey={5.2}>Danger palett</MenuItem>
66 <MenuItem eventKey={5.3}>Success palett</MenuItem>
67 <MenuItem eventKey={5.4}>Warning palett</MenuItem>
68 <NavDropdown eventKey={5.5} title="Calumns" id="calumns">
69 <MenuItem>Success palett</MenuItem>
70 <MenuItem>Warning palett</MenuItem>
71 </NavDropdown>
72 </NavDropdown>
73
74 <NavItem eventKey={6} href="#"><i className="icon-file-stats"></i><span> Reports </span></NavItem>
75 <NavItem eventKey={7} href="#"><i className="icon-design"></i> <span>Examinations</span></NavItem>
76
77 </Nav>
78 </div>
79 </div>
80 </div>
81 </div>
82 );
83 };
84
85 };
86 1 import _ from 'lodash';
imports/client/views/org/admin/app/AdminLayout.js
Diff comments   View file @2a68c3b
1 import _ from 'lodash'; 1 import _ from 'lodash';
2 import { Meteor } from 'meteor/meteor'; 2 import { Meteor } from 'meteor/meteor';
3 import React, { Component } from 'react'; 3 import React, { Component } from 'react';
4 import { Link } from 'react-router'; 4 import { Link } from 'react-router';
5 import { Avatar } from '/imports/client/components/Avatar'; 5 import { Avatar } from '/imports/client/components/Avatar';
6 import { Icon } from '/imports/client/components/Icon'; 6 import { Icon } from '/imports/client/components/Icon';
7 import classNames from 'classnames'; 7 import classNames from 'classnames';
8 import { EnterModule } from '/imports/client/views/org/enter/module/index'; 8 import { EnterModule } from '/imports/client/views/org/enter/module/index';
9 import { AdminSidebar } from '../Sidebar'
10 import { AdminBreadcrumb } from '../Breadcrumb'
11 // import { VerifyModule } from '/imports/client/views/verify/module/index'; 9 // import { VerifyModule } from '/imports/client/views/verify/module/index';
12 import { Navbar,Modal, Nav, NavItem, 10 import { Navbar,Modal, Nav, NavItem,
13 Glyphicon, Collapse, 11 Glyphicon, Collapse,
14 NavbarToggler, NavbarBrand, 12 NavbarToggler, NavbarBrand,
15 NavLink, DropdownItem, DropdownToggle, DropdownMenu, 13 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
16 NavDropdown, MenuItem, Breadcrumb } from 'react-bootstrap'; 14 NavDropdown, MenuItem, Breadcrumb } from 'react-bootstrap';
17 import { VerifyModule } from '/imports/client/views/verify/module/index' 15 import { VerifyModule } from '/imports/client/views/verify/module/index'
18 16
19 var Accordion = require('react-bootstrap').Accordion; 17 var Accordion = require('react-bootstrap').Accordion;
20 var Panel = require('react-bootstrap').Panel; 18 var Panel = require('react-bootstrap').Panel;
21 export class AdminAppLayout extends Component { 19 export class AdminAppLayout extends Component {
22 render() { 20 render() {
23 const {user, org} = this.props; 21 const {user, org} = this.props;
24 return ( 22 return (
25 <div className="admin-app"> 23 <div className="row">
26 <div className = "appLayout-box"> 24 <div className="col-lg-3 col-md-6">
27 <div className="page-container"> 25 <div className="thumbnail">
28 <div className="page-content"> 26 <Link to="/students" >
29 <AdminSidebar 27 <div className="thumb thumb-rounded">
30 user = {user} 28 <img src="assets/images/download2.png" alt="" />
31 org = {org}
32 />
33 <div className="content-wrapper">
34 <AdminBreadcrumb />
35 <div className="content">
36 <div className="row">
37 <div className="col-lg-3 col-md-6">
38 <div className="thumbnail">
39 <Link to="/students" >
40 <div className="thumb thumb-rounded">
41 <img src="assets/images/download2.png" alt="" />
42 </div>
43 <div className="caption text-center">
44 <h6 className="text-semibold no-margin">Students <small className="display-block">Click to view</small></h6>
45 </div>
46 </Link>
47 </div>
48 </div>
49 <div className="col-lg-3 col-md-6">
50 <div className="thumbnail">
51 <Link to="/staff" >
52 <div className="thumb thumb-rounded">
53 <img src="assets/images/download3.png" alt=""/>
54 </div>
55 <div className="caption text-center">
56 <h6 className="text-semibold no-margin">Teachers <small className="display-block">Click to view</small></h6>
57 </div>
58 </Link>
59 </div>
60 </div>
61 <div className="col-lg-3 col-md-6">
62 <div className="thumbnail">
63 <Link to="/parents" >
64 <div className="thumb thumb-rounded">
65 <img src="assets/images/download3.png" alt=""/>
66 </div>
67 <div className="caption text-center">
68 <h6 className="text-semibold no-margin">Parents <small className="display-block">Click to view</small></h6>
69 </div>
70 </Link>
71 </div>
72 </div>
73 </div>
74 </div>
75 </div> 29 </div>
76 </div> 30 <div className="caption text-center">
31 <h6 className="text-semibold no-margin">Students <small className="display-block">Click to view</small></h6>
32 </div>
33 </Link>
34 </div>
35 </div>
36 <div className="col-lg-3 col-md-6">
37 <div className="thumbnail">
38 <Link to="/staff" >
39 <div className="thumb thumb-rounded">
imports/client/views/org/admin/app/module/AdminAppLayout.js
Diff comments   View file @2a68c3b
1 import _ from 'lodash'; 1 import _ from 'lodash';
2 import { Meteor } from 'meteor/meteor'; 2 import { Meteor } from 'meteor/meteor';
3 import React, { Component } from 'react'; 3 import React, { Component } from 'react';
4 import { Link } from 'react-router'; 4 import { Link } from 'react-router';
5 import { Avatar } from '/imports/client/components/Avatar'; 5 import { Avatar } from '/imports/client/components/Avatar';
6 import { Icon } from '/imports/client/components/Icon'; 6 import { Icon } from '/imports/client/components/Icon';
7 import classNames from 'classnames'; 7 import classNames from 'classnames';
8 import { EnterModule } from '/imports/client/views/org/enter/module/index'; 8 import { EnterModule } from '/imports/client/views/org/enter/module/index';
9 import {AppNavigationController} from '/imports/client/views/org/admin/app/module/navigation/index'; 9 import {AppNavigationController} from '/imports/client/views/org/admin/app/module/navigation/index';
10 import { AdminSidebar } from '../../Sidebar' 10 import { AdminSidebar } from './Sidebar'
11 import { AdminBreadcrumb } from '../../Breadcrumb' 11 import { AdminBreadcrumb } from './Breadcrumb'
12 // import { VerifyModule } from '/imports/client/views/verify/module/index'; 12 // import { VerifyModule } from '/imports/client/views/verify/module/index';
13 import { Navbar,Modal, Nav, NavItem, 13 import { Navbar,Modal, Nav, NavItem,
14 Glyphicon, Collapse, 14 Glyphicon, Collapse,
15 NavbarToggler, NavbarBrand, 15 NavbarToggler, NavbarBrand,
16 NavLink, DropdownItem, DropdownToggle, DropdownMenu, 16 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
17 NavDropdown, MenuItem, Breadcrumb, Grid } 17 NavDropdown, MenuItem, Breadcrumb, Grid }
18 from 'react-bootstrap'; 18 from 'react-bootstrap';
19 import { VerifyModule } from '/imports/client/views/verify/module/index' 19 import { VerifyModule } from '/imports/client/views/verify/module/index'
20 import { AdminModule } from '/imports/client/views/org/admin/app/Index' 20 import { AdminModule } from '/imports/client/views/org/admin/app/Index'
21 21
22 var Accordion = require('react-bootstrap').Accordion; 22 var Accordion = require('react-bootstrap').Accordion;
23 var Panel = require('react-bootstrap').Panel; 23 var Panel = require('react-bootstrap').Panel;
24 export class AdminAppLayout extends Component { 24 export class AdminAppLayout extends Component {
25 25
26 render() { 26 render() {
27 const {user, org} = this.props.data; 27 const {user, org} = this.props.data;
28 if(!user.isEmailVerified()) { 28 if(!user.isEmailVerified()) {
29 return ( 29 return (
30 <VerifyModule 30 <VerifyModule
31 pane = {this.props.location.query.verify} 31 pane = {this.props.location.query.verify}
32 location = {this.props.location} 32 location = {this.props.location}
33 /> 33 />
34 ); 34 );
35 }else{ 35 }else{
36 return ( 36 return (
37 <div className="admin-app"> 37 <div className="admin-app">
38 <AppNavigationController /> 38 <AppNavigationController />
39 <div className = "appLayout-box"> 39 <div className = "appLayout-box">
40 <div className="page-container"> 40 <div className="page-container">
41 <div className="page-content"> 41 <div className="page-content">
42 <AdminSidebar 42 <AdminSidebar
43 user = {user} 43 user = {user}
44 org = {org} 44 org = {org}
45 /> 45 />
46 <div className="content-wrapper"> 46 <div className="content-wrapper">
47 <AdminBreadcrumb /> 47 <AdminBreadcrumb />
48 <div className="content"> 48 <div className="content">
49 { this.props.children } 49 { this.props.children }
50 </div> 50 </div>
51 </div> 51 </div>
52 </div> 52 </div>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 ) 56 )
57 return( 57 return(
58 <AdminModule 58 <AdminModule
59 user = {user} 59 user = {user}
60 org = {org} 60 org = {org}
61 /> 61 />
62 ); 62 );
63 } 63 }
64 }; 64 };
65 65
66 }; 66 };
67 67
imports/client/views/org/admin/app/module/Breadcrumb.js
Diff comments   View file @2a68c3b
File was created 1 import _ from 'lodash';
2 import { Meteor } from 'meteor/meteor';
3
4 import React, { Component } from 'react';
5 import { Link,browserHistory } from 'react-router';
6 import { Navbar,Modal, Nav, NavItem,
7 Glyphicon, Collapse, FormGroup, FormControl, Panel,
8 NavbarToggler, NavbarBrand, Table, ButtonToolbar,
9 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
10 NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap';
11
12
13 export class AdminBreadcrumb extends Component {
14
15 constructor(props) {
16 super(props);
17 this.state = {
18
19 };
20 this.onUpdate = this.onUpdate.bind(this);
21 };
22
23 onUpdate(key, value) {
24 this.setState({[key]: value});
25 };
26
27 render() {
28 return (
29 <div className="page-header page-header-default">
30 <div className="breadcrumb-line">
31 <Breadcrumb>
32 <Breadcrumb.Item href="#">
33 <i className="icon-home2 position-left"></i> Users
34 </Breadcrumb.Item>
35 <Breadcrumb.Item active href="#">
36 Setup
37 </Breadcrumb.Item>
38 </Breadcrumb>
39
40 <ul className="breadcrumb-elements">
41 <NavItem href="#"><i className="icon-comment-discussion position-left"></i> Support</NavItem>
42 <NavDropdown title="Settings" id="setting">
43 <MenuItem><i className="icon-user-lock"></i> Account security</MenuItem>
44 <MenuItem><i className="icon-statistics"></i> Analytics</MenuItem>
45 <MenuItem><i className="icon-accessibility"></i> Accessibility</MenuItem>
46 <MenuItem divider/>
47 <MenuItem><i className="icon-gear"></i> All settings</MenuItem>
48 </NavDropdown>
49
50 </ul>
51 </div>
52 </div>
53 );
54 };
55
56 };
57
imports/client/views/org/admin/app/module/Sidebar.js
Diff comments   View file @2a68c3b
File was created 1 import _ from 'lodash';
2 import { Meteor } from 'meteor/meteor';
3
4 import React, { Component } from 'react';
5 import { Link,browserHistory } from 'react-router';
6 import { Navbar,Modal, Nav, NavItem,
7 Glyphicon, Collapse, FormGroup, FormControl, Panel,
8 NavbarToggler, NavbarBrand, Table, ButtonToolbar,
9 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
10 NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap';
11
12
13 export class AdminSidebar extends Component {
14
15 constructor(props) {
16 super(props);
17 this.state = {
18
19 };
20 this.onUpdate = this.onUpdate.bind(this);
21 };
22
23 onUpdate(key, value) {
24 this.setState({[key]: value});
25 };
26
27 render() {
28 const {user, org} = this.props;
29 return (
30 <div className="sidebar sidebar-main sidebar-default">
31 <div className="sidebar-content">
32 <div className="sidebar-category sidebar-category-visible">
33 <div className="category-content no-padding">
34 <Nav className="navigation navigation-main navigation-accordion">
35 <NavItem className="navigation-header"><span>{org.name}</span> <i className="icon-menu" title="Main pages"></i></NavItem>
36 <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem>
37
38 <NavDropdown eventKey={2} title="Settings" name="Settings" id="setting">
39 <MenuItem eventKey={2.1}>Information</MenuItem>
40 <MenuItem eventKey={2.2}>Infrastructure</MenuItem>
41 <MenuItem eventKey={2.3}>Users</MenuItem>
42 <MenuItem eventKey={2.4}>Academic Settings</MenuItem>
43 <MenuItem eventKey={2.5}>Account Configuration</MenuItem>
44 </NavDropdown>
45 <NavDropdown eventKey={3} title="Academic" name="Academic" id="academic">
46 <MenuItem eventKey={3.1}>Layout 1</MenuItem>
47 <MenuItem eventKey={3.2}>Layout 2</MenuItem>
48 <MenuItem eventKey={3.3}>Layout 3</MenuItem>
49 <MenuItem eventKey={3.4}>Layout 4</MenuItem>
50 <MenuItem eventKey={3.5}>Layout 5</MenuItem>
51 </NavDropdown>
52 <NavDropdown eventKey={4} title="Communication" name="Communication" id="communication">
53 <MenuItem eventKey={4.1}>Primary palett</MenuItem>
54 <MenuItem eventKey={4.2}>Danger palett</MenuItem>
55 <MenuItem eventKey={4.3}>Success palett</MenuItem>
56 <MenuItem eventKey={4.4}>Warning palett</MenuItem>
57 <MenuItem divider />
58 <MenuItem eventKey={4.5}>Info palett</MenuItem>
59 <MenuItem eventKey={4.6}>Info palett</MenuItem>
60 <MenuItem eventKey={4.7}>Info palett</MenuItem>
61 <MenuItem eventKey={4.8}>Info palett</MenuItem>
62 </NavDropdown>
63 <NavDropdown eventKey={5} title="Finance" name="Finance" id="finance">
64 <MenuItem eventKey={5.1}>Primary palett</MenuItem>
65 <MenuItem eventKey={5.2}>Danger palett</MenuItem>
66 <MenuItem eventKey={5.3}>Success palett</MenuItem>
67 <MenuItem eventKey={5.4}>Warning palett</MenuItem>
68 <NavDropdown eventKey={5.5} title="Calumns" id="calumns">
69 <MenuItem>Success palett</MenuItem>
70 <MenuItem>Warning palett</MenuItem>
71 </NavDropdown>
72 </NavDropdown>
73
74 <NavItem eventKey={6} href="#"><i className="icon-file-stats"></i><span> Reports </span></NavItem>
75 <NavItem eventKey={7} href="#"><i className="icon-design"></i> <span>Examinations</span></NavItem>
76
77 </Nav>
78 </div>
79 </div>
80 </div>
81 </div>
82 );
83 };
84
85 };
86
imports/client/views/org/admin/app/module/navigation/AuthenticatedNavigation.js
Diff comments   View file @2a68c3b
1 import React, { Component } from 'react'; 1 import React, { Component } from 'react';
2 import { browserHistory } from 'react-router'; 2 import { browserHistory } from 'react-router';
3 import { LinkContainer } from 'react-router-bootstrap'; 3 import { LinkContainer } from 'react-router-bootstrap';
4 import { logout } from '/imports/client/app/utils/loginMethods'; 4 import { logout } from '/imports/client/app/utils/loginMethods';
5 import { Navbar,Modal, Nav, NavItem, 5 import { Navbar,Modal, Nav, NavItem,
6 Glyphicon, Collapse, 6 Glyphicon, Collapse,
7 NavbarToggler, NavbarBrand, 7 NavbarToggler, NavbarBrand,
8 NavLink, DropdownItem, DropdownToggle, DropdownMenu, 8 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
9 NavDropdown, MenuItem } from 'react-bootstrap'; 9 NavDropdown, MenuItem } from 'react-bootstrap';
10 import { Meteor } from 'meteor/meteor'; 10 import { Meteor } from 'meteor/meteor';
11 import $ from 'jquery'; 11 import $ from 'jquery';
12 12
13 13
14 const handleLogout = () => Meteor.logout(() => browserHistory.push('/login')); 14 const handleLogout = () => Meteor.logout(() => browserHistory.push('/login'));
15 15
16 export class AuthenticatedNavigation extends Component { 16 export class AuthenticatedNavigation extends Component {
17 constructor(props) { 17 constructor(props) {
18 super(props); 18 super(props);
19 this.toggle = this.toggle.bind(this); 19 this.toggle = this.toggle.bind(this);
20 this.changeBodyClass = this.changeBodyClass.bind(this); 20 this.changeBodyClass = this.changeBodyClass.bind(this);
21 this.state = { 21 this.state = {
22 dropdownOpen: false, 22 dropdownOpen: false,
23 burgerMenu: false
24 }; 23 };
25 } 24 }
26 toggle() { 25 toggle() {
27 this.setState({ 26 this.setState({
28 dropdownOpen: !this.state.dropdownOpen 27 dropdownOpen: !this.state.dropdownOpen
29 }); 28 });
30 } 29 }
31 changeBodyClass(){ 30 changeBodyClass(){
32 if(this.state.burgerMenu){ 31 if($('body').hasClass('sidebar-xs')){
33 $('body').addClass('sidebar-xs');
34 this.setState({burgerMenu: false});
35 }else{
36 $('body').removeClass('sidebar-xs'); 32 $('body').removeClass('sidebar-xs');
37 this.setState({burgerMenu: true}); 33 }else{
34 $('body').addClass('sidebar-xs');
38 } 35 }
39 } 36 }
40 render(){ 37 render(){
41 const {user, org} = this.props.data; 38 const {user, org} = this.props.data;
42 return( 39 return(
43 <Navbar inverse collapseOnSelect className="bg-crimson"> 40 <Navbar inverse collapseOnSelect className="bg-crimson">
44 <Navbar.Header> 41 <Navbar.Header>
45 <Navbar.Brand> 42 <Navbar.Brand>
46 <a href="#"> 43 <a href="#">
47 <Glyphicon glyph="link" /> 44 <Glyphicon glyph="link" />
48 &nbsp; YoungDesk 45 &nbsp; YoungDesk
49 </a> 46 </a>
50 </Navbar.Brand> 47 </Navbar.Brand>
51 <ul className="nav navbar-nav visible-xs-block"> 48 <ul className="nav navbar-nav visible-xs-block">
52 <li><a href="#"><i className="icon-tree5"/></a></li> 49 <li><a href="#"><i className="icon-tree5"/></a></li>
53 <li><a className="sidebar-mobile-main-toggle"><i className="icon-paragraph-justify3"/></a></li> 50 <li><a className="sidebar-mobile-main-toggle"><i className="icon-paragraph-justify3"/></a></li>
54 </ul> 51 </ul>
55 <Navbar.Toggle /> 52 <Navbar.Toggle />
56 </Navbar.Header> 53 </Navbar.Header>
57 <Navbar.Collapse id="navbar-mobile"> 54 <Navbar.Collapse id="navbar-mobile">
58 <ul className="nav navbar-nav"> 55 <ul className="nav navbar-nav">
59 <NavItem eventKey={1} href="#" className="sidebar-control sidebar-main-toggle hidden-xs"> 56 <NavItem eventKey={1} href="#" className="sidebar-control sidebar-main-toggle hidden-xs">
60 <i 57 <i
61 className="icon-paragraph-justify3 burgerMenu" 58 className="icon-paragraph-justify3 burgerMenu"
62 onClick = {this.changeBodyClass} 59 onClick = {this.changeBodyClass}
63 /> 60 />
64 </NavItem> 61 </NavItem>
65 62 {/**
66 <NavDropdown title="Dropdown" id="update"> 63 <NavDropdown title="Dropdown" id="update">
67 <div className="dropdown-content"> 64 <div className="dropdown-content">
68 <div className="dropdown-content-heading"> 65 <div className="dropdown-content-heading">
69 Git updates 66 Git updates
70 <ul className="icons-list"> 67 <ul className="icons-list">
71 <li><a href="#"><i className="icon-sync"></i></a></li> 68 <li><a href="#"><i className="icon-sync"></i></a></li>
72 </ul> 69 </ul>
73 70
74 </div> 71 </div>
75 <ul className="media-list dropdown-content-body width-350"> 72 <ul className="media-list dropdown-content-body width-350">
76 <li className="media"> 73 <li className="media">
77 <div className="media-left"> 74 <div className="media-left">
78 <a href="#" className="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-pull-request"></i></a> 75 <a href="#" className="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-pull-request"></i></a>
79 </div> 76 </div>
80 77
81 <div className="media-body"> 78 <div className="media-body">
82 Drop the IE <a href="#">specific hacks</a> for temporal inputs 79 Drop the IE <a href="#">specific hacks</a> for temporal inputs
83 <div className="media-annotation">4 minutes ago</div> 80 <div className="media-annotation">4 minutes ago</div>
84 </div> 81 </div>
85 </li> 82 </li>
86 83
87 <li className="media"> 84 <li className="media">
88 <div className="media-left"> 85 <div className="media-left">
89 <a href="#" className="btn border-warning text-warning btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-commit"></i></a> 86 <a href="#" className="btn border-warning text-warning btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-commit"></i></a>
90 </div> 87 </div>
91 88
92 <div className="media-body"> 89 <div className="media-body">
93 Add full font overrides for popovers and tooltips 90 Add full font overrides for popovers and tooltips
94 <div className="media-annotation">36 minutes ago</div> 91 <div className="media-annotation">36 minutes ago</div>
95 </div> 92 </div>
96 </li> 93 </li>
97 94
98 <li className="media"> 95 <li className="media">
99 <div className="media-left"> 96 <div className="media-left">
100 <a href="#" className="btn border-info text-info btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-branch"></i></a> 97 <a href="#" className="btn border-info text-info btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-branch"></i></a>
101 </div> 98 </div>
102 99
103 <div className="media-body"> 100 <div className="media-body">
104 <a href="#">Chris Arney</a> created a new <span className="text-semibold">Design</span> branch 101 <a href="#">Chris Arney</a> created a new <span className="text-semibold">Design</span> branch
105 <div className="media-annotation">2 hours ago</div> 102 <div className="media-annotation">2 hours ago</div>
106 </div> 103 </div>
107 </li> 104 </li>
108 105
109 <li className="media"> 106 <li className="media">
110 <div className="media-left"> 107 <div className="media-left">
111 <a href="#" className="btn border-success text-success btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-merge"></i></a> 108 <a href="#" className="btn border-success text-success btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-merge"></i></a>
112 </div> 109 </div>
113 110
114 <div className="media-body"> 111 <div className="media-body">
115 <a href="#">Eugene Kopyov</a> merged <span className="text-semibold">Master</span> and <span className="text-semibold">Dev</span> branches 112 <a href="#">Eugene Kopyov</a> merged <span className="text-semibold">Master</span> and <span className="text-semibold">Dev</span> branches
116 <div className="media-annotation">Dec 18, 18:36</div> 113 <div className="media-annotation">Dec 18, 18:36</div>
117 </div> 114 </div>
118 </li> 115 </li>
119 116
120 <li className="media"> 117 <li className="media">
121 <div className="media-left"> 118 <div className="media-left">
122 <a href="#" className="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-pull-request"></i></a> 119 <a href="#" className="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i className="icon-git-pull-request"></i></a>
123 </div> 120 </div>
124 121
125 <div className="media-body"> 122 <div className="media-body">
126 Have Carousel ignore keyboard events 123 Have Carousel ignore keyboard events
127 <div className="media-annotation">Dec 12, 05:46</div> 124 <div className="media-annotation">Dec 12, 05:46</div>
128 </div> 125 </div>
129 </li> 126 </li>
130 </ul> 127 </ul>
131 <div className="dropdown-content-footer"> 128 <div className="dropdown-content-footer">
132 <a href="#" data-popup="tooltip" title="All activity"><i className="icon-menu display-block"></i></a> 129 <a href="#" data-popup="tooltip" title="All activity"><i className="icon-menu display-block"></i></a>
133 </div> 130 </div>
134 </div> 131 </div>
135 </NavDropdown> 132 </NavDropdown>
133 **/}
136 </ul> 134 </ul>
137 <div className="navbar-right"> 135 <div className="navbar-right">
138 <p className="navbar-text">Hello {user.getFullName()}</p> 136 <p className="navbar-text">Hello {user.getFullName()}</p>
139 <p className="navbar-text" 137 <p className="navbar-text"
140 onClick = {() => logout()} 138 onClick = {() => logout()}
141 > 139 >
142 <span className="label logout">logout</span> 140 <span className="label logout">
143 </p> 141 logout
142 </span>
143 </p>
144 {/**
144 <Nav> 145 <Nav>
145 <NavDropdown title="Activity" id="activity"> 146 <NavDropdown title="Activity" id="activity">
146 <div className="dropdown-content"> 147 <div className="dropdown-content">
147 <div className="dropdown-content-heading"> 148 <div className="dropdown-content-heading">
148 Activity 149 Activity
149 <ul className="icons-list"> 150 <ul className="icons-list">
150 <li><a href="#"><i className="icon-menu7"></i></a></li> 151 <li><a href="#"><i className="icon-menu7"></i></a></li>
151 </ul> 152 </ul>
152 </div> 153 </div>
153 <ul className="media-list dropdown-content-body width-350"> 154 <ul className="media-list dropdown-content-body width-350">
154 <li className="media"> 155 <li className="media">
155 <div className="media-left"> 156 <div className="media-left">
156 <a href="#" className="btn bg-success-400 btn-rounded btn-icon btn-xs"><i className="icon-mention"></i></a> 157 <a href="#" className="btn bg-success-400 btn-rounded btn-icon btn-xs"><i className="icon-mention"></i></a>
157 </div> 158 </div>
158 159
159 <div className="media-body"> 160 <div className="media-body">
160 <a href="#">Taylor Swift</a> mentioned you in a post "Angular JS. Tips and tricks" 161 <a href="#">Taylor Swift</a> mentioned you in a post "Angular JS. Tips and tricks"
161 <div className="media-annotation">4 minutes ago</div> 162 <div className="media-annotation">
163 4 minutes ago
164 </div>
162 </div> 165 </div>
163 </li> 166 </li>
164 <li className="media"> 167 <li className="media">
165 <div className="media-left"> 168 <div className="media-left">
166 <a href="#" className="btn bg-pink-400 btn-rounded btn-icon btn-xs"><i className="icon-paperplane"></i></a> 169 <a href="#" className="btn bg-pink-400 btn-rounded btn-icon btn-xs"><i className="icon-paperplane"></i></a>
167 </div> 170 </div>
168 171
169 <div className="media-body"> 172 <div className="media-body">
170 Special offers have been sent to subscribed users by <a href="#">Donna Gordon</a> 173 Special offers have been sent to subscribed users by <a href="#">Donna Gordon</a>
171 <div className="media-annotation">36 minutes ago</div> 174 <div className="media-annotation">36 minutes ago</div>
172 </div> 175 </div>
173 </li> 176 </li>
174 <li className="media"> 177 <li className="media">
175 <div className="media-left"> 178 <div className="media-left">
176 <a href="#" className="btn bg-blue btn-rounded btn-icon btn-xs"><i className="icon-plus3"></i></a> 179 <a href="#" className="btn bg-blue btn-rounded btn-icon btn-xs"><i className="icon-plus3"></i></a>
177 </div> 180 </div>
178 181
179 <div className="media-body"> 182 <div className="media-body">
180 <a href="#">Chris Arney</a> created a new <span className="text-semibold">Design</span> branch in <span className="text-semibold">Limitless</span> repository 183 <a href="#">Chris Arney</a> created a new <span className="text-semibold">Design</span> branch in <span className="text-semibold">Limitless</span> repository
181 <div className="media-annotation">2 hours ago</div> 184 <div className="media-annotation">2 hours ago</div>
182 </div> 185 </div>
183 </li> 186 </li>
184 187
185 <li className="media"> 188 <li className="media">
186 <div className="media-left"> 189 <div className="media-left">
187 <a href="#" className="btn bg-purple-300 btn-rounded btn-icon btn-xs"><i className="icon-truck"></i></a> 190 <a href="#" className="btn bg-purple-300 btn-rounded btn-icon btn-xs"><i className="icon-truck"></i></a>
188 </div> 191 </div>
189 192
190 <div className="media-body"> 193 <div className="media-body">
191 Shipping cost to the Netherlands has been reduced, database updated 194 Shipping cost to the Netherlands has been reduced, database updated
192 <div className="media-annotation">Feb 8, 11:30</div> 195 <div className="media-annotation">Feb 8, 11:30</div>
193 </div> 196 </div>
194 </li> 197 </li>
195 198
196 <li className="media"> 199 <li className="media">
197 <div className="media-left"> 200 <div className="media-left">
198 <a href="#" className="btn bg-warning-400 btn-rounded btn-icon btn-xs"><i className="icon-bubble8"></i></a> 201 <a href="#" className="btn bg-warning-400 btn-rounded btn-icon btn-xs"><i className="icon-bubble8"></i></a>
199 </div> 202 </div>
200 203
201 <div className="media-body"> 204 <div className="media-body">
202 New review received on <a href="#">Server side integration</a> services 205 New review received on <a href="#">Server side integration</a> services
203 <div className="media-annotation">Feb 2, 10:20</div> 206 <div className="media-annotation">Feb 2, 10:20</div>
204 </div> 207 </div>
205 </li> 208 </li>
206 209
207 <li className="media"> 210 <li className="media">
208 <div className="media-left"> 211 <div className="media-left">
209 <a href="#" className="btn bg-teal-400 btn-rounded btn-icon btn-xs"><i className="icon-spinner11"></i></a> 212 <a href="#" className="btn bg-teal-400 btn-rounded btn-icon btn-xs"><i className="icon-spinner11"></i></a>
210 </div> 213 </div>
211 214
212 <div className="media-body"> 215 <div className="media-body">
213 <strong>January, 2016</strong> - 1320 new users, 3284 orders, $49,390 revenue 216 <strong>January, 2016</strong> - 1320 new users, 3284 orders, $49,390 revenue
214 <div className="media-annotation">Feb 1, 05:46</div> 217 <div className="media-annotation">Feb 1, 05:46</div>
215 </div> 218 </div>
216 </li> 219 </li>
217 </ul> 220 </ul>
218 </div> 221 </div>
219 </NavDropdown> 222 </NavDropdown>
220 <NavDropdown title="Messages" id="messages"> 223
224 <NavDropdown title="Messages" id="messages">
221 <div className="dropdown-content width-350"> 225 <div className="dropdown-content width-350">
222 <div className="dropdown-content-heading"> 226 <div className="dropdown-content-heading">
223 Messages 227 Messages
224 <ul className="icons-list"> 228 <ul className="icons-list">
225 <li><a href="#"><i className="icon-compose"></i></a></li> 229 <li><a href="#"><i className="icon-compose"></i></a></li>
226 </ul> 230 </ul>
227 </div> 231 </div>
228 232
229 <ul className="media-list dropdown-content-body"> 233 <ul className="media-list dropdown-content-body">
230 <li className="media"> 234 <li className="media">
231 <div className="media-left"> 235 <div className="media-left">
232 236
233 <span className="badge bg-danger-400 media-badge">5</span> 237 <span className="badge bg-danger-400 media-badge">5</span>
234 </div> 238 </div>
235 239
236 <div className="media-body"> 240 <div className="media-body">
237 <a href="#" className="media-heading"> 241 <a href="#" className="media-heading">
238 <span className="text-semibold">James Alexander</span> 242 <span className="text-semibold">James Alexander</span>
239 <span className="media-annotation pull-right">04:58</span> 243 <span className="media-annotation pull-right">04:58</span>
240 </a> 244 </a>
241 245
242 <span className="text-muted">who knows, maybe that would be the best thing for me...</span> 246 <span className="text-muted">who knows, maybe that would be the best thing for me...</span>
243 </div> 247 </div>
244 </li> 248 </li>
245 249
246 <li className="media"> 250 <li className="media">
247 <div className="media-left"> 251 <div className="media-left">
248 252
249 <span className="badge bg-danger-400 media-badge">4</span> 253 <span className="badge bg-danger-400 media-badge">4</span>
250 </div> 254 </div>
251 255
252 <div className="media-body"> 256 <div className="media-body">
253 <a href="#" className="media-heading"> 257 <a href="#" className="media-heading">
254 <span className="text-semibold">Margo Baker</span> 258 <span className="text-semibold">Margo Baker</span>
255 <span className="media-annotation pull-right">12:16</span> 259 <span className="media-annotation pull-right">12:16</span>
256 </a> 260 </a>
257 261
258 <span className="text-muted">That was something he was unable to do because...</span> 262 <span className="text-muted">That was something he was unable to do because...</span>
259 </div> 263 </div>
260 </li> 264 </li>
261 265
262 <li className="media"> 266 <li className="media">
263 <div className="media-left"></div> 267 <div className="media-left"></div>
264 <div className="media-body"> 268 <div className="media-body">
265 <a href="#" className="media-heading"> 269 <a href="#" className="media-heading">
266 <span className="text-semibold">Jeremy Victorino</span> 270 <span className="text-semibold">Jeremy Victorino</span>
267 <span className="media-annotation pull-right">22:48</span> 271 <span className="media-annotation pull-right">22:48</span>
268 </a> 272 </a>
269 273
270 <span className="text-muted">But that would be extremely strained and suspicious...</span> 274 <span className="text-muted">But that would be extremely strained and suspicious...</span>
271 </div> 275 </div>
272 </li> 276 </li>
273 277
274 <li className="media"> 278 <li className="media">
275 <div className="media-left"></div> 279 <div className="media-left"></div>
276 <div className="media-body"> 280 <div className="media-body">
277 <a href="#" className="media-heading"> 281 <a href="#" className="media-heading">
278 <span className="text-semibold">Beatrix Diaz</span> 282 <span className="text-semibold">Beatrix Diaz</span>
279 <span className="media-annotation pull-right">Tue</span> 283 <span className="media-annotation pull-right">Tue</span>
280 </a> 284 </a>
281 285
282 <span className="text-muted">What a strenuous career it is that I have chosen...</span> 286 <span className="text-muted">What a strenuous career it is that I have chosen...</span>
283 </div> 287 </div>
284 </li> 288 </li>
285 289
286 <li className="media"> 290 <li className="media">
287 <div className="media-left"> 291 <div className="media-left">
288 292
289 </div> 293 </div>
290 <div className="media-body"> 294 <div className="media-body">
291 <a href="#" className="media-heading"> 295 <a href="#" className="media-heading">
292 <span className="text-semibold">Richard Vango</span> 296 <span className="text-semibold">Richard Vango</span>
293 <span className="media-annotation pull-right">Mon</span> 297 <span className="media-annotation pull-right">Mon</span>
294 </a> 298 </a>
295 299
296 <span className="text-muted">Other travelling salesmen live a life of luxury...</span> 300 <span className="text-muted">Other travelling salesmen live a life of luxury...</span>
297 </div> 301 </div>
298 </li> 302 </li>
299 </ul> 303 </ul>
300 304
301 <div className="dropdown-content-footer"> 305 <div className="dropdown-content-footer">
302 <a href="#" data-popup="tooltip" title="All messages"><i className="icon-menu display-block"></i></a> 306 <a href="#" data-popup="tooltip" title="All messages"><i className="icon-menu display-block"></i></a>
303 </div> 307 </div>
304 </div> 308 </div>
305 </NavDropdown> 309 </NavDropdown>
306 </Nav> 310 </Nav>
311 **/}
307 </div> 312 </div>
308 </Navbar.Collapse> 313 </Navbar.Collapse>
309 </Navbar> 314 </Navbar>
imports/client/views/org/admin/parents/parentsview.js
Diff comments   View file @2a68c3b
1 import _ from 'lodash'; 1 import _ from 'lodash';
2 import { Meteor } from 'meteor/meteor'; 2 import { Meteor } from 'meteor/meteor';
3 3
4 import React, { Component } from 'react'; 4 import React, { Component } from 'react';
5 import { Link,browserHistory } from 'react-router'; 5 import { Link,browserHistory } from 'react-router';
6 import { FormGroup, 6 import { FormGroup,
7 FormControl,Glyphicon,Button } from 'react-bootstrap'; 7 FormControl,Glyphicon,Button } from 'react-bootstrap';
8 import { Header } from '../Header'; 8 import { Header } from '../Header';
9 import { AdminSidebar } from '../Sidebar'
10 import { AdminBreadcrumb } from '../Breadcrumb'
11 import { ParentTable } from './view/ParentTable' 9 import { ParentTable } from './view/ParentTable'
12 10
13 11
14 export class ParentsView extends Component { 12 export class ParentsView extends Component {
15 13
16 constructor(props) { 14 constructor(props) {
17 super(props); 15 super(props);
18 this.state = { 16 this.state = {
19 17
20 }; 18 };
21 this.onUpdate = this.onUpdate.bind(this); 19 this.onUpdate = this.onUpdate.bind(this);
22 }; 20 };
23 21
24 onUpdate(key, value) { 22 onUpdate(key, value) {
25 this.setState({[key]: value}); 23 this.setState({[key]: value});
26 }; 24 };
27 togglePanel(){ 25 togglePanel(){
28 this.setState({panleOpen: !this.state.panleOpen}); 26 this.setState({panleOpen: !this.state.panleOpen});
29 } 27 }
30 28
31 render() { 29 render() {
32 const {user, org, parent} = this.props.data; 30 const {user, org, parent} = this.props.data;
33 return ( 31 return (
34 <div className="container-detached"> 32 <div className="container-detached">
35 <Header 33 <Header
36 user = {user} 34 user = {user}
37 org = {org} 35 org = {org}
38 /> 36 />
39 <ParentTable 37 <ParentTable
40 data = {this.props.data} 38 data = {this.props.data}
41 parent = {parent} 39 parent = {parent}
42 /> 40 />
43 {/* <AddStaff/> 41 {/* <AddStaff/>
44 <UploadCsvStaff /> */} 42 <UploadCsvStaff /> */}
45 </div> 43 </div>
46 ); 44 );
47 }; 45 };
48 46
49 47
50 }; 48 };
51 49