Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 0ee45f9

Browse files
committed
initial commit
1 parent 47aa861 commit 0ee45f9

File tree

10 files changed

+65
-308
lines changed

10 files changed

+65
-308
lines changed

‎resources/js/components/Button.vue

Lines changed: 0 additions & 44 deletions
This file was deleted.

‎resources/js/components/Card.vue

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎resources/js/components/Checkbox.vue

Lines changed: 0 additions & 66 deletions
This file was deleted.

‎resources/js/components/Child.vue

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎resources/js/components/index.js

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,7 @@
11
import Vue from 'vue'
2-
import Card from './Card'
3-
import Child from './Child'
4-
import Button from './Button'
5-
import Checkbox from './Checkbox'
62
import { HasError, AlertError, AlertSuccess } from 'vform'
73

8-
// Components that are registered globaly.
94
[
10-
Card,
11-
Child,
12-
Button,
13-
Checkbox,
145
HasError,
156
AlertError,
167
AlertSuccess

‎resources/js/layouts/basic.vue

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎resources/js/pages/auth/login.vue

Lines changed: 20 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,36 @@
11
<template>
2-
<div class="row">
3-
<div class="col-lg-8 m-auto">
4-
<card :title="'Log In'">
5-
<form @submit.prevent="login" @keydown="form.onKeydown($event)">
6-
<!-- Email -->
7-
<div class="form-group row">
8-
<label class="col-md-3 col-form-label text-md-right">Email</label>
9-
<div class="col-md-7">
10-
<input v-model="form.email" :class="{ 'is-invalid': form.errors.has('email') }" class="form-control" type="email" name="email">
11-
<has-error :form="form" field="email" />
12-
</div>
13-
</div>
14-
15-
<!-- Password -->
16-
<div class="form-group row">
17-
<label class="col-md-3 col-form-label text-md-right">Password</label>
18-
<div class="col-md-7">
19-
<input v-model="form.password" :class="{ 'is-invalid': form.errors.has('password') }" class="form-control" type="password" name="password">
20-
<has-error :form="form" field="password" />
21-
</div>
22-
</div>
23-
24-
<!-- Remember Me -->
25-
<div class="form-group row">
26-
<div class="col-md-3" />
27-
<div class="col-md-7 d-flex">
28-
<checkbox v-model="remember" name="remember">
29-
Remember Me
30-
</checkbox>
31-
</div>
32-
</div>
33-
34-
<div class="form-group row">
35-
<div class="col-md-7 offset-md-3 d-flex">
36-
<v-button :loading="form.busy">
37-
Log In
38-
</v-button>
39-
40-
</div>
41-
</div>
42-
</form>
43-
</card>
2+
<div class="row">
3+
<div class="col-lg-8 m-auto">
4+
<b-card header="Log In">
5+
<b-form @submit.prevent="login" @keydown="form.onKeydown($event)">
6+
<b-form-group
7+
label="Email:"
8+
label-for="email" >
9+
<b-form-input type="email" id="email" name="email" :class="{ 'is-invalid': form.errors.has('email') }" v-model="form.email"></b-form-input>
10+
<has-error :form="form" field="email" />
11+
</b-form-group>
12+
<b-form-group
13+
label="Password:"
14+
label-for="password" >
15+
<b-form-input type="password" id="password" name="password" :class="{ 'is-invalid': form.errors.has('password') }" v-model="form.password"></b-form-input>
16+
<has-error :form="form" field="password" />
17+
</b-form-group>
18+
<b-button type="submit" variant="primary">Log In</b-button>
19+
</b-form>
20+
</b-card>
21+
</div>
4422
</div>
45-
</div>
4623
</template>
4724

4825
<script>
4926
import Form from 'vform'
50-
import Cookies from 'js-cookie'
5127
5228
export default {
5329
components: {
5430
},
5531
5632
middleware: 'guest',
5733
58-
metaInfo () {
59-
return { title: 'Log In' }
60-
},
61-
6234
data: () => ({
6335
form: new Form({
6436
email: '',
@@ -69,19 +41,15 @@ export default {
6941
7042
methods: {
7143
async login () {
72-
// Submit the form.
7344
const { data } = await this.form.post('/api/login')
7445
75-
// Save the token.
7646
this.$store.dispatch('auth/saveToken', {
7747
token: data.token,
7848
remember: this.remember
7949
})
8050
81-
// Fetch the user.
8251
await this.$store.dispatch('auth/fetchUser')
8352
84-
// Redirect home.
8553
this.redirect()
8654
},
8755

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /