sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

refactor(Pages): add b-form, b-form-input, autocomplete to Login & Register

Browse Source
This commit is contained in:
xidedix
2018-06-26 18:58:01 +02:00
parent 90a39f68c7
commit 668d3b27a6
3 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+2
View File
@@ -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`
src/views/pages/Login.vue
+20 -18
View File
@@ -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%">
src/views/pages/Register.vue
+29 -27
View File
@@ -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>