Blame view
imports/client/views/org/admin/students/StudentView.js
3.43 KB
7aa6f173b
added student view
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 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 68 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 104 105 106 107 108 109 110 111 |
import _ from 'lodash';
import { Meteor } from 'meteor/meteor';
import React, { Component } from 'react';
import { Link,browserHistory } from 'react-router';
import { FormGroup,Panel,Table,
ButtonToolbar,Modal,
FormControl,Glyphicon,Button } from 'react-bootstrap';
import { AddStudentForm } from './addStudentForm';
import { StudentTable } from './StudentTable';
import { Header } from './Header';
import { FabMenuView } from './FabMenu';
export class StudentView extends Component {
constructor(props) {
super(props);
this.state = {
show: false
};
this.showModal = this.showModal.bind(this);
this.hideModal = this.hideModal.bind(this);
this.onUpdate = this.onUpdate.bind(this);
};
showModal() {
this.setState({show: true});
}
hideModal() {
this.setState({show: false});
}
onUpdate(key, value) {
this.setState({[key]: value});
};
render() {
return (
<div className="content has-detached-left">
<div className="container-detached">
<div className="content-detached">
<Header/>
<StudentTable
data = {this.props.data}
/>
<FabMenuView/>
</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>
<div className="category-content">
<form action="#">
<div className="has-feedback has-feedback-left">
<input type="search" className="form-control" 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" placeholder="Last 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">
<div className="btn-group">
<button type="button" className="dropdown-toggle form-control" data-toggle="dropdown">
<span data-bind="label">Select className</span> <span className="caret"></span>
</button>
<ul className="dropdown-menu" role="menu">
<li><a href="#">Item 1</a></li>
<li><a href="#">Another item</a></li>
<li><a href="#">This is a longer item that will not fit properly</a></li>
</ul>
</div>
<div className="form-control-feedback">
<i className="icon-search4 text-size-base text-muted"></i>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
);
};
};
|