Add SiteEngagementService::GetAllDetails(), to return detailed scores.

chrome/browser/resources/engagement/site_engagement.js

 // Copyright 2015 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.
 
 'use strict';
 
 // Allow a function to be provided by tests, which will be called when
 // the page has been populated with site engagement details.
 var pagePopulatedCallback = null;
 var isPagePopulated = false;
 
 function setPagePopulatedCallbackForTest(callback) {
   if (isPagePopulated) {
     callback();
   } else {
     pagePopulatedCallback = callback;
   }
 }
 
 function notifyPagePopulated() {
   isPagePopulated = true;
   if (pagePopulatedCallback) {
     pagePopulatedCallback();
     pagePopulatedCallback = null;
   }
 }
 
 define('main', [
-    'chrome/browser/engagement/site_engagement.mojom',
+    'chrome/browser/engagement/site_engagement_details.mojom',
     'content/public/renderer/frame_interfaces',
 ], function(siteEngagementMojom, frameInterfaces) {
   return function() {
-    var uiHandler = new siteEngagementMojom.SiteEngagementUIHandlerPtr(
+    var uiHandler = new siteEngagementMojom.SiteEngagementDetailsProviderPtr(
         frameInterfaces.getInterface(
-            siteEngagementMojom.SiteEngagementUIHandler.name));
+            siteEngagementMojom.SiteEngagementDetailsProvider.name));
 
     var engagementTableBody = $('engagement-table-body');
     var updateInterval = null;
     var info = null;
-    var sortKey = 'score';
+    var sortKey = 'base_score';
     var sortReverse = true;
 
     // Set table header sort handlers.
     var engagementTableHeader = $('engagement-table-header');
     var headers = engagementTableHeader.children;
     for (var i = 0; i < headers.length; i++) {
       headers[i].addEventListener('click', function(e) {
         var newSortKey = e.target.getAttribute('sort-key');
         if (sortKey == newSortKey) {
           sortReverse = !sortReverse;
         } else {
           sortKey = newSortKey;
           sortReverse = false;
         }
         var oldSortColumn = document.querySelector('.sort-column');
         oldSortColumn.classList.remove('sort-column');
         e.target.classList.add('sort-column');
         if (sortReverse)
           e.target.setAttribute('sort-reverse', '');
         else
           e.target.removeAttribute('sort-reverse');
         renderTable();
       });
     }
 
     /**
      * Creates a single row in the engagement table.
-     * @param {SiteEngagementInfo} info The info to create the row from.
+     * @param {SiteEngagementDetails} info The info to create the row from.
      * @return {HTMLElement}
      */
     function createRow(info) {
       var originCell = createElementWithClassName('td', 'origin-cell');
       originCell.textContent = info.origin.url;
 
       var scoreInput = createElementWithClassName('input', 'score-input');
       scoreInput.addEventListener(
           'change', handleScoreChange.bind(undefined, info.origin));
       scoreInput.addEventListener('focus', disableAutoupdate);
       scoreInput.addEventListener('blur', enableAutoupdate);
-      scoreInput.value = info.score;
+      scoreInput.value = info.base_score;
 
       var scoreCell = createElementWithClassName('td', 'score-cell');
       scoreCell.appendChild(scoreInput);
 
       var engagementBar = createElementWithClassName('div', 'engagement-bar');
-      engagementBar.style.width = (info.score * 4) + 'px';
+      engagementBar.style.width = (info.base_score * 4) + 'px';
 
       var engagementBarCell =
           createElementWithClassName('td', 'engagement-bar-cell');
       engagementBarCell.appendChild(engagementBar);
 
       var row = document.createElement('tr');
       row.appendChild(originCell);
       row.appendChild(scoreCell);
       row.appendChild(engagementBarCell);
 
@@ skipping 41 matching lines @@
      * Sort the engagement info based on |sortKey| and |sortReverse|.
      */
     function sortInfo() {
       info.sort(function(a, b) {
         return (sortReverse ? -1 : 1) *
                compareTableItem(sortKey, a, b);
       });
     }
 
     /**
-     * Compares two SiteEngagementInfo objects based on |sortKey|.
+     * Compares two SiteEngagementDetails objects based on |sortKey|.
      * @param {string} sortKey The name of the property to sort by.
      * @return {number} A negative number if |a| should be ordered before |b|, a
      * positive number otherwise.
      */
     function compareTableItem(sortKey, a, b) {
       var val1 = a[sortKey];
       var val2 = b[sortKey];
 
       // Compare the hosts of the origin ignoring schemes.
       if (sortKey == 'origin')
         return new URL(val1.url).host > new URL(val2.url).host ? 1 : -1;
 
-      if (sortKey == 'score')
+      if (sortKey == 'base_score')
         return val1 - val2;
 
       assertNotReached('Unsupported sort key: ' + sortKey);
       return 0;
     }
 
     /**
      * Regenerates the engagement table from |info|.
      */
     function renderTable() {
       clearTable();
       sortInfo();
       // Round each score to 2 decimal places.
       info.forEach(function(info) {
-        info.score = Number(Math.round(info.score * 100) / 100);
+        info.base_score = Number(Math.round(info.base_score * 100) / 100);
         engagementTableBody.appendChild(createRow(info));
       });
 
       notifyPagePopulated();
     }
 
     /**
      * Retrieve site engagement info and render the engagement table.
      */
     function updateEngagementTable() {
       // Populate engagement table.
-      uiHandler.getSiteEngagementInfo().then(function(response) {
+      uiHandler.getSiteEngagementDetails().then(function(response) {
         info = response.info;
         renderTable(info);
       });
     };
 
     updateEngagementTable();
     enableAutoupdate();
   };
 });