#2 add state for teacherStudentAddStudentLoginRequired

wozzyio · Aug 17, 2020 · fe3fdff · fe3fdff
1 parent c9ac51a
commit fe3fdff
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 33 deletions.
diff --git a/components/nav.js b/components/nav.js
@@ -177,6 +177,7 @@ export default class Nav extends React.Component {
                     onBlurhandleTeacherStudentAddName={this.props.onBlurhandleTeacherStudentAddName}
                     handleTeacherStudentAddCurrentGrade={this.props.handleTeacherStudentAddCurrentGrade}
                     onBlurhandleTeacherStudentAddCurrentGrade={this.props.onBlurhandleTeacherStudentAddCurrentGrade}
+                    requireLoginPortalForStudent={this.props.requireLoginPortalForStudent}
                    />
         }
     }

diff --git a/components/teacherDashboard.js b/components/teacherDashboard.js
@@ -59,6 +59,7 @@ export class TeacherDashboard extends React.Component {
                 teacherStudentAddPhotoURL: "",
                 teacherStudentAddCurrentGrade: "",
                 teacherStudentAddCurrentGradeError: false,
+                teacherStudentAddStudentLoginRequired: false,
             },
         }
         this.handleMenuClick = this.handleMenuClick.bind(this);
@@ -87,6 +88,7 @@ export class TeacherDashboard extends React.Component {
         this.onBlurhandleTeacherStudentAddName = this.onBlurhandleTeacherStudentAddName.bind(this);
         this.handleTeacherStudentAddCurrentGrade = this.handleTeacherStudentAddCurrentGrade.bind(this);
         this.onBlurhandleTeacherStudentAddCurrentGrade = this.onBlurhandleTeacherStudentAddCurrentGrade.bind(this);
+        this.requireLoginPortalForStudent = this.requireLoginPortalForStudent.bind(this);
     }
 
     componentDidMount() {
@@ -516,7 +518,8 @@ export class TeacherDashboard extends React.Component {
                 teacherStudentAddPhotoURL: "",
                 teacherStudentAddCurrentGrade: "",
                 teacherStudentAddNameError: false,
-
+                teacherStudentAddCurrentGradeError: false,
+                teacherStudentAddStudentLoginRequired: false,
             }
         }));
     }
@@ -593,6 +596,26 @@ export class TeacherDashboard extends React.Component {
         }
     }
 
+    requireLoginPortalForStudent = (e) => {
+        console.log("in requireLoginPortalForStudent");
+        if(this.state.teacherStudentComponent.teacherStudentAddStudentLoginRequired) {
+            this.setState(prevState => ({
+                teacherStudentComponent: {
+                    ...prevState.teacherStudentComponent,
+                    teacherStudentAddStudentLoginRequired: false,
+                    teacherStudentAddEmail: "",
+                }
+            }));
+        } else {
+            this.setState(prevState => ({
+                teacherStudentComponent: {
+                    ...prevState.teacherStudentComponent,
+                    teacherStudentAddStudentLoginRequired: true,
+                }
+            }));
+        }
+    }
+
     /* teacherStudentAdd End */
 
     /* individualStudentTeacherEdit component functions  end */
@@ -893,6 +916,7 @@ export class TeacherDashboard extends React.Component {
                         onBlurhandleTeacherStudentAddName={this.onBlurhandleTeacherStudentAddName}
                         handleTeacherStudentAddCurrentGrade={this.handleTeacherStudentAddCurrentGrade}
                         onBlurhandleTeacherStudentAddCurrentGrade={this.onBlurhandleTeacherStudentAddCurrentGrade}
+                        requireLoginPortalForStudent={this.requireLoginPortalForStudent}
                     />
                 </div>
             </React.Fragment>

diff --git a/components/teacherStudentAdd.js b/components/teacherStudentAdd.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Modal, Button, Form, Space, Input } from 'antd';
+import { Modal, Button, Form, Space, Input, Switch } from 'antd';
 
 import stylesheet from 'antd/dist/antd.min.css';
 import { UploadOutlined, LoadingOutlined } from '@ant-design/icons';
@@ -47,37 +47,54 @@ export default class TeacherStudentAdd extends React.Component {
         }
     }
 
-    // emailComponent = () => {
-    //     if(this.props.teacherStudentComponent.teacherStudentAddEmailError) {
-    //         return(
-    //             <div>
-    //                 <p>Email</p>
-    //                 <Form.Item
-    //                 validateStatus="error"
-    //                 help="Student Email not valid">
-    //                     <Input size="medium" style={{ borderWidth: "0 0 2px" }} 
-    //                      onChange={(e) => this.props.handleTeacherStudentAddEmail(e)}
-    //                      value={this.props.teacherStudentComponent.teacherStudentAddEmail}
-    //                      onBlur={(e) => this.props.onBlurhandleTeacherStudentAddEmail(e)}
-    //                     />
-    //                 </Form.Item>
-    //             </div>
-    //         )
-    //     } else {
-    //         return(
-    //             <div>
-    //                 <p>Name</p>
-    //                 <Form.Item>
-    //                     <Input size="medium" style={{ borderWidth: "0 0 2px" }} 
-    //                      onChange={(e) => this.props.handleTeacherStudentAddName(e)}
-    //                      value={this.props.teacherStudentComponent.teacherStudentAddName}
-    //                      onBlur={(e) => this.props.onBlurhandleTeacherStudentAddName(e)}
-    //                     />
-    //                 </Form.Item>
-    //             </div>
-    //         )
-    //     }
-    // }
+    emailComponent = () => {
+        console.log("this.props.teacherStudentComponent.teacherStudentAddStudentLoginRequired");
+        console.log(this.props.teacherStudentComponent.teacherStudentAddStudentLoginRequired);
+        if(this.props.teacherStudentComponent.teacherStudentAddStudentLoginRequired === true){
+            return(
+                <div>
+                    <p>Email</p>
+                    <Form.Item>
+                        <Input size="medium" style={{ borderWidth: "0 0 2px" }} 
+                        />
+                    </Form.Item>
+                </div>
+            )
+        } else {
+            return(
+                null
+            )
+        }
+        // if(this.props.teacherStudentComponent.teacherStudentAddEmailError) {
+        //     return(
+        //         <div>
+        //             <p>Email</p>
+        //             <Form.Item
+        //             validateStatus="error"
+        //             help="Student Email not valid">
+        //                 <Input size="medium" style={{ borderWidth: "0 0 2px" }} 
+        //                  onChange={(e) => this.props.handleTeacherStudentAddEmail(e)}
+        //                  value={this.props.teacherStudentComponent.teacherStudentAddEmail}
+        //                  onBlur={(e) => this.props.onBlurhandleTeacherStudentAddEmail(e)}
+        //                 />
+        //             </Form.Item>
+        //         </div>
+        //     )
+        // } else {
+        //     return(
+        //         <div>
+        //             <p>Name</p>
+        //             <Form.Item>
+        //                 <Input size="medium" style={{ borderWidth: "0 0 2px" }} 
+        //                  onChange={(e) => this.props.handleTeacherStudentAddName(e)}
+        //                  value={this.props.teacherStudentComponent.teacherStudentAddName}
+        //                  onBlur={(e) => this.props.onBlurhandleTeacherStudentAddName(e)}
+        //                 />
+        //             </Form.Item>
+        //         </div>
+        //     )
+        // }
+    }
 
     currentGradeComponent = () => {
         if(this.props.teacherStudentComponent.teacherStudentAddCurrentGradeError) {
@@ -111,6 +128,12 @@ export default class TeacherStudentAdd extends React.Component {
         }
     }
 
+    showRequireLoginToggleComponent = () => {
+        return(
+            <Switch style={{ float: 'right' }} onChange={(e) => this.props.requireLoginPortalForStudent(e)} />
+        )
+    }
+
     render() {
         return (
             <React.Fragment>
@@ -134,6 +157,9 @@ export default class TeacherStudentAdd extends React.Component {
                             <Space/>
                             {this.nameComponent()}
                             {this.currentGradeComponent()}
+                            {this.emailComponent()}
+                            Enable Student Portal
+                            {this.showRequireLoginToggleComponent()}
                         </Form>  
                     </Modal>
                 </div>

diff --git a/components/teacherStudentComponent.js b/components/teacherStudentComponent.js
@@ -107,6 +107,7 @@ export default class TeacherStudentComponent extends React.Component {
                     handleTeacherStudentAddCurrentGrade={this.props.handleTeacherStudentAddCurrentGrade}
                     onBlurhandleTeacherStudentAddCurrentGrade={this.props.onBlurhandleTeacherStudentAddCurrentGrade}
                     teacherStudentComponent={this.props.teacherStudentComponent}
+                    requireLoginPortalForStudent={this.props.requireLoginPortalForStudent}
                    />
         } else {
             console.log("I'm in the null...");