1 files changed, 37 insertions, 0 deletions
diff --git a/gfx/wr/debugger/src/components/RenderTaskViewPage.vue b/gfx/wr/debugger/src/components/RenderTaskViewPage.vue
new file mode 100644
index 0000000000..c3937fe0ce
--- /dev/null
+++ b/gfx/wr/debugger/src/components/RenderTaskViewPage.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="box">
+        <h1 class="title">Render Tasks <a :disabled="disabled" v-on:click="fetch" class="button is-info">Refresh</a></h1>
+        <hr/>
+        <div>
+            <ul>
+                <app-treeview :model=render_tasks></app-treeview>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+import TreeView from './TreeView.vue'
+
+export default {
+    components: {
+        'app-treeview': TreeView,
+    },
+    methods: {
+        fetch: function() {
+            this.$store.dispatch('sendMessage', "fetch_render_tasks");
+        }
+    },
+    computed: {
+        disabled() {
+            return !this.$store.state.connected
+        },
+        render_tasks() {
+            return this.$store.state.render_tasks
+        }
+    },
+}
+</script>
+
+<style>
+</style>