diff options
author | Mukilan Thiyagarajan <mukilan@igalia.com> | 2023-09-14 15:00:42 +0530 |
---|---|---|
committer | Mukilan Thiyagarajan <mukilan@igalia.com> | 2023-09-14 15:00:42 +0530 |
commit | c385b3c9737c17d59cb02e520c3b68b232cb6497 (patch) | |
tree | ad598ffbbdfbcecd6a4cf458abe2afc702d92c27 /third_party/webrender/debugger/src/components/NavMenu.vue | |
parent | 988e05a68b48c9e744bf49459faf41a1bd9b81d7 (diff) | |
download | servo-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.vue | 33 |
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> |