account form

1 files changed, 38 insertions, 17 deletions

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index b4bec4f9..8084bf32 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -376,8 +376,11 @@
           <div class="container-row">
             <label for="login_email_address">Email Address</label>
             <input type="email" id="login_email_address" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="1">
+            <span class='err'></span>
+
             <label for="login_password">Password</label>
             <form><input type="password" id="login_password" name="Password" aria-placeholder="PASSWORD" required tabindex="2"></form>
+            <span class='err'></span>
           </div>
           <div class="container-fill">
             <div class="container-message premessage">               
@@ -415,35 +418,35 @@
           <div class="container-row">
           <label for="signup_name">First Name</label>
           <input type="text" id="signup_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
-          <span class='err' id="signup_name_error"></span>
+          <span class='err'></span>
 
           <label for="signup_surname">Last Name</label>
           <input type="text" id="signup_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
-          <span class='err' id="signup_surname_error"></span>
+          <span class='err'></span>
 
           <label for="signup_email">Email Address</label>
           <input type="email" id="signup_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
-          <span class='err' id="signup_email_error"></span>
+          <span class='err'></span>
 
           <label for="signup_confirmemail">Confirm Email Address</label>
           <input type="email" id="signup_confirmemail" name="ConfirmEmail" aria-placeholder="CONFIRM EMAIL ADDRESS" required tabindex="4">
-          <span class='err' id="signup_confirmemail_error"></span>
+          <span class='err'></span>
 
           <label for="signup_birthday">Birthday (MM/DD/YYYY)</label>
           <div class="select-wrapper date-wrapper">
             <span></span>
             <input type="date" id="signup_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="5">
           </div>
-          <span class='err' id="signup_birthday_error"></span>
+          <span class='err'></span>
 
           <h2>PASSWORD</h2>
           <label for="signup_password">Password (7 Characters or more)</label>
           <input type="password" id="signup_password" name="Password" aria-placeholder="PASSWORD (7 CHARACTERS OR MORE)" required tabindex="6">
-          <span class='err' id="signup_password_error"></span>
+          <span class='err'></span>
 
           <label for="signup_confirm_password">Confirm Password</label>
           <input type="password" id="signup_confirm_password" name="Password2" aria-placeholder="CONFIRM PASSWORD" required tabindex="7">
-          <span class='err' id="signup_confirm_password_error"></span>
+          <span class='err'></span>
           </div>
 
           <div class="container-row">
@@ -496,17 +499,35 @@
       <div class="form">
         <div class="container">
           <div class="container-row">
-            <input type="text" name="Name" aria-label="First name" placeholder="FIRST NAME" required tabindex="1">
-            <input type="text" name="Surname" aria-label="Last name" placeholder="LAST NAME" required tabindex="2">
-            <input type="email" name="Email" aria-label="Email address" placeholder="EMAIL ADDRESS" required tabindex="3">
+            <label for="profile_name">First Name</label>
+            <input type="text" id="profile_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
+            <span class='err'></span>
+
+            <label for="profile_surname">Last Name</label>
+            <input type="text" id="profile_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
+            <span class='err'></span>
+
+            <label for="profile_email">Email Address</label>
+            <input type="email" id="profile_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
+            <span class='err'></span>
+
+            <label for="profile_birthday">Birthday (MM/DD/YYYY)</label>
             <div class="select-wrapper date-wrapper">
-              <span>BIRTHDAY (MM/DD/YYYY)</span>
-              <input type="date" name="BirthDay" aria-label="Birthday" min="1900-01-01" placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="4">
+              <span></span>
+              <input type="date" id="profile_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="5">
             </div>
+            <span class='err'></span>
 
             <h2>CHANGE PASSWORD</h2>
-            <input type="password" name="CurrentPassword" aria-label="Current password" placeholder="CURRENT PASSWORD" required>
-            <input type="password" name="NewPassword" aria-label="New password (seven characters or more)" placeholder="NEW PASSWORD (7 CHARACTERS OR MORE)" required tabindex="5">
+            <label for="profile_password">Current Password</label>
+            <input type="password" id="profile_password" name="CurrentPassword" aria-placeholder="CURRENT PASSWORD" required tabindex="6">
+            <span class='err'></span>
+
+            <label for="profile_confirm_password">New Password (7 characters or more)</label>
+            <input type="password" id="profile_confirm_password" name="NewPassword" aria-placeholder="NEW PASSWORD (7 CHARACTERS OR MORE)" required tabindex="7">
+            <span class='err'></span>
+            </div>
+
             <div class="container-fill container-fill-condensed">
               <div class="container-message container-message-condensed">
                 <span class="msg msg-condensed">
@@ -607,7 +628,7 @@
               Receive notifications for Store
             </div>
             <div class="toggle">
-              <input type="checkbox" id="store-notifications" name="store" class="switch">
+              <input type="checkbox" aria-label="Receive notifications for Store" id="store-notifications" name="store" class="switch">
               <label for="store-notifications"></label>
             </div> 
           </div>
@@ -617,7 +638,7 @@
               Receive notifications for Hub
             </div>
             <div class="toggle">
-              <input type="checkbox" id="hub-notifications" name="hub" class="switch">
+              <input type="checkbox" aria-label="Receive notifications for Hub" id="hub-notifications" name="hub" class="switch">
               <label for="hub-notifications"></label>
             </div> 
           </div>
@@ -902,7 +923,7 @@
                 <script type="text/html" class="cc_template">
                   <div class="checkbox-row">
                     <div class="checkbox-toggle">
-                       <input id="cc-checkbox-{{id}}" type="radio" name="CCId" value="{{id}}" {{checked}}>
+                       <input id="cc-checkbox-{{id}}" aria-label="Select this credit card" type="radio" name="CCId" value="{{id}}" {{checked}}>
                        <label for="cc-checkbox-{{id}}"></label>
                     </div>
                     <label class="checkbox-caption" for="cc-checkbox-{{id}}">