commit 0eff36658920f1f66a0ee496e103aa3123994f35
author Treehugger Robot <treehugger-gerrit@google.com> Wed Sep 19 17:15:42 2018 +0000
committer Gerrit Code Review <noreply-gerritcodereview@google.com> Wed Sep 19 17:15:42 2018 +0000
tree dcf5d29642d6ff0a9a2ddd42cae97f3ce5ddbf92
parent 2d4aa92791342894509ed3b1326cef20fe01098b
parent 8f247a349870b0353be23a3f148979f266179ec6

Merge "perfetto-ui: Add Chrome example button"

ui/src/frontend/sidebar.ts

diff --git a/ui/src/frontend/sidebar.ts b/ui/src/frontend/sidebar.ts
index 76e6435..15b9085 100644
--- a/ui/src/frontend/sidebar.ts
+++ b/ui/src/frontend/sidebar.ts
@@ -64,9 +64,12 @@
   };
 }
 
-const EXAMPLE_TRACE_URL =
+const EXAMPLE_ANDROID_TRACE_URL =
     'https://storage.googleapis.com/perfetto-misc/example_trace_30s';
 
+const EXAMPLE_CHROME_TRACE_URL =
+    'https://storage.googleapis.com/perfetto-misc/example_chrome_trace_10s.json';
+
 const SECTIONS = [
   {
     title: 'Traces',
@@ -74,7 +77,16 @@
     expanded: true,
     items: [
       {t: 'Open trace file', a: popupFileSelectionDialog, i: 'folder_open'},
-      {t: 'Open example trace', a: handleOpenTraceUrl, i: 'description'},
+      {
+        t: 'Open Android example',
+        a: openTraceUrl(EXAMPLE_ANDROID_TRACE_URL),
+        i: 'description'
+      },
+      {
+        t: 'Open Chrome example',
+        a: openTraceUrl(EXAMPLE_CHROME_TRACE_URL),
+        i: 'description'
+      },
       {t: 'Record new trace', a: navigateRecord, i: 'fiber_smart_record'},
       {t: 'Share current trace', a: dispatchCreatePermalink, i: 'share'},
     ],
@@ -133,9 +145,11 @@
   (document.querySelector('input[type=file]')! as HTMLInputElement).click();
 }
 
-function handleOpenTraceUrl(e: Event) {
-  e.preventDefault();
-  globals.dispatch(openTraceFromUrl(EXAMPLE_TRACE_URL));
+function openTraceUrl(url: string): (e: Event) => void {
+  return e => {
+    e.preventDefault();
+    globals.dispatch(openTraceFromUrl(url));
+  };
 }
 
 function onInputElementFileSelectionChanged(e: Event) {