sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 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
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>