aboutsummaryrefslogtreecommitdiffstats
path: root/third_party/webrender/debugger/src/components/PassViewPage.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/PassViewPage.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/PassViewPage.vue')
-rw-r--r--third_party/webrender/debugger/src/components/PassViewPage.vue37
1 files changed, 37 insertions, 0 deletions
diff --git a/third_party/webrender/debugger/src/components/PassViewPage.vue b/third_party/webrender/debugger/src/components/PassViewPage.vue
new file mode 100644
index 00000000000..0ab6d7c4464
--- /dev/null
+++ b/third_party/webrender/debugger/src/components/PassViewPage.vue
@@ -0,0 +1,37 @@
+<template>
+ <div class="box">
+ <h1 class="title">Passes <a :disabled="disabled" v-on:click="fetch" class="button is-info">Refresh</a></h1>
+ <hr/>
+ <div v-for="(pass, pass_index) in passes">
+ <p class="has-text-black-bis">Pass {{pass_index}}</p>
+ <div v-for="(target, target_index) in pass.targets">
+ <p style="text-indent: 2em;" class="has-text-grey-dark">Target {{target_index}} ({{target.kind}})</p>
+ <div v-for="(batch, batch_index) in target.batches">
+ <p style="text-indent: 4em;" class="has-text-grey">Batch {{batch_index}} ({{batch.description}}, {{batch.kind}}, {{batch.count}} instances)</p>
+ </div>
+ </div>
+ <hr/>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ methods: {
+ fetch: function() {
+ this.$store.dispatch('sendMessage', "fetch_passes");
+ }
+ },
+ computed: {
+ disabled() {
+ return !this.$store.state.connected
+ },
+ passes() {
+ return this.$store.state.passes
+ }
+ },
+}
+</script>
+
+<style>
+</style>