1 files changed, 56 insertions, 0 deletions
diff --git a/tools/winscope/src/SurfaceFlingerTraceView.vue b/tools/winscope/src/SurfaceFlingerTraceView.vue
new file mode 100644
index 000000000..9b9c6ed23
--- /dev/null
+++ b/tools/winscope/src/SurfaceFlingerTraceView.vue
@@ -0,0 +1,56 @@
+<!-- Copyright (C) 2020 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+
+<template>
+  <TraceView :store="store" :file="file" :summarizer="summarizer" />
+</template>
+
+<script>
+import TraceView from '@/TraceView.vue';
+
+export default {
+  name: 'WindowManagerTraceView',
+  props: ['store', 'file'],
+  components: {
+    TraceView,
+  },
+  methods: {
+    summarizer(layer) {
+      const summary = [];
+
+      if (layer.invisibleDueTo) {
+        summary.push({key: 'Invisible due to', value: layer.invisibleDueTo});
+      }
+
+      if (layer.occludedBy?.length > 0) {
+        summary.push({key: 'Occluded by', value: layer.occludedBy.join(', ')});
+      }
+
+      if (layer.partiallyOccludedBy?.length > 0) {
+        summary.push({
+          key: 'Partially occluded by',
+          value: layer.partiallyOccludedBy.join(', '),
+        });
+      }
+
+      if (layer.coveredBy?.length > 0) {
+        summary.push({key: 'Covered by', value: layer.coveredBy.join(', ')});
+      }
+
+      return summary;
+    },
+  },
+};
+</script>