aboutsummaryrefslogtreecommitdiffstats
path: root/third_party/webrender/debugger/src/components/NavMenu.vue
diff options
context:
space:
mode:
authorMukilan Thiyagarajan <mukilan@igalia.com>2023-09-14 15:00:42 +0530
committerMukilan Thiyagarajan <mukilan@igalia.com>2023-09-14 15:00:42 +0530
commitc385b3c9737c17d59cb02e520c3b68b232cb6497 (patch)
treead598ffbbdfbcecd6a4cf458abe2afc702d92c27 /third_party/webrender/debugger/src/components/NavMenu.vue
parent988e05a68b48c9e744bf49459faf41a1bd9b81d7 (diff)
downloadservo-revert-webrender.tar.gz
servo-revert-webrender.zip
Revert "Upgrade WebRender to e491e1ae637b2eed1e7195855d88357e5eb3ddf9 (#30323)"revert-webrender
This reverts commit a9d37cb85ac2c55fc630fccffe1ba60ff00f555b.
Diffstat (limited to 'third_party/webrender/debugger/src/components/NavMenu.vue')
-rw-r--r--third_party/webrender/debugger/src/components/NavMenu.vue33
1 files changed, 33 insertions, 0 deletions
diff --git a/third_party/webrender/debugger/src/components/NavMenu.vue b/third_party/webrender/debugger/src/components/NavMenu.vue
new file mode 100644
index 00000000000..5a7cc3512a4
--- /dev/null
+++ b/third_party/webrender/debugger/src/components/NavMenu.vue
@@ -0,0 +1,33 @@
+<template>
+ <aside class="menu">
+ <p class="menu-label">
+ Pages
+ </p>
+ <ul class="menu-list">
+ <li><a @click="setPage('options')" :class="{ 'is-active': page == 'options' }">Debug Options</a></li>
+ <li><a @click="setPage('passes')" :class="{ 'is-active': page == 'passes' }">Passes</a></li>
+ <li><a @click="setPage('render_tasks')" :class="{ 'is-active': page == 'render_tasks' }">Render Tasks</a></li>
+ <li><a @click="setPage('documents')" :class="{ 'is-active': page == 'documents' }">Documents</a></li>
+ <li><a @click="setPage('clip_scroll_tree')" v-bind:class="{ 'is-active': page == 'clip_scroll_tree' }">Clip-Scroll Tree</a></li>
+ <li><a @click="setPage('screenshot')" v-bind:class="{ 'is-active': page == 'screenshot' }">Screenshot</a></li>
+ </ul>
+ </aside>
+</template>
+
+<script>
+export default {
+ methods: {
+ setPage(name) {
+ this.$store.commit('setPage', name);
+ },
+ },
+ computed: {
+ page() {
+ return this.$store.state.page;
+ }
+ },
+}
+</script>
+
+<style>
+</style>