Commit e0cc9d5d7a0a5e9a60342ddcc0b3f6dbc0288364
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> |