From 668d3b27a611b4863273700c91d1ee180c494dcb Mon Sep 17 00:00:00 2001
From: xidedix <xidedix@users.noreply.github.com>
Date: Tue, 26 Jun 2018 18:58:01 +0200
Subject: [PATCH] refactor(Pages): add b-form, b-form-input, autocomplete to
 Login & Register

---
 CHANGELOG.md                 |  2 ++
 src/views/pages/Login.vue    | 38 ++++++++++++------------
 src/views/pages/Register.vue | 56 +++++++++++++++++++-----------------
 3 files changed, 51 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 12e27477..df5be0d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ##### `v2.0.0-next`
 - fix: typo `DafaultAside` to `DefaultAside` - thanks @DamianLion
+- refactor(Pages): add `b-form`, `b-form-input` and `autocomplete` to Login 
+- refactor(Pages): add `b-form`, `b-form-input` and `autocomplete` to Register 
 - chore: update `@coreui/coreui` to `2.0.3`
 - chore: update `@vue/cli-plugin-babel` to `3.0.0-rc.3`
 - chore: update `@vue/cli-plugin-e2e-nightwatch` to `3.0.0-rc.3`
diff --git a/src/views/pages/Login.vue b/src/views/pages/Login.vue
index 9834fbaf..c19a536e 100644
--- a/src/views/pages/Login.vue
+++ b/src/views/pages/Login.vue
@@ -6,24 +6,26 @@
           <b-card-group>
             <b-card no-body class="p-4">
               <b-card-body>
-                <h1>Login</h1>
-                <p class="text-muted">Sign In to your account</p>
-                <b-input-group class="mb-3">
-                  <b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
-                  <input type="text" class="form-control" placeholder="Username">
-                </b-input-group>
-                <b-input-group class="mb-4">
-                  <b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
-                  <input type="password" class="form-control" placeholder="Password">
-                </b-input-group>
-                <b-row>
-                  <b-col cols="6">
-                    <b-button variant="primary" class="px-4">Login</b-button>
-                  </b-col>
-                  <b-col cols="6" class="text-right">
-                    <b-button variant="link" class="px-0">Forgot password?</b-button>
-                  </b-col>
-                </b-row>
+                <b-form>
+                  <h1>Login</h1>
+                  <p class="text-muted">Sign In to your account</p>
+                  <b-input-group class="mb-3">
+                    <b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
+                    <b-form-input type="text" class="form-control" placeholder="Username" autocomplete="username email" />
+                  </b-input-group>
+                  <b-input-group class="mb-4">
+                    <b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
+                    <b-form-input type="password" class="form-control" placeholder="Password" autocomplete="current-password" />
+                  </b-input-group>
+                  <b-row>
+                    <b-col cols="6">
+                      <b-button variant="primary" class="px-4">Login</b-button>
+                    </b-col>
+                    <b-col cols="6" class="text-right">
+                      <b-button variant="link" class="px-0">Forgot password?</b-button>
+                    </b-col>
+                  </b-row>
+                </b-form>
               </b-card-body>
             </b-card>
             <b-card no-body class="text-white bg-primary py-5 d-md-down-none" style="width:44%">
diff --git a/src/views/pages/Register.vue b/src/views/pages/Register.vue
index 80f91ff2..474703d3 100644
--- a/src/views/pages/Register.vue
+++ b/src/views/pages/Register.vue
@@ -5,37 +5,39 @@
         <b-col md="6" sm="8">
           <b-card no-body class="mx-4">
             <b-card-body class="p-4">
-              <h1>Register</h1>
-              <p class="text-muted">Create your account</p>
-              <b-input-group class="mb-3">
-                <b-input-group-prepend>
-                  <b-input-group-text><i class="icon-user"></i></b-input-group-text>
-                </b-input-group-prepend>
-                <input type="text" class="form-control" placeholder="Username">
-              </b-input-group>
+              <b-form>
+                <h1>Register</h1>
+                <p class="text-muted">Create your account</p>
+                <b-input-group class="mb-3">
+                  <b-input-group-prepend>
+                    <b-input-group-text><i class="icon-user"></i></b-input-group-text>
+                  </b-input-group-prepend>
+                  <b-form-input type="text" class="form-control" placeholder="Username" autocomplete="username" />
+                </b-input-group>
 
-              <b-input-group class="mb-3">
-                <b-input-group-prepend>
-                  <b-input-group-text>@</b-input-group-text>
-                </b-input-group-prepend>
-                <input type="text" class="form-control" placeholder="Email">
-              </b-input-group>
+                <b-input-group class="mb-3">
+                  <b-input-group-prepend>
+                    <b-input-group-text>@</b-input-group-text>
+                  </b-input-group-prepend>
+                  <b-form-input type="text" class="form-control" placeholder="Email" autocomplete="email" />
+                </b-input-group>
 
-              <b-input-group class="mb-3">
-                <b-input-group-prepend>
-                  <b-input-group-text><i class="icon-lock"></i></b-input-group-text>
-                </b-input-group-prepend>
-                <input type="password" class="form-control" placeholder="Password">
-              </b-input-group>
+                <b-input-group class="mb-3">
+                  <b-input-group-prepend>
+                    <b-input-group-text><i class="icon-lock"></i></b-input-group-text>
+                  </b-input-group-prepend>
+                  <b-form-input type="password" class="form-control" placeholder="Password" autocomplete="new-password" />
+                </b-input-group>
 
-              <b-input-group class="mb-4">
-                <b-input-group-prepend>
-                  <b-input-group-text><i class="icon-lock"></i></b-input-group-text>
-                </b-input-group-prepend>
-                <input type="password" class="form-control" placeholder="Repeat password">
-              </b-input-group>
+                <b-input-group class="mb-4">
+                  <b-input-group-prepend>
+                    <b-input-group-text><i class="icon-lock"></i></b-input-group-text>
+                  </b-input-group-prepend>
+                  <b-form-input type="password" class="form-control" placeholder="Repeat password" autocomplete="new-password" />
+                </b-input-group>
 
-              <b-button variant="success" block>Create Account</b-button>
+                <b-button variant="success" block>Create Account</b-button>
+              </b-form>
             </b-card-body>
             <b-card-footer class="p-4">
               <b-row>