bootstrap cdn and register form

faderskd · Feb 23, 2017 · 6358328 · 6358328
1 parent d1704a0
commit 6358328
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 6 deletions.
diff --git a/openchat/app/index.html b/openchat/app/index.html
@@ -11,7 +11,8 @@
 
     <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
     <link rel="stylesheet" href="{{rootURL}}assets/openchat.css">
-
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     {{content-for "head-footer"}}
   </head>
   <body>

diff --git a/openchat/app/templates/components/register-form.hbs b/openchat/app/templates/components/register-form.hbs
@@ -1,7 +1,48 @@
 <form>
-  {{input type="text" value=username}}
-  {{input type="text" value=email}}
-  {{input type="password" value=password}}
-  {{input type="password" value=confirmPassword}}
-  <button type="submit">register</button>
+  <div>
+    <label for="username">Username</label>
+    {{ input type="text" value=username id="username" class="form-control"
+             name="username" aria-describedby="usernameHelpBlock" }}
+
+    <div class="alert alert-danger">
+      <div>
+        Username is required.
+      </div>
+    </div>
+  </div>
+
+  <div>
+    <label for="email">Email</label>
+    {{ input type="text" value=username id="email" class="form-control"
+             name="email" aria-describedby="emailHelpBlock" }}
+    <div class="alert alert-danger">
+      <div>
+        Email is required.
+      </div>
+    </div>
+  </div>
+
+  <div>
+    <label for="password">Password</label>
+    {{ input type="password" value=username id="password" class="form-control"
+             name="password" aria-describedby="passwordHelpBlock" }}
+    <div class="alert alert-danger">
+      <div>
+        password is required.
+      </div>
+    </div>
+  </div>
+
+  <div>
+    <label for="confirmPassword">Confirm Password</label>
+    {{ input type="password" value=username id="confirmPassword" class="form-control"
+             name="confirmPassword" aria-describedby="confirmPasswordHelpBlock" }}
+    <div class="alert alert-danger">
+      <div>
+        password is required.
+      </div>
+    </div>
+  </div>
+
+  <button type="submit" class="btn btn-primary">Register</button>
 </form>