summaryrefslogtreecommitdiffstats
path: root/gfx/wr/debugger/src/components/OptionsPage.vue
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 14:29:10 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 14:29:10 +0000
commit2aa4a82499d4becd2284cdb482213d541b8804dd (patch)
treeb80bf8bf13c3766139fbacc530efd0dd9d54394c /gfx/wr/debugger/src/components/OptionsPage.vue
parentInitial commit. (diff)
downloadfirefox-upstream.tar.xz
firefox-upstream.zip
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'gfx/wr/debugger/src/components/OptionsPage.vue')
-rw-r--r--gfx/wr/debugger/src/components/OptionsPage.vue162
1 files changed, 162 insertions, 0 deletions
diff --git a/gfx/wr/debugger/src/components/OptionsPage.vue b/gfx/wr/debugger/src/components/OptionsPage.vue
new file mode 100644
index 0000000000..fd8288c42c
--- /dev/null
+++ b/gfx/wr/debugger/src/components/OptionsPage.vue
@@ -0,0 +1,162 @@
+<template>
+ <div class="box">
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setProfiler($event.target.checked)">
+ Profiler
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setTextureCacheDebugger($event.target.checked)">
+ Texture cache debugger
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setRenderTargetDebugger($event.target.checked)">
+ Render target debugger
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setAlphaRectsDebugger($event.target.checked)">
+ Alpha primitive rects debugger
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setGpuTimeQueries($event.target.checked)">
+ Enable GPU time queries
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setGpuSampleQueries($event.target.checked)">
+ Enable GPU sample queries
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setOpaquePass(!$event.target.checked)">
+ Disable opaque pass
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setAlphaPass(!$event.target.checked)">
+ Disable alpha pass
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setClipMasks(!$event.target.checked)">
+ Disable clip masks
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setTextPrims(!$event.target.checked)">
+ Disable text primitives
+ </label>
+ </div>
+ <div class="field">
+ <label class="checkbox">
+ <input type="checkbox" :disabled="disabled" v-on:click="setGradientPrims(!$event.target.checked)">
+ Disable gradient primitives
+ </label>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ computed: {
+ disabled() {
+ return !this.$store.state.connected
+ }
+ },
+ methods: {
+ setProfiler(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_profiler");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_profiler");
+ }
+ },
+ setTextureCacheDebugger(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_texture_cache_debug");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_texture_cache_debug");
+ }
+ },
+ setRenderTargetDebugger(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_render_target_debug");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_render_target_debug");
+ }
+ },
+ setAlphaRectsDebugger(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_alpha_rects_debug");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_alpha_rects_debug");
+ }
+ },
+ setGpuTimeQueries(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_gpu_time_queries");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_gpu_time_queries");
+ }
+ },
+ setGpuSampleQueries(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_gpu_sample_queries");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_gpu_sample_queries");
+ }
+ },
+ setOpaquePass(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_opaque_pass");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_opaque_pass");
+ }
+ },
+ setAlphaPass(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_alpha_pass");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_alpha_pass");
+ }
+ },
+ setClipMasks(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_clip_masks");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_clip_masks");
+ }
+ },
+ setTextPrims(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_text_prims");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_text_prims");
+ }
+ },
+ setGradientPrims(enabled) {
+ if (enabled) {
+ this.$store.dispatch('sendMessage', "enable_gradient_prims");
+ } else {
+ this.$store.dispatch('sendMessage', "disable_gradient_prims");
+ }
+ }
+ },
+}
+</script>
+
+<style>
+</style>