From 15998a6afdd47a7e249319305035d65e467389c3 Mon Sep 17 00:00:00 2001
From: Deepak <deepak125.dk@gmail.com>
Date: Mon, 20 Mar 2017 10:48:52 +0530
Subject: [PATCH] added datepicker

---
 .../client/views/org/admin/students/StudentView.js |  4 +-
 .../client/views/org/admin/students/UploadCsv.js   | 67 ++++++++++++++++++++++
 .../client/views/org/admin/students/addStudent.js  |  4 +-
 .../views/org/admin/students/addStudentForm.js     | 43 +++++++++++---
 .../client/views/org/admin/students/student.css    |  5 ++
 5 files changed, 110 insertions(+), 13 deletions(-)
 create mode 100644 imports/client/views/org/admin/students/UploadCsv.js
 create mode 100644 imports/client/views/org/admin/students/student.css

diff --git a/imports/client/views/org/admin/students/StudentView.js b/imports/client/views/org/admin/students/StudentView.js
index a64a3bc..2f442e5 100644
--- a/imports/client/views/org/admin/students/StudentView.js
+++ b/imports/client/views/org/admin/students/StudentView.js
@@ -10,6 +10,8 @@ import { AddStudent }                     from './addStudent';
 import { StudentTable }                   from './StudentTable';
 import { Header }                         from './Header';
 import { FabMenuView }                    from './FabMenu';
+import { UploadCsv }                      from './UploadCsv';
+
 
 export class StudentView extends Component {
 
@@ -44,7 +46,7 @@ export class StudentView extends Component {
             data = {this.props.data}
             />
           <AddStudent/>
-
+          <UploadCsv />
 				</div>
 			</div>
 			<div className="sidebar-detached affix-top">
diff --git a/imports/client/views/org/admin/students/UploadCsv.js b/imports/client/views/org/admin/students/UploadCsv.js
new file mode 100644
index 0000000..63633fa
--- /dev/null
+++ b/imports/client/views/org/admin/students/UploadCsv.js
@@ -0,0 +1,67 @@
+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, FieldGroup,
+  FormControl,Glyphicon,Button }          from 'react-bootstrap';
+import { AddStudentForm }               from './addStudentForm';
+
+const style = {
+  margin: 12,
+};
+export class UploadCsv 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 (
+      <ButtonToolbar>
+        <Button bsStyle="primary" onClick={this.showModal}>
+          Upload CSV
+        </Button>
+        <Modal
+          {...this.props}
+          show={this.state.show}
+          onHide={this.hideModal}
+          dialogClassName="custom-modal"
+        >
+          <Modal.Header closeButton>
+            <Modal.Title id="contained-modal-title-lg">New Student</Modal.Title>
+          </Modal.Header>
+          <Modal.Body>
+          <FieldGroup
+            id="formControlsFile"
+            type="file"
+            label="File"
+            help="Example block-level help text here."
+          />
+          </Modal.Body>
+          <Modal.Footer>
+            <Button onClick={this.hideModal}>Close</Button>
+          </Modal.Footer>
+        </Modal>
+      </ButtonToolbar>
+    );
+  };
+
+};
diff --git a/imports/client/views/org/admin/students/addStudent.js b/imports/client/views/org/admin/students/addStudent.js
index 581ea46..2f94fff 100644
--- a/imports/client/views/org/admin/students/addStudent.js
+++ b/imports/client/views/org/admin/students/addStudent.js
@@ -1,6 +1,6 @@
 import _                                  from 'lodash';
 import { Meteor }                         from 'meteor/meteor';
-
+import './student.css'
 import React, { Component }               from 'react';
 import { Link,browserHistory }            from 'react-router';
 import { FormGroup,Panel,Table,
@@ -35,7 +35,6 @@ export class AddStudent extends Component {
 
   render() {
     return (
-      <div>
       <ButtonToolbar>
         <Button bsStyle="primary" onClick={this.showModal}>
           Add Student
@@ -57,7 +56,6 @@ export class AddStudent extends Component {
           </Modal.Footer>
         </Modal>
       </ButtonToolbar>
-      </div>
     );
   };
 
diff --git a/imports/client/views/org/admin/students/addStudentForm.js b/imports/client/views/org/admin/students/addStudentForm.js
index 976fff3..dcce5cc 100644
--- a/imports/client/views/org/admin/students/addStudentForm.js
+++ b/imports/client/views/org/admin/students/addStudentForm.js
@@ -7,7 +7,7 @@ import { Form, FormGroup,InputGroup,
   DropdownButton,MenuItem,ControlLabel,
   SplitButton,
   FormControl,Glyphicon,Button }          from 'react-bootstrap';
-import {DatePicker}                       from 'react-bootstrap-date-picker'
+import DatePicker                         from 'react-bootstrap-date-picker'
 import {addStudentManually}               from '/imports/collections/students/methods';
 
 export class AddStudentForm extends Component {
@@ -21,6 +21,7 @@ export class AddStudentForm extends Component {
       middleName:     "",
       email:          "",
       dob:            "",
+      formattedDob:   "",
       gender:         "",
       rollNo:         "",
       class:          "",
@@ -42,11 +43,19 @@ export class AddStudentForm extends Component {
       parentZipcode:  "",
     };
     this.onUpdate = this.onUpdate.bind(this);
+    this.handleDob = this.handleDob.bind(this);
   };
 
   onUpdate(key, value) {
     this.setState({[key]: value});
   };
+
+  handleDob(value, formattedValue) {
+  this.setState({
+    dob: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
+    formattedDob: formattedValue // Formatted String, ex: "11/19/2016"
+  });
+}
   addStudent(e){
     e.preventDefault();
     e.persist();
@@ -70,18 +79,18 @@ export class AddStudentForm extends Component {
   }
   render() {
     return (
-      <Form onSubmit={ (e) => this.addStudent(e) }>
-        <FormGroup controlId="formBasicText">
+      <Form onSubmit={ (e) => this.addStudent(e) } inline>
+        <FormGroup controlId="admissionId">
           <ControlLabel>Admission Id</ControlLabel>
           <FormControl
             type="text"
-            value={this.state.firstName}
-            placeholder="First Name"
-            onChange={e=>this.onUpdate('firstName',e.target.value)}
+            value={this.state.admissionId}
+            placeholder="admission Id"
+            onChange={e=>this.onUpdate('admissionId',e.target.value)}
           />
         </FormGroup>
 
-        <FormGroup controlId="formBasicText">
+        <FormGroup controlId="firstName">
           <ControlLabel>First Name</ControlLabel>
           <FormControl
             type="text"
@@ -90,7 +99,7 @@ export class AddStudentForm extends Component {
             onChange={e=>this.onUpdate('firstName',e.target.value)}
           />
         </FormGroup>
-        <FormGroup controlId="formBasicText">
+        <FormGroup controlId="middleName">
           <ControlLabel>Middle Name</ControlLabel>
           <FormControl
             type="text"
@@ -99,7 +108,7 @@ export class AddStudentForm extends Component {
             onChange={e=>this.onUpdate('middleName',e.target.value)}
           />
         </FormGroup>
-        <FormGroup controlId="formBasicText">
+        <FormGroup controlId="lastName">
           <ControlLabel>Last Name</ControlLabel>
           <FormControl
             type="text"
@@ -108,6 +117,22 @@ export class AddStudentForm extends Component {
             onChange={e=>this.onUpdate('lastName',e.target.value)}
           />
         </FormGroup>
+        <FormGroup controlId="email">
+          <ControlLabel>Email</ControlLabel>
+          <FormControl
+            type="email"
+            value={this.state.email}
+            placeholder="Email"
+            onChange={e=>this.onUpdate('email',e.target.value)}
+          />
+        </FormGroup>
+        <FormGroup>
+          <ControlLabel>Date of birth</ControlLabel>
+          <DatePicker id="dob"
+          value={this.state.dob}
+          onChange={this.handleDob}
+          />
+        </FormGroup>
         <Button type="submit" bsStyle="default">Add Student</Button>
       </Form>
     );
diff --git a/imports/client/views/org/admin/students/student.css b/imports/client/views/org/admin/students/student.css
new file mode 100644
index 0000000..dc886d1
--- /dev/null
+++ b/imports/client/views/org/admin/students/student.css
@@ -0,0 +1,5 @@
+.btn-toolbar {
+    display: inline-block;
+    font-size: 0;
+    margin-right: 12px;
+}
-- 
2.0.0