Commit e0cc9d5d7a0a5e9a60342ddcc0b3f6dbc0288364

Authored by Deepak
1 parent b02441289f
Exists in master

fixed a bug

Showing 1 changed file with 88 additions and 28 deletions   Show diff stats
imports/client/views/org/app/module/AppLayout.js
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 { VerifyModule } from '/imports/client/views/verify/module/index'; 9 // import { VerifyModule } from '/imports/client/views/verify/module/index';
10 import { Navbar,Modal, Nav, NavItem, 10 import { Navbar,Modal, Nav, NavItem,
11 Glyphicon, Collapse, 11 Glyphicon, Collapse,
12 NavbarToggler, NavbarBrand, 12 NavbarToggler, NavbarBrand,
13 NavLink, DropdownItem, DropdownToggle, DropdownMenu, 13 NavLink, DropdownItem, DropdownToggle, DropdownMenu,
14 NavDropdown, MenuItem } from 'react-bootstrap'; 14 NavDropdown, MenuItem } from 'react-bootstrap';
15 import { VerifyModule } from '/imports/client/views/verify/module/index' 15 import { VerifyModule } from '/imports/client/views/verify/module/index'
16 16
17 var Accordion = require('react-bootstrap').Accordion; 17 var Accordion = require('react-bootstrap').Accordion;
18 var Panel = require('react-bootstrap').Panel; 18 var Panel = require('react-bootstrap').Panel;
19 export class AppLayout extends Component { 19 export class AppLayout extends Component {
20 20
21 render() { 21 render() {
22 console.log(this.props); 22 console.log(this.props);
23 const {user} = this.props.data; 23 const {user} = this.props.data;
24 24
25 if(!user) { 25 if(!user) {
26 return ( 26 return (
27 <EnterModule 27 <EnterModule
28 pane = {this.props.location.query.enter} 28 pane = {this.props.location.query.enter}
29 location = {this.props.location} 29 location = {this.props.location}
30 /> 30 />
31 ); 31 );
32 } 32 }
33 if(!user.isEmailVerified()) { 33 if(!user.isEmailVerified()) {
34 return ( 34 return (
35 <VerifyModule 35 <VerifyModule
36 pane = {this.props.location.query.verify} 36 pane = {this.props.location.query.verify}
37 location = {this.props.location} 37 location = {this.props.location}
38 /> 38 />
39 ); 39 );
40 } 40 }
41 return ( 41 return (
42 42
43 <div className = "appLayout-box"> 43 <div className = "appLayout-box">
44 <div className="page-container"> 44 <div className="page-container">
45 <div className="page-content"> 45 <div className="page-content">
46 <div className="sidebar sidebar-main sidebar-default"> 46 <div className="sidebar sidebar-main sidebar-default">
47 <div className="sidebar-content"> 47 <div className="sidebar-content">
48 48
49 <div className="sidebar-category sidebar-category-visible"> 49 <div className="sidebar-category sidebar-category-visible">
50 <div className="category-content no-padding"> 50 <div className="category-content no-padding">
51 <Nav className="navigation navigation-main navigation-accordion"> 51 <Nav className="navigation navigation-main navigation-accordion">
52 <NavItem className="navigation-header"><span>#schoolname</span> <i className="icon-menu" title="Main pages"></i></NavItem> 52 <NavItem className="navigation-header"><span>#schoolname</span> <i className="icon-menu" title="Main pages"></i></NavItem>
53 <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem> 53 <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem>
54 54
55 <NavDropdown eventKey={2} title="Settings" id="setting"> 55 <NavDropdown eventKey={2} title="Settings" id="setting">
56 <MenuItem eventKey={2.1}>Information</MenuItem> 56 <MenuItem eventKey={2.1}>Information</MenuItem>
57 <MenuItem eventKey={2.2}>Infrastructure</MenuItem> 57 <MenuItem eventKey={2.2}>Infrastructure</MenuItem>
58 <MenuItem eventKey={2.3}>Users</MenuItem> 58 <MenuItem eventKey={2.3}>Users</MenuItem>
59 <MenuItem eventKey={2.4}>Academic Settings</MenuItem> 59 <MenuItem eventKey={2.4}>Academic Settings</MenuItem>
60 <MenuItem eventKey={2.5}>Account Configuration</MenuItem> 60 <MenuItem eventKey={2.5}>Account Configuration</MenuItem>
61 61
62 </NavDropdown> 62 </NavDropdown>
63 <li> 63 <li>
64 <a href="#"><i className="icon-copy"></i> <span>Academic</span></a> 64 <a href="#"><i className="icon-copy"></i> <span>Academic</span></a>
65 <ul> 65 <ul>
66 <li><a href="../../../layout_1/LTR/index.html" id="layout1">Layout 1</a></li> 66 <li><a href="../../../layout_1/LTR/index.html" id="layout1">Layout 1</a></li>
67 <li><a href="index.html" id="layout2">Layout 2 <span className="label bg-warning-400">Current</span></a></li> 67 <li><a href="index.html" id="layout2">Layout 2 <span className="label bg-warning-400">Current</span></a></li>
68 <li><a href="../../../layout_3/LTR/index.html" id="layout3">Layout 3</a></li> 68 <li><a href="../../../layout_3/LTR/index.html" id="layout3">Layout 3</a></li>
69 <li><a href="../../../layout_4/LTR/index.html" id="layout4">Layout 4</a></li> 69 <li><a href="../../../layout_4/LTR/index.html" id="layout4">Layout 4</a></li>
70 <li><a href="../../../layout_5/LTR/index.html" id="layout5">Layout 5</a></li> 70 <li><a href="../../../layout_5/LTR/index.html" id="layout5">Layout 5</a></li>
71 <li className="disabled"><a href="../../../layout_6/LTR/index.html" id="layout6">Layout 6 <span className="label label-transparent">Coming soon</span></a></li> 71 <li className="disabled"><a href="../../../layout_6/LTR/index.html" id="layout6">Layout 6 <span className="label label-transparent">Coming soon</span></a></li>
72 </ul> 72 </ul>
73 </li> 73 </li>
74 <li> 74 <li>
75 <a href="#"><i className="glyphicon glyphicon-send"></i> <span>Communication</span></a> 75 <a href="#"><i className="glyphicon glyphicon-send"></i> <span>Communication</span></a>
76 <ul> 76 <ul>
77 <li><a href="#">Primary palette</a></li> 77 <li><a href="#">Primary palette</a></li>
78 <li><a href="#">Danger palette</a></li> 78 <li><a href="#">Danger palette</a></li>
79 <li><a href="#">Success palette</a></li> 79 <li><a href="#">Success palette</a></li>
80 <li><a href="#">Warning palette</a></li> 80 <li><a href="#">Warning palette</a></li>
81 <li><a href="#">Info palette</a></li> 81 <li><a href="#">Info palette</a></li>
82 <li className="navigation-divider"></li> 82 <li className="navigation-divider"></li>
83 <li><a href="#">Pink palette</a></li> 83 <li><a href="#">Pink palette</a></li>
84 <li><a href="#">Violet palette</a></li> 84 <li><a href="#">Violet palette</a></li>
85 <li><a href="#">Purple palette</a></li> 85 <li><a href="#">Purple palette</a></li>
86 <li><a href="#">Indigo palette</a></li> 86 <li><a href="#">Indigo palette</a></li>
87 <li><a href="colors_blue.html">Blue palette</a></li> 87 <li><a href="colors_blue.html">Blue palette</a></li>
88 <li><a href="colors_teal.html">Teal palette</a></li> 88 <li><a href="colors_teal.html">Teal palette</a></li>
89 <li><a href="colors_green.html">Green palette</a></li> 89 <li><a href="colors_green.html">Green palette</a></li>
90 <li><a href="colors_orange.html">Orange palette</a></li> 90 <li><a href="colors_orange.html">Orange palette</a></li>
91 <li><a href="colors_brown.html">Brown palette</a></li> 91 <li><a href="colors_brown.html">Brown palette</a></li>
92 <li><a href="colors_grey.html">Grey palette</a></li> 92 <li><a href="colors_grey.html">Grey palette</a></li>
93 <li><a href="colors_slate.html">Slate palette</a></li> 93 <li><a href="colors_slate.html">Slate palette</a></li>
94 </ul> 94 </ul>
95 </li> 95 </li>
96 <li> 96 <li>
97 <a href="#"><i className="glyphicon glyphicon-stats"></i> <span>Finance</span></a> 97 <a href="#"><i className="glyphicon glyphicon-stats"></i> <span>Finance</span></a>
98 <ul> 98 <ul>
99 <li><a href="starters/horizontal_nav.html">Horizontal navigation</a></li> 99 <li><a href="starters/horizontal_nav.html">Horizontal navigation</a></li>
100 <li><a href="starters/1_col.html">1 column</a></li> 100 <li><a href="starters/1_col.html">1 column</a></li>
101 <li><a href="starters/2_col.html">2 columns</a></li> 101 <li><a href="starters/2_col.html">2 columns</a></li>
102 <li> 102 <li>
103 <a href="#">3 columns</a> 103 <a href="#">3 columns</a>
104 <ul> 104 <ul>
105 <li><a href="starters/3_col_dual.html">Dual sidebars</a></li> 105 <li><a href="starters/3_col_dual.html">Dual sidebars</a></li>
106 <li><a href="starters/3_col_double.html">Double sidebars</a></li> 106 <li><a href="starters/3_col_double.html">Double sidebars</a></li>
107 </ul> 107 </ul>
108 </li> 108 </li>
109 <li><a href="starters/4_col.html">4 columns</a></li> 109 <li><a href="starters/4_col.html">4 columns</a></li>
110 <li> 110 <li>
111 <a href="#">Detached layout</a> 111 <a href="#">Detached layout</a>
112 <ul> 112 <ul>
113 <li><a href="starters/detached_left.html">Left sidebar</a></li> 113 <li><a href="starters/detached_left.html">Left sidebar</a></li>
114 <li><a href="starters/detached_right.html">Right sidebar</a></li> 114 <li><a href="starters/detached_right.html">Right sidebar</a></li>
115 <li><a href="starters/detached_sticky.html">Sticky sidebar</a></li> 115 <li><a href="starters/detached_sticky.html">Sticky sidebar</a></li>
116 </ul> 116 </ul>
117 </li> 117 </li>
118 <li><a href="starters/layout_boxed.html">Boxed layout</a></li> 118 <li><a href="starters/layout_boxed.html">Boxed layout</a></li>
119 <li className="navigation-divider"></li> 119 <li className="navigation-divider"></li>
120 <li><a href="starters/layout_navbar_fixed_main.html">Fixed main navbar</a></li> 120 <li><a href="starters/layout_navbar_fixed_main.html">Fixed main navbar</a></li>
121 <li><a href="starters/layout_navbar_fixed_secondary.html">Fixed secondary navbar</a></li> 121 <li><a href="starters/layout_navbar_fixed_secondary.html">Fixed secondary navbar</a></li>
122 <li><a href="starters/layout_navbar_fixed_both.html">Both navbars fixed</a></li> 122 <li><a href="starters/layout_navbar_fixed_both.html">Both navbars fixed</a></li>
123 <li><a href="starters/layout_fixed.html">Fixed layout</a></li> 123 <li><a href="starters/layout_fixed.html">Fixed layout</a></li>
124 </ul> 124 </ul>
125 </li> 125 </li>
126 <li><a href=""><i className="icon-file-stats"></i><span> Reports </span></a></li> 126 <li><a href=""><i className="icon-file-stats"></i><span> Reports </span></a></li>
127 <li><a href=""><i className="icon-design"></i> <span>Examinations</span></a></li> 127 <li><a href=""><i className="icon-design"></i> <span>Examinations</span></a></li>
128 128
129 </Nav> 129 </Nav>
130 </div> 130 </div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </div> 133 </div>
134 {/*end sidebar*/} 134 {/*end sidebar*/}
135 <div className="content-wrapper"> 135 <div className="content-wrapper">
136 <div className="page-header page-header-default">
137 <div className="breadcrumb-line">
138 <ul className="breadcrumb">
139 <li><a href="index.html"><i className="icon-home2 position-left"></i> Users</a></li>
140 <li className="active">Setup</li>
141 </ul>
136 142
137 <div className="page-header page-header-default"> 143 <ul className="breadcrumb-elements">
138 <div className="breadcrumb-line"> 144 <li><a href="#"><i className="icon-comment-discussion position-left"></i> Support</a></li>
139 <ul className="breadcrumb"> 145 <li className="dropdown">
140 <li><a href="index.html"><i className="icon-home2 position-left"></i> Users</a></li> 146 <a href="#" className="dropdown-toggle" data-toggle="dropdown">
141 <li className="active">Setup</li> 147 <i className="icon-gear position-left"></i>
142 </ul> 148 Settings
143 149 <span className="caret"></span>
144 <ul className="breadcrumb-elements"> 150 </a>
145 <li><a href="#"><i className="icon-comment-discussion position-left"></i> Support</a></li> 151
146 <li className="dropdown"> 152 <ul className="dropdown-menu dropdown-menu-right">
147 <a href="#" className="dropdown-toggle" data-toggle="dropdown"> 153 <li><a href="#"><i className="icon-user-lock"></i> Account security</a></li>
148 <i className="icon-gear position-left"></i> 154 <li><a href="#"><i className="icon-statistics"></i> Analytics</a></li>
149 Settings 155 <li><a href="#"><i className="icon-accessibility"></i> Accessibility</a></li>
150 <span className="caret"></span> 156 <li className="divider"></li>
151 </a> 157 <li><a href="#"><i className="icon-gear"></i> All settings</a></li>
152 158 </ul>
153 <ul className="dropdown-menu dropdown-menu-right"> 159 </li>
154 <li><a href="#"><i className="icon-user-lock"></i> Account security</a></li> 160 </ul>
155 <li><a href="#"><i className="icon-statistics"></i> Analytics</a></li>
156 <li><a href="#"><i className="icon-accessibility"></i> Accessibility</a></li>
157 <li className="divider"></li>
158 <li><a href="#"><i className="icon-gear"></i> All settings</a></li>
159 </ul>
160 </li>
161 </ul>
162 </div>
163 </div> 161 </div>
164 </div> 162 </div>
165 {/*end content*/} 163 <div className="content">
164
165 <div className="row">
166 <div className="col-lg-3 col-md-6">
167 <div className="thumbnail">
168 <Link to="/students" >
169 <div className="thumb thumb-rounded">
170 <img src="assets/images/download2.png" alt="" />
171
172 </div>
173
174 <div className="caption text-center">
175 <h6 className="text-semibold no-margin">Students <small className="display-block">Click to view</small></h6>
176
177 </div>
178 </Link>
179 </div>
180 </div>
181
182 <div className="col-lg-3 col-md-6">
183 <div className="thumbnail">
184 <Link to="/students" >
185 <div className="thumb thumb-rounded">
186 <img src="assets/images/download.png" alt="" />
187 </div>
166 188
189 <div className="caption text-center">
190 <h6 className="text-semibold no-margin">Teachers <small className="display-block">Click to view</small></h6>
191 </div>
192 </Link>
193 </div>
194 </div>
195
196 <div className="col-lg-3 col-md-6">
197 <div className="thumbnail">
198 <a href="userprofileparents.html">
199 <div className="thumb thumb-rounded">
200 <img src="assets/images/download3.png" alt=""/>
201 </div>
202
203 <div className="caption text-center">
204 <h6 className="text-semibold no-margin">Parents <small className="display-block">Click to view</small></h6>
205 </div>
206 </a>
207 </div>
208 </div>
209
210 <div className="col-lg-3 col-md-6">
211 <div className="thumbnail">
212 <a href="#">
213 <div className="thumb thumb-rounded">
214 <img src="assets/images/download1.png" alt="" />
215 </div>
216
217 <div className="caption text-center">
218 <h6 className="text-semibold no-margin">Non-Teaching Staff <small className="display-block">Click to view</small></h6>
219 </div>
220 </a>
221 </div>
222 </div>
223 </div>
224
225 </div>
167 </div> 226 </div>
227 </div>
168 </div> 228 </div>
169 229
170 <div className = "appLayout-wrapOuter"> 230 <div className = "appLayout-wrapOuter">
171 <div className = "appLayout-wrapInner"> 231 <div className = "appLayout-wrapInner">
172 <div className = "appLayout-menuWrap"> 232 <div className = "appLayout-menuWrap">
173 233
174 </div> 234 </div>
175 <div className = "appLayout-contentWrap"> 235 <div className = "appLayout-contentWrap">
176 <div className = "appLayout-content"> 236 <div className = "appLayout-content">
177 { this.props.children } 237
178 </div> 238 </div>
179 </div> 239 </div>