Blame view
imports/client/views/org/admin/teachers/teachersView.js
5.11 KB
a8c5a7fb6
|
1 2 3 4 5 6 7 |
import _ from 'lodash'; import { Meteor } from 'meteor/meteor'; import React, { Component } from 'react'; import { Link,browserHistory } from 'react-router'; import { FormGroup, FormControl,Glyphicon,Button } from 'react-bootstrap'; |
d75229d74
|
8 9 10 11 |
import { Header } from '../Header'; import { AdminSidebar } from '../Sidebar' import { AdminBreadcrumb } from '../Breadcrumb' import { TeachersTable } from './view/TeachersTable' |
a8c5a7fb6
|
12 |
|
d75229d74
|
13 |
export class TeachersView extends Component { |
a8c5a7fb6
|
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
constructor(props) { super(props); this.state = { }; this.onUpdate = this.onUpdate.bind(this); }; onUpdate(key, value) { this.setState({[key]: value}); }; render() { const {user, org} = this.props.data; return ( |
d75229d74
|
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<div className="appLayout-box"> <div className="page-container"> <div className="page-content"> <AdminSidebar user = {this.props.data.user} org = {this.props.data.org} /> {/*end sidebar*/} <div className="content-wrapper"> <AdminBreadcrumb /> {/*content*/} <div className="content has-detached-left"> <div className="container-detached"> <div className="content-detached"> <Header/> <TeachersTable data = {this.props.data} teachers = {teachers} /> { /** <AddTeacher/> <UploadCsvTeacher /> */ } </div> </div> <div className="sidebar-detached affix-top"> <div className="sidebar sidebar-default"> <div className="sidebar-content"> <div className="sidebar-category"> <div className="category-title"> <span>Advanced Search</span> <ul className="icons-list"> <li><a href="#" data-action="collapse"></a></li> </ul> </div> |
a8c5a7fb6
|
68 |
|
d75229d74
|
69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 |
<div className="category-content"> <form action="#"> <div className="has-feedback has-feedback-left"> <input type="search" className="form-control" value={this.state.firstNameSearch} onChange={e=>this.onUpdate('firstNameSearch',e.target.value)} placeholder="First Name" /> <div className="form-control-feedback"> <i className="icon-search4 text-size-base text-muted"></i> </div> </div> </form> </div> <div className="category-content"> <form action="#"> <div className="has-feedback has-feedback-left"> <input type="search" className="form-control" value={this.state.lastNameSearch} onChange={e=>this.onUpdate('lastNameSearch',e.target.value)} placeholder="Last Name" /> <div className="form-control-feedback"> <i className="icon-search4 text-size-base text-muted"></i> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> |
a8c5a7fb6
|
104 105 106 107 108 |
</div> ); }; }; |