[Sync] Add a simple UI to sync-internals to create UserEvents.

components/sync/driver/resources/sync_index.js

Index: components/sync/driver/resources/sync_index.js
diff --git a/components/sync/driver/resources/sync_index.js b/components/sync/driver/resources/sync_index.js
index 7cce623df43f1377c4a570c4278ab508bc8777ee..87cbab3a173575cc885fb8040d0f590bd26355cf 100644
--- a/components/sync/driver/resources/sync_index.js
+++ b/components/sync/driver/resources/sync_index.js
@@ -10,3 +10,20 @@ if (cr.isWindows)
   document.documentElement.setAttribute('os', 'win');
 
 cr.ui.decorate('tabbox', cr.ui.TabBox);
+
+cr.define('chrome.sync.index', function() {
+  function setUserEventsTabVisibility(visible) {
+    $('sync-user-events-tab').hidden = !visible;
+  }
+
+  function onLoad() {
+    chrome.sync.userEventsVisibilityCallback = setUserEventsTabVisibility;
+    chrome.sync.requestUserEventsVisibility();
+  }
+
+  return {
+    onLoad: onLoad
+  };
+});
+
+document.addEventListener('DOMContentLoaded', chrome.sync.index.onLoad, false);