8000 Refactored welcome view and create new vue component · vs0uz4/l5vueka-laravel-vuejs@c22379b · GitHub
[go: up one dir, main page]
Skip to content

Commit c22379b

Browse files
vs0uz4vs0uz4
committed
Refactored welcome view and create new vue component
- Changed vue component in Welcome view; - Created menu.vue component; - Created card.vue component; - Rebuilt assets with gulp.
1 parent 47b0103 commit c22379b

File tree

12 files changed

+504
-398
lines changed

12 files changed

+504
-398
lines changed

‎public/build/js/app-ca2d71f22b.js renamed to ‎public/build/js/app-0368e11a96.js

+205-174
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/build/js/app-66e2a3f00e.js

+13-13
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/build/js/app-927eb91d34.js

+7-7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/build/rev-manifest.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"css/app.css": "css/app-ad87f36536.css",
33
"css/vendor.css": "css/vendor-0634183a17.css",
4-
"js/app.js": "js/app-ca2d71f22b.js"
4+
"js/app.js": "js/app-0368e11a96.js"
55
}

‎public/imgs/addresses.png

9.96 KB
Loading

‎public/imgs/users.png

65.1 KB
Loading

‎public/js/app.js

+205-174
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎resources/assets/js/app.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@ require('bootstrap-sass')
66
import Vue from 'vue'
77
import axios from 'axios'
88

9-
import PrimeiroComponente from './app/components/primeiro-componente.vue'
9+
import VdMenu from './app/menu/main.vue'
1010
import VdUsers from './app/users/main.vue'
1111

1212
Vue.prototype.$http = axios
1313

1414
new Vue({
1515
el: '#app',
1616
components: {
17-
PrimeiroComponente,
17+
VdMenu,
1818
VdUsers
1919
}
2020
})

‎resources/assets/js/app/components/primeiro-componente.vue

-26
This file was deleted.

‎resources/assets/js/app/menu/card.vue

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<script>
2+
export default {
3+
props: ['menuitem'],
4+
computed: {
5+
hasItem () {
6+
return this.menuitem !== undefined
7+
}
8+
},
9+
}
10+
</script>
11+
12+
<template>
13+
<div>
14+
<div class="thumbnail" v-show="hasItem">
15+
<img :src="menuitem.img" :alt="menuitem.title">
16+
<div class="caption">
17+
<h3 class="title">{{ menuitem.title }}</h3>
18+
<p class="description">{{ menuitem.description }}</p>
19+
<p><a :href="menuitem.url" class="btn btn-primary" role="button" :class="menuitem.disabled ? 'disabled': ''">Abrir</a></p>
20+
</div>
21+
</div>
22+
</div>
23+
</template>
24+
25+
<style scoped>
26+
.title {
27+
font-variant-caps: all-small-caps;
28+
}
29+
.description {
30+
text-transform: capitalize;
31+
}
32+
</style>

‎resources/assets/js/app/menu/main.vue

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<script>
2+
import VdCard from './card.vue'
3+
export default {
4+
components: {
5+
VdCard
6+
},
7+
data (){
8+
return {
9+
menuitems: [
10+
{
11+
title: 'usuarios',
12+
description: 'cadastro de usuários',
13+
url: '/usuarios',
14+
img: 'imgs/users.png',
15+
disabled: false,
16+
},
17+
{
18+
title: 'endereços',
19+
description: 'cadastro de endereços',
20+
url: '/enderecos',
21+
img: 'imgs/addresses.png',
22+
disabled: true,
23+
}
24+
]
25+
}
26+
},
27+
}
28+
</script>
29+
30+
<template>
31+
<div>
32+
<div class="row">
33+
<div class="col-sm-6 col-md-4" v-for="menuitem in menuitems">
34+
<vd-card :menuitem="menuitem"></vd-card>
35+
</div>
36+
</div>
37+
</div>
38+
</template>

‎resources/views/welcome.blade.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<h1>
1515
<i class="fa fa-fw fa-github"></i>Curso Laravel 5.3 e Vue.Js 2.0
1616
</h1>
17-
<primeiro-componente></primeiro-componente>
17+
<vd-menu></vd-menu>
1818
</div>
1919

2020
<script src="{{ elixir('js/app.js') }}"></script>

0 commit comments

Comments
 (0)
0