add agree checkbox

src/routes/app/routes/forms/routes/visit/components/VerticalNonLinear.js

@@ -35,7 +35,7 @@ import Popover from 'material-ui/Popover';
 import ValidationErrorsInfoDialog from '../../../../../../../components/Shared/ValidationErrorsInfoDialog';
 
 let DateTimeFormat;
-const roundingTime = 1000 * 60 * 5; //5 minutes
+
 
 DateTimeFormat = global.Intl.DateTimeFormat;
 
@@ -564,18 +564,16 @@ class VerticalNonLinear extends React.Component {
   constructor(props) {
     super(props);
 
-    let dateNow = new Date();
-
     this.state = {
       stepIndex: 0,
       rideTypeValue: 0,
       providerID: 0,
       providerName: '',
       visitDate: new Date(),
-      visitTime: new Date(Math.round(dateNow.getTime() / roundingTime) * roundingTime),
+      visitTime: new Date(),
       pickupLocation: null,
-      pickupTime: new Date(Math.round(dateNow.getTime() / roundingTime) * roundingTime),
+      pickupTime: new Date(),
-      pickupTimeReturn: new Date(Math.round(dateNow.getTime() / roundingTime) * roundingTime),
+      pickupTimeReturn: new Date(),
       pickupTimeReturnDisplayMode: 'none',
       open: false,
       message: 'Adding Visit',
@@ -640,12 +638,10 @@ class VerticalNonLinear extends React.Component {
         });
     }
 
-    let date = new Date();
+    let visitTime = new Date(new Date().getTime() + (1 * 60 * 60 * 1000));
-
+    let visitDate = visitTime;
-    let visitTime = new Date(Math.round((date.getTime() + (1 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
+    let pickupTime = new Date(visitTime.getTime() - (0.5 * 60 * 60 * 1000));
-    let visitDate = date;
+    let pickupTimeReturn = new Date(visitTime.getTime() - (0.5 * 60 * 60 * 1000));
-    let pickupTime = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
-    let pickupTimeReturn = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
 
     this.setState(Object.assign(this.state, {
       visitDate: visitDate,
@@ -772,10 +768,10 @@ class VerticalNonLinear extends React.Component {
 
   handleDate(event, date, state) {
     let self = state
-    let visitTime = new Date(Math.round((date.getTime() + (1 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
+    let visitTime = new Date(date.getTime() + (1 * 60 * 60 * 1000));
     let visitDate = date;
-    let pickupTime = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
+    let pickupTime = new Date(visitTime.getTime() - (0.5 * 60 * 60 * 1000));
-    let pickupTimeReturn = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
+    let pickupTimeReturn = new Date(visitTime.getTime() - (0.5 * 60 * 60 * 1000));
 
     self.setState(Object.assign(self.state, {
       visitDate: visitDate,

src/routes/selfRegister/components/SignUp.js

@@ -17,6 +17,8 @@ import Toggle from 'material-ui/Toggle';
 import Snackbar from 'material-ui/Snackbar';
 import Instance from '../../../components/Connection';
 
+import Checkbox from 'material-ui/Checkbox';
+
 import ValidationErrorsInfoDialog from '../../../components/Shared/ValidationErrorsInfoDialog';
 
 class SignUp extends React.Component {
@@ -41,7 +43,8 @@ class SignUp extends React.Component {
       "passConfirmation": "",
       "organizationType": { name: "", key: "provider", desc: "" },
       showValidationErrors: false,
-      validationErrors: []
+      validationErrors: [],
+      agreedTerms:false,
     }
 
     this.buttonValidated = this.buttonValidated.bind(this);
@@ -67,7 +70,7 @@ class SignUp extends React.Component {
     if (!this.state.first || this.state.first === null || this.state.first === "") validated = false;
     if (!this.state.last || this.state.last === null || this.state.last === "") validated = false;
     if (!this.state.password_validated || !this.state.pass || this.state.pass === null || this.state.pass === "") validated = false;
-
+    if (!this.state.agreedTerms) validated = false;
     this.setState(Object.assign(this.state, { validated: validated }));
   }
 
@@ -111,6 +114,11 @@ class SignUp extends React.Component {
     this.setState(Object.assign(this.state, { password_validated: this.state.pass === this.state.passConfirmation }));
   };
 
+  handleChecked = (event, checked) => {
+    this.setState(Object.assign(this.state, { agreedTerms: checked }));
+    this.buttonValidated();
+  };
+
   clickEvent = (event) => {
     event.preventDefault();
     const state = this;
@@ -228,6 +236,14 @@ class SignUp extends React.Component {
                   />
                 </div>
                 <div className="divider" />
+                <div className="form-group">
+                  <Checkbox
+                    label="Member has consented to terms of use"
+                    checked={this.state.agreedTerms}
+                    onCheck={this.handleChecked}
+                  />
+                </div>
+                <div className="divider" />
                 <div className="form-group">
                   <p className="text-small">By clicking on sign up, you agree to <a href="javascript:;"><i>terms</i></a> and <a href="javascript:;"><i>privacy policy</i></a></p>
                 </div>