[MD History] Add UMA stats for switching views and the CBD button.

chrome/browser/resources/md_history/app.crisper.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 function PromiseResolver() {
   this.resolve_;
   this.reject_;
   this.promise_ = new Promise(function(resolve, reject) {
     this.resolve_ = resolve;
     this.reject_ = reject;
   }.bind(this));
@@ skipping 6588 matching lines @@
     },
     openForeignSessionTab: function(sessionTag, windowId, tabId, e) {
       chrome.send('openForeignSession', [ sessionTag, String(windowId), String(tabId), e.button || 0, e.altKey, e.ctrlKey, e.metaKey, e.shiftKey ]);
     },
     deleteForeignSession: function(sessionTag) {
       chrome.send('deleteForeignSession', [ sessionTag ]);
     },
     openClearBrowsingData: function() {
       chrome.send('clearBrowsingData');
     },
+    recordHistogram: function(histogram, value, max) {
+      chrome.send('metricsHandler:recordInHistogram', [ histogram, value, max ]);
+    },
     recordAction: function(actionDesc) {
       chrome.send('metricsHandler:recordAction', [ actionDesc ]);
     },
     resolveDelete_: function(successful) {
       if (this.pendingDeleteItems_ == null || this.pendingDeletePromise_ == null) {
         return;
       }
       if (successful) this.pendingDeletePromise_.resolve(this.pendingDeleteItems_); else this.pendingDeletePromise_.reject(this.pendingDeleteItems_);
       this.pendingDeleteItems_ = null;
       this.pendingDeletePromise_ = null;
@@ skipping 1524 matching lines @@
 });
 
 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 Polymer({
   is: 'history-list-container',
   properties: {
     selectedPage_: String,
     grouped: Boolean,
+    groupedRange: {
+      type: Number,
+      observer: 'groupedRangeChanged_'
+    },
     queryState: Object,
     queryResult: Object
   },
-  observers: [ 'groupedRangeChanged_(queryState.range)' ],
   listeners: {
     'history-list-scrolled': 'closeMenu_',
     'load-more-history': 'loadMoreHistory_',
     'toggle-menu': 'toggleMenu_'
   },
   historyResult: function(info, results) {
     this.initializeResults_(info, results);
     this.closeMenu_();
     if (this.selectedPage_ == 'grouped-list') {
       this.$$('#grouped-list').historyData = results;
@@ skipping 11 matching lines @@
     }
     var dialog = this.$.dialog.getIfExists();
     if (!incremental && dialog && dialog.open) dialog.close();
     this.set('queryState.querying', true);
     this.set('queryState.incremental', incremental);
     var lastVisitTime = 0;
     if (incremental) {
       var lastVisit = this.queryResult.results.slice(-1)[0];
       lastVisitTime = lastVisit ? lastVisit.time : 0;
     }
-    var maxResults = queryState.range == HistoryRange.ALL_TIME ? RESULTS_PER_PAGE : 0;
+    var maxResults = this.groupedRange == HistoryRange.ALL_TIME ? RESULTS_PER_PAGE : 0;
     chrome.send('queryHistory', [ queryState.searchTerm, queryState.groupedOffset, queryState.range, lastVisitTime, maxResults ]);
   },
   historyDeleted: function() {
     if (this.getSelectedItemCount() > 0) return;
     this.queryHistory(false);
   },
   getSelectedItemCount: function() {
     return this.getSelectedList_().selectedPaths.size;
   },
   unselectAllItems: function(count) {
     var selectedList = this.getSelectedList_();
     if (selectedList) selectedList.unselectAllItems(count);
   },
   deleteSelectedWithPrompt: function() {
     if (!loadTimeData.getBoolean('allowDeletingHistory')) return;
     this.$.dialog.get().then(function(dialog) {
       dialog.showModal();
     });
   },
-  groupedRangeChanged_: function(range) {
-    this.selectedPage_ = this.queryState.range == HistoryRange.ALL_TIME ? 'infinite-list' : 'grouped-list';
+  groupedRangeChanged_: function(range, oldRange) {
+    this.selectedPage_ = range == HistoryRange.ALL_TIME ? 'infinite-list' : 'grouped-list';
+    if (oldRange == undefined) return;
     this.queryHistory(false);
+    this.fire('history-view-changed');
   },
   loadMoreHistory_: function() {
     this.queryHistory(true);
   },
   initializeResults_: function(info, results) {
     if (results.length == 0) return;
     var currentDate = results[0].dateRelativeDay;
     for (var i = 0; i < results.length; i++) {
       results[i].selected = false;
       results[i].readableTimestamp = info.term == '' ? results[i].dateTimeOfDay : results[i].dateShort;
@@ skipping 112 matching lines @@
     searchTerm: {
       type: String,
       observer: 'searchTermChanged'
     },
     syncedDevices_: {
       type: Array,
       value: function() {
         return [];
       }
     },
-    signInState_: {
+    signInState: {
       type: Boolean,
-      value: loadTimeData.getBoolean('isUserSignedIn')
+      observer: 'signInStateChanged_'
     },
     guestSession_: {
       type: Boolean,
       value: loadTimeData.getBoolean('isGuestSession')
     },
     fetchingSyncedTabs_: {
       type: Boolean,
       value: false
     }
   },
@@ skipping 94 matching lines @@
         this.push('syncedDevices_', this.createInternalDevice_(sessionList[i]));
       }
     } else {
       this.splice('syncedDevices_', updateCount, this.syncedDevices_.length - updateCount);
     }
   },
   tabSyncDisabled: function() {
     this.fetchingSyncedTabs_ = false;
     this.clearDisplayedSyncedDevices_();
   },
-  updateSignInState: function(isUserSignedIn) {
-    if (this.signInState_ == isUserSignedIn) return;
-    this.signInState_ = isUserSignedIn;
-    if (!isUserSignedIn) {
+  signInStateChanged_: function() {
+    this.fire('history-view-changed');
+    if (!this.signInState) {
       this.clearDisplayedSyncedDevices_();
       return;
     }
     this.fetchingSyncedTabs_ = true;
   },
   searchTermChanged: function(searchTerm) {
     this.clearDisplayedSyncedDevices_();
     this.updateSyncedDevices(this.sessionList);
   }
 });
@@ skipping 17 matching lines @@
     showFooter: Boolean,
     drawer: {
       type: Boolean,
       reflectToAttribute: true
     }
   },
   onSelectorActivate_: function() {
     this.fire('history-close-drawer');
   },
   onClearBrowsingDataTap_: function(e) {
+    md_history.BrowserService.getInstance().recordAction('HistoryPage_InitClearBrowsingData');
     md_history.BrowserService.getInstance().openClearBrowsingData();
     e.preventDefault();
   },
   getQueryString_: function(route) {
     return window.location.search;
   }
 });
 
 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 Polymer({
   is: 'history-app',
   properties: {
     showSidebarFooter: Boolean,
     selectedPage_: {
       type: String,
-      value: 'history',
       observer: 'unselectAll'
     },
     grouped_: {
       type: Boolean,
       reflectToAttribute: true
     },
     queryState_: {
       type: Object,
       value: function() {
         return {
@@ skipping 17 matching lines @@
       value: function() {
         return {
           info: null,
           results: null,
           sessionList: null
         };
       }
     },
     routeData_: Object,
     queryParams_: Object,
-    hasDrawer_: Boolean
+    hasDrawer_: Boolean,
+    isUserSignedIn_: {
+      type: Boolean,
+      value: loadTimeData.getBoolean('isUserSignedIn')
+    }
   },
   observers: [ 'routeDataChanged_(routeData_.page)', 'selectedPageChanged_(selectedPage_)', 'searchTermChanged_(queryState_.searchTerm)', 'searchQueryParamChanged_(queryParams_.q)' ],
   listeners: {
     'cr-menu-tap': 'onMenuTap_',
     'history-checkbox-select': 'checkboxSelected',
     'unselect-all': 'unselectAll',
     'delete-selected': 'deleteSelected',
     'search-domain': 'searchDomain_',
-    'history-close-drawer': 'closeDrawer_'
+    'history-close-drawer': 'closeDrawer_',
+    'history-view-changed': 'recordHistoryPageView_'
   },
   ready: function() {
     this.grouped_ = loadTimeData.getBoolean('groupByDomain');
     cr.ui.decorate('command', cr.ui.Command);
     document.addEventListener('canExecute', this.onCanExecute_.bind(this));
     document.addEventListener('command', this.onCommand_.bind(this));
     if (window.location.hash) {
       window.location.href = window.location.href.split('#')[0] + '?' + window.location.hash.substr(1);
     }
   },
@@ skipping 67 matching lines @@
       var syncedDeviceManagerElem = this.$$('history-synced-device-manager');
       if (syncedDeviceManagerElem) syncedDeviceManagerElem.tabSyncDisabled();
       return;
     }
     this.set('queryResult_.sessionList', sessionList);
   },
   historyDeleted: function() {
     this.$.history.historyDeleted();
   },
   updateSignInState: function(isUserSignedIn) {
-    var syncedDeviceManagerElem = this.$$('history-synced-device-manager');
-    if (syncedDeviceManagerElem) syncedDeviceManagerElem.updateSignInState(isUserSignedIn);
+    this.isUserSignedIn_ = isUserSignedIn;
   },
   syncedTabsSelected_: function(selectedPage) {
     return selectedPage == 'syncedTabs';
   },
   shouldShowSpinner_: function(querying, incremental, searchTerm) {
     return querying && !incremental && searchTerm != '';
   },
   routeDataChanged_: function(page) {
     this.selectedPage_ = page;
   },
   selectedPageChanged_: function(selectedPage) {
     this.set('routeData_.page', selectedPage);
+    this.recordHistoryPageView_();
   },
   getSelectedPage_: function(selectedPage, items) {
     return selectedPage;
   },
   closeDrawer_: function() {
     var drawer = this.$$('#drawer');
     if (drawer) drawer.close();
+  },
+  recordHistoryPageView_: function() {
+    var histogramValue = HistoryPageViewHistogram.END;
+    switch (this.selectedPage_) {
+     case 'syncedTabs':
+      histogramValue = this.isUserSignedIn_ ? HistoryPageViewHistogram.SYNCED_TABS : HistoryPageViewHistogram.SIGNIN_PROMO;
+      break;
+
+     default:
+      switch (this.queryState_.range) {
+       case HistoryRange.ALL_TIME:
+        histogramValue = HistoryPageViewHistogram.HISTORY;
+        break;
+
+       case HistoryRange.WEEK:
+        histogramValue = HistoryPageViewHistogram.GROUPED_WEEK;
+        break;
+
+       case HistoryRange.MONTH:
+        histogramValue = HistoryPageViewHistogram.GROUPED_MONTH;
+        break;
+      }
+      break;
+    }
+    md_history.BrowserService.getInstance().recordHistogram('History.HistoryPageView', histogramValue, HistoryPageViewHistogram.END);
   }
 });