Revamp Autofill Wallet settings

chrome/browser/resources/options/autofill_options.js

 // Copyright (c) 2012 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.
 
 /**
  * @typedef {{
  *   creditCardNumber: string,
  *   expirationMonth: string,
  *   expirationYear: string,
  *   guid: string,
@@ skipping 163 matching lines @@
      * @param {string=} metricsAction The name of the action to log for metrics.
      * @private
      */
     removeData_: function(guid, metricsAction) {
       chrome.send('removeData', [guid]);
       if (metricsAction)
         chrome.send('coreOptionsUserMetricsAction', [metricsAction]);
     },
 
     /**
-     * Requests profile data for the address represented by |guid| from the
-     * PersonalDataManager. Once the data is loaded, the AutofillOptionsHandler
-     * calls showEditAddressOverlay().
-     * @param {string} guid The GUID of the address to edit.
+     * For local Autofill data, this function causes the AutofillOptionsHandler
+     * to call showEditAddressOverlay(). For Wallet data, the user is
+     * redirected to the Wallet web interface.
+     * @param {Object} entry The relevant entry in data model.
      * @private
      */
-    loadAddressEditor_: function(guid) {
-      chrome.send('loadAddressEditor', [guid]);
+    loadAddressEditor_: function(entry) {
+      if (entry.isLocal)
+        chrome.send('loadAddressEditor', [entry.guid]);
+      else
+        window.open(loadTimeData.getString('manageWalletAddressesUrl'));
     },
 
     /**
-     * Requests profile data for the credit card represented by |guid| from the
-     * PersonalDataManager. Once the data is loaded, the AutofillOptionsHandler
-     * calls showEditCreditCardOverlay().
-     * @param {string} guid The GUID of the credit card to edit.
+     * For local Autofill data, this function causes the AutofillOptionsHandler
+     * to call showEditCreditCardOverlay(). For Wallet data, the user is
+     * redirected to the Wallet web interface.
+     * @param {Object} entry The relevant entry in data model.
      * @private
      */
-    loadCreditCardEditor_: function(guid) {
-      chrome.send('loadCreditCardEditor', [guid]);
+    loadCreditCardEditor_: function(entry) {
+      if (entry.isLocal)
+        chrome.send('loadCreditCardEditor', [entry.guid]);
+      else
+        window.open(loadTimeData.getString('manageWalletPaymentMethodsUrl'));
     },
 
     /**
      * Shows the 'Edit address' overlay, using the data in |address| to fill the
      * input fields. |address| is a list with one item, an associative array
      * that contains the address data.
      * @private
      */
     showEditAddressOverlay_: function(address) {
       var title = loadTimeData.getString('editAddressTitle');
@@ skipping 22 matching lines @@
   };
 
   AutofillOptions.setCreditCardList = function(entries) {
     AutofillOptions.getInstance().setCreditCardList_(entries);
   };
 
   AutofillOptions.removeData = function(guid, metricsAction) {
     AutofillOptions.getInstance().removeData_(guid, metricsAction);
   };
 
-  AutofillOptions.loadAddressEditor = function(guid) {
-    AutofillOptions.getInstance().loadAddressEditor_(guid);
+  AutofillOptions.loadAddressEditor = function(entry) {
+    AutofillOptions.getInstance().loadAddressEditor_(entry);
   };
 
-  AutofillOptions.loadCreditCardEditor = function(guid) {
-    AutofillOptions.getInstance().loadCreditCardEditor_(guid);
+  AutofillOptions.loadCreditCardEditor = function(entry) {
+    AutofillOptions.getInstance().loadCreditCardEditor_(entry);
   };
 
   AutofillOptions.editAddress = function(address) {
     AutofillOptions.getInstance().showEditAddressOverlay_(address);
   };
 
   /**
    * @param {CreditCardData} creditCard
    */
   AutofillOptions.editCreditCard = function(creditCard) {
     AutofillOptions.getInstance().showEditCreditCardOverlay_(creditCard);
   };
 
   // Export
   return {
     AutofillOptions: AutofillOptions
   };
 
 });