Add lists listing page
This commit is contained in:
parent
e18e179a59
commit
6e8c7460a2
6 changed files with 61 additions and 0 deletions
17
src/components/lists/lists.js
Normal file
17
src/components/lists/lists.js
Normal file
|
@ -0,0 +1,17 @@
|
|||
import ListCard from '../list_card/list_card.vue'
|
||||
|
||||
const Lists = {
|
||||
components: {
|
||||
ListCard
|
||||
},
|
||||
created () {
|
||||
this.$store.dispatch('startFetchingLists')
|
||||
},
|
||||
computed: {
|
||||
lists () {
|
||||
return this.$store.state.api.lists
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default Lists
|
18
src/components/lists/lists.vue
Normal file
18
src/components/lists/lists.vue
Normal file
|
@ -0,0 +1,18 @@
|
|||
<template>
|
||||
<div class="settings panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="title">
|
||||
{{ $t('lists.lists') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<ListCard
|
||||
v-for="list in lists.slice().reverse()"
|
||||
:key="list"
|
||||
:list="list"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="./lists.js"></script>
|
Loading…
Add table
Add a link
Reference in a new issue