Skip to content

Commit 668d3b2

Browse files
xidedixxidedix
committed
refactor(Pages): add b-form, b-form-input, autocomplete to Login & Register
1 parent 90a39f6 commit 668d3b2

File tree

3 files changed

+51
-45
lines changed

3 files changed

+51
-45
lines changed

‎CHANGELOG.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
##### `v2.0.0-next`
44
- fix: typo `DafaultAside` to `DefaultAside` - thanks @DamianLion
5+
- refactor(Pages): add `b-form`, `b-form-input` and `autocomplete` to Login
6+
- refactor(Pages): add `b-form`, `b-form-input` and `autocomplete` to Register
57
- chore: update `@coreui/coreui` to `2.0.3`
68
- chore: update `@vue/cli-plugin-babel` to `3.0.0-rc.3`
79
- chore: update `@vue/cli-plugin-e2e-nightwatch` to `3.0.0-rc.3`

‎src/views/pages/Login.vue‎

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,26 @@
66
<b-card-group>
77
<b-card no-body class="p-4">
88
<b-card-body>
9-
<h1>Login</h1>
10-
<p class="text-muted">Sign In to your account</p>
11-
<b-input-group class="mb-3">
12-
<b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
13-
<input type="text" class="form-control" placeholder="Username">
14-
</b-input-group>
15-
<b-input-group class="mb-4">
16-
<b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
17-
<input type="password" class="form-control" placeholder="Password">
18-
</b-input-group>
19-
<b-row>
20-
<b-col cols="6">
21-
<b-button variant="primary" class="px-4">Login</b-button>
22-
</b-col>
23-
<b-col cols="6" class="text-right">
24-
<b-button variant="link" class="px-0">Forgot password?</b-button>
25-
</b-col>
26-
</b-row>
9+
<b-form>
10+
<h1>Login</h1>
11+
<p class="text-muted">Sign In to your account</p>
12+
<b-input-group class="mb-3">
13+
<b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
14+
<b-form-input type="text" class="form-control" placeholder="Username" autocomplete="username email" />
15+
</b-input-group>
16+
<b-input-group class="mb-4">
17+
<b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
18+
<b-form-input type="password" class="form-control" placeholder="Password" autocomplete="current-password" />
19+
</b-input-group>
20+
<b-row>
21+
<b-col cols="6">
22+
<b-button variant="primary" class="px-4">Login</b-button>
23+
</b-col>
24+
<b-col cols="6" class="text-right">
25+
<b-button variant="link" class="px-0">Forgot password?</b-button>
26+
</b-col>
27+
</b-row>
28+
</b-form>
2729
</b-card-body>
2830
</b-card>
2931
<b-card no-body class="text-white bg-primary py-5 d-md-down-none" style="width:44%">

‎src/views/pages/Register.vue‎

Lines changed: 29 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -5,37 +5,39 @@
55
<b-col md="6" sm="8">
66
<b-card no-body class="mx-4">
77
<b-card-body class="p-4">
8-
<h1>Register</h1>
9-
<p class="text-muted">Create your account</p>
10-
<b-input-group class="mb-3">
11-
<b-input-group-prepend>
12-
<b-input-group-text><i class="icon-user"></i></b-input-group-text>
13-
</b-input-group-prepend>
14-
<input type="text" class="form-control" placeholder="Username">
15-
</b-input-group>
8+
<b-form>
9+
<h1>Register</h1>
10+
<p class="text-muted">Create your account</p>
11+
<b-input-group class="mb-3">
12+
<b-input-group-prepend>
13+
<b-input-group-text><i class="icon-user"></i></b-input-group-text>
14+
</b-input-group-prepend>
15+
<b-form-input type="text" class="form-control" placeholder="Username" autocomplete="username" />
16+
</b-input-group>
1617

17-
<b-input-group class="mb-3">
18-
<b-input-group-prepend>
19-
<b-input-group-text>@</b-input-group-text>
20-
</b-input-group-prepend>
21-
<input type="text" class="form-control" placeholder="Email">
22-
</b-input-group>
18+
<b-input-group class="mb-3">
19+
<b-input-group-prepend>
20+
<b-input-group-text>@</b-input-group-text>
21+
</b-input-group-prepend>
22+
<b-form-input type="text" class="form-control" placeholder="Email" autocomplete="email" />
23+
</b-input-group>
2324

24-
<b-input-group class="mb-3">
25-
<b-input-group-prepend>
26-
<b-input-group-text><i class="icon-lock"></i></b-input-group-text>
27-
</b-input-group-prepend>
28-
<input type="password" class="form-control" placeholder="Password">
29-
</b-input-group>
25+
<b-input-group class="mb-3">
26+
<b-input-group-prepend>
27+
<b-input-group-text><i class="icon-lock"></i></b-input-group-text>
28+
</b-input-group-prepend>
29+
<b-form-input type="password" class="form-control" placeholder="Password" autocomplete="new-password" />
30+
</b-input-group>
3031

31-
<b-input-group class="mb-4">
32-
<b-input-group-prepend>
33-
<b-input-group-text><i class="icon-lock"></i></b-input-group-text>
34-
</b-input-group-prepend>
35-
<input type="password" class="form-control" placeholder="Repeat password">
36-
</b-input-group>
32+
<b-input-group class="mb-4">
33+
<b-input-group-prepend>
34+
<b-input-group-text><i class="icon-lock"></i></b-input-group-text>
35+
</b-input-group-prepend>
36+
<b-form-input type="password" class="form-control" placeholder="Repeat password" autocomplete="new-password" />
37+
</b-input-group>
3738

38-
<b-button variant="success" block>Create Account</b-button>
39+
<b-button variant="success" block>Create Account</b-button>
40+
</b-form>
3941
</b-card-body>
4042
<b-card-footer class="p-4">
4143
<b-row>

0 commit comments

Comments
 (0)