commit | author | age
|
875958
|
1 |
<template> |
D |
2 |
<div> |
|
3 |
<md-card> |
18187d
|
4 |
|
875958
|
5 |
<md-card-header class="remove-padding"> |
D |
6 |
<Header/> |
|
7 |
</md-card-header> |
18187d
|
8 |
|
875958
|
9 |
<md-card-content> |
82de6c
|
10 |
<NewTodo placeholderMsg="Add a new todos here"/> |
D |
11 |
<ListOfTodos todos="this.todos"/> |
26aabc
|
12 |
<XofYItems/> |
875958
|
13 |
</md-card-content> |
18187d
|
14 |
|
D |
15 |
<div class="image-footer"> |
b03f98
|
16 |
<img class="image-footer-logo" src="@/assets/oil-protobadge.png" alt="Open Innovation Labs logo" /> |
18187d
|
17 |
</div> |
D |
18 |
|
875958
|
19 |
</md-card> |
D |
20 |
</div> |
|
21 |
</template> |
|
22 |
|
|
23 |
<script> |
|
24 |
// @ is an alias to /src |
|
25 |
import Header from "@/components/Header.vue"; |
82de6c
|
26 |
import NewTodo from "@/components/NewTodo.vue"; |
D |
27 |
import ListOfTodos from "@/components/ListOfTodos.vue"; |
26aabc
|
28 |
import XofYItems from "@/components/XofYItems.vue"; |
d3c92c
|
29 |
import { mapMutations } from "vuex"; |
875958
|
30 |
|
D |
31 |
export default { |
|
32 |
name: "Todo", |
|
33 |
components: { |
|
34 |
Header, |
82de6c
|
35 |
ListOfTodos, |
26aabc
|
36 |
NewTodo, |
A |
37 |
XofYItems |
82de6c
|
38 |
}, |
D |
39 |
methods: { |
d3c92c
|
40 |
...mapMutations(["editTodo", "toggleTodo", "deleteTodo"]) |
D |
41 |
} |
875958
|
42 |
}; |
D |
43 |
</script> |
|
44 |
|
|
45 |
<style lang="scss" scoped> |
3f23cc
|
46 |
.remove-padding { |
A |
47 |
padding: 0px; |
|
48 |
} |
|
49 |
.md-card { |
|
50 |
width: 480px; |
|
51 |
margin: 4px; |
|
52 |
display: inline-block; |
|
53 |
vertical-align: top; |
|
54 |
} |
|
55 |
.image-footer { |
|
56 |
border-top: solid; |
|
57 |
margin-top: 1px; |
|
58 |
} |
|
59 |
.image-footer-logo { |
|
60 |
padding: 5px 0px 5px 0px; |
|
61 |
height: 55px; |
|
62 |
} |
875958
|
63 |
</style> |