Matteo Pagliazzi
4978a62829
* client: semantic ui -> bootstrap 4 and less -> scss * start porting components to boostrap * port header, start porting menu * port loading screen * port most of the menu * port secondary menus * port guilds and stable * disable tavern for now, port inbox * typo * put back old tavern code
26 lines
476 B
Vue
26 lines
476 B
Vue
<template lang="pug">
|
|
.row
|
|
.col(v-for="taskType in tasksTypes")
|
|
h3 {{taskType}}s
|
|
ul
|
|
task(v-for="task in tasks", v-if="task.type === taskType", :key="task.id", :task="task")
|
|
</template>
|
|
|
|
<script>
|
|
import Task from './task';
|
|
import { mapState } from '../store';
|
|
|
|
export default {
|
|
components: {
|
|
Task,
|
|
},
|
|
data () {
|
|
return {
|
|
tasksTypes: ['habit', 'daily', 'todo', 'reward'],
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState(['tasks']),
|
|
},
|
|
};
|
|
</script> |