1<template> 2 <div class="box"> 3 <h1 class="title">Render Tasks <a :disabled="disabled" v-on:click="fetch" class="button is-info">Refresh</a></h1> 4 <hr/> 5 <div> 6 <ul> 7 <app-treeview :model=render_tasks></app-treeview> 8 </ul> 9 </div> 10 </div> 11</template> 12 13<script> 14import TreeView from './TreeView.vue' 15 16export default { 17 components: { 18 'app-treeview': TreeView, 19 }, 20 methods: { 21 fetch: function() { 22 this.$store.dispatch('sendMessage', "fetch_render_tasks"); 23 } 24 }, 25 computed: { 26 disabled() { 27 return !this.$store.state.connected 28 }, 29 render_tasks() { 30 return this.$store.state.render_tasks 31 } 32 }, 33} 34</script> 35 36<style> 37</style> 38