Implement important sites dialog for desktop.

chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js

Index: chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js
diff --git a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js
index 5c8d55722aeff98d7b8e3bde1df11083fb4a7bb0..414234076b7a6c074aecf58d75257b0099c656d1 100644
--- a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js
+++ b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.js
@@ -28,8 +28,9 @@ Polymer({
      */
     counters_: {
       type: Object,
-      value: {
-        // Will be filled as results are reported.
+      // Will be filled as results are reported.
+      value: function() {
+        return {};
       }
     },
 
@@ -60,6 +61,21 @@ Polymer({
       type: Boolean,
       value: false,
     },
+
+    /** @private {!Array<ImportantSite>} */
+    importantSites_: {
+      type: Array,
+      value: function() {
+        return [];
+      }
+    },
+
+    /** @private */
+    importantSitesFlagEnabled_: {
+      type: Boolean,
+      value: false,
+    },
+
   },
 
   /** @private {settings.ClearBrowsingDataBrowserProxy} */
@@ -80,9 +96,21 @@ Polymer({
   attached: function() {
     this.browserProxy_ =
         settings.ClearBrowsingDataBrowserProxyImpl.getInstance();
-    this.browserProxy_.initialize().then(function() {
-      this.$.dialog.showModal();
-    }.bind(this));
+    this.browserProxy_.initialize()
+        .then(function() {
+          this.$.clearBrowsingDataDialog.showModal();
+          return this.browserProxy_.fetchImportantSites();
+        }.bind(this))
+        .then(this.receiveImportantSites.bind(this));
+  },
+
+  /**
+   * @param {!ImportantSitesResponse} result
+   * @private
+   */
+  receiveImportantSites: function(result) {

[michaelpg, 2017/05/03 21:48:05]

add trailing underscore for @private

[dullweber, 2017/05/04 08:31:08]

Done.

+    this.importantSitesFlagEnabled_ = result.flagEnabled;
+    this.set('importantSites_', result.importantSites);
   },
 
   /**
@@ -96,7 +124,7 @@ Polymer({
   updateFooter_: function(syncing, otherFormsOfBrowsingHistory) {
     this.$.googleFooter.hidden = !otherFormsOfBrowsingHistory;
     this.$.syncedDataSentence.hidden = !syncing;
-    this.$.dialog.classList.add('fully-rendered');
+    this.$.clearBrowsingDataDialog.classList.add('fully-rendered');
   },
 
   /**
@@ -113,30 +141,79 @@ Polymer({
     this.set('counters_.' + assert(matches[1]), text);
   },
 
+  /** @private */

[michaelpg, 2017/05/03 21:48:05]

document @return value

[dullweber, 2017/05/04 08:31:08]

Done.

+  shouldShowImportantSites_: function() {
+    if (!this.importantSitesFlagEnabled_)
+      return false;
+    if (!this.$.cookiesCheckbox.checked && !this.$.cacheCheckbox.checked) {

[michaelpg, 2017/05/03 21:48:05]

nit: no {} here for consistency with above

[dullweber, 2017/05/04 08:31:08]

Done.

+      return false;
+    }
+    var haveImportantSites = this.importantSites_.length > 0;
+    chrome.send(
+        'metricsHandler:recordBooleanHistogram',
+        ['History.ClearBrowsingData.ImportantDialogShown', haveImportantSites]);
+    return haveImportantSites;
+  },
+
   /**
    * Handles the tap on the Clear Data button.
    * @private
    */
   onClearBrowsingDataTap_: function() {
+    if (this.shouldShowImportantSites_()) {
+      this.$.importantSitesDialog.showModal();
+      this.$.clearBrowsingDataDialog.close();
+    } else {
+      this.clearBrowsingData_()
+    }
+  },
+
+  onClearBrowsingDataDialogClose_: function(event) {
+    // Stop event propagation if another dialog is shown to prevent the
+    // privacy-page from closing this dialog.
+    if (this.$.importantSitesDialog.open)
+      event.stopPropagation()
+  },
+
+  clearBrowsingData_: function() {
     this.clearingInProgress_ = true;
 
-    this.browserProxy_.clearBrowsingData().then(
-      /**
-       * @param {boolean} shouldShowNotice Whether we should show the notice
-       *     about other forms of browsing history before closing the dialog.
-       */
-      function(shouldShowNotice) {
-        this.clearingInProgress_ = false;
-        this.showHistoryDeletionDialog_ = shouldShowNotice;
-
-        if (!shouldShowNotice)
-          this.$.dialog.close();
-      }.bind(this));
+    this.browserProxy_.clearBrowsingData(this.importantSites_)
+        .then(
+            /**
+             * @param {boolean} shouldShowNotice Whether we should show the
+             * notice about other forms of browsing history before closing the
+             * dialog.
+             */
+            function(shouldShowNotice) {
+              this.clearingInProgress_ = false;
+              this.showHistoryDeletionDialog_ = shouldShowNotice;
+
+              if (!shouldShowNotice) {
+                if (this.$.clearBrowsingDataDialog.open)
+                  this.$.clearBrowsingDataDialog.close();
+                if (this.$.importantSitesDialog.open)
+                  this.$.importantSitesDialog.close();
+              }
+            }.bind(this));
   },
 
   /** @private */
   onCancelTap_: function() {
-    this.$.dialog.cancel();
+    this.$.clearBrowsingDataDialog.cancel();
+  },
+
+  /**
+   * Handles the tap confirm button in important sites.
+   * @private
+   */
+  onImportantSitesConfirmTap_: function() {
+    this.clearBrowsingData_();
+  },
+
+  /** @private */
+  onImportantSitesCancelTap_: function() {
+    this.$.importantSitesDialog.cancel();
   },
 
   /**
@@ -145,6 +222,10 @@ Polymer({
    */
   onHistoryDeletionDialogClose_: function() {
     this.showHistoryDeletionDialog_ = false;
-    this.$.dialog.close();
-  }
+    if (this.$.clearBrowsingDataDialog.open)
+      this.$.clearBrowsingDataDialog.close();
+    if (this.$.importantSitesDialog.open)
+      this.$.importantSitesDialog.close();
+  },
+
 });