Split OptionsPage into Page and PageManager

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.
 
 cr.define('options', function() {
-  var OptionsPage = options.OptionsPage;
+  var Page = cr.ui.pageManager.Page;
+  var PageManager = cr.ui.pageManager.PageManager;
   var ArrayDataModel = cr.ui.ArrayDataModel;
 
   /////////////////////////////////////////////////////////////////////////////
   // AutofillOptions class:
 
   /**
    * Encapsulated handling of Autofill options page.
    * @constructor
    */
   function AutofillOptions() {
-    OptionsPage.call(this,
-                     'autofill',
-                     loadTimeData.getString('autofillOptionsPageTabTitle'),
-                     'autofill-options');
+    Page.call(this, 'autofill',
+              loadTimeData.getString('autofillOptionsPageTabTitle'),
+              'autofill-options');
   }
 
   cr.addSingletonGetter(AutofillOptions);
 
   AutofillOptions.prototype = {
-    __proto__: OptionsPage.prototype,
+    __proto__: Page.prototype,
 
     /**
      * The address list.
      * @type {DeletableItemList}
      * @private
      */
     addressList_: null,
 
     /**
      * The credit card list.
      * @type {DeletableItemList}
      * @private
      */
     creditCardList_: null,
 
     /** @override */
     initializePage: function() {
-      OptionsPage.prototype.initializePage.call(this);
+      Page.prototype.initializePage.call(this);
 
       this.createAddressList_();
       this.createCreditCardList_();
 
       var self = this;
       $('autofill-add-address').onclick = function(event) {
         self.showAddAddressOverlay_();
       };
       $('autofill-add-creditcard').onclick = function(event) {
         self.showAddCreditCardOverlay_();
       };
       $('autofill-options-confirm').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
       };
 <if expr="is_macosx">
       $('autofill-use-mac-address-book-checkbox').onchange = function(event) {
         if (this.checked) {
           setTimeout(function() {
             // Prompt the user to give Chrome access to the user's Address
             // Book, if the user was not previously prompted. The dialog that
             // appears blocks the Chrome process, so wait for a small period of
             // time to allow the checkbox to appear filled in.
             chrome.send('accessAddressBook');
@@ skipping 28 matching lines @@
     },
 
     /**
      * Shows the 'Add address' overlay, specifically by loading the
      * 'Edit address' overlay and modifying the overlay title.
      * @private
      */
     showAddAddressOverlay_: function() {
       var title = loadTimeData.getString('addAddressTitle');
       AutofillEditAddressOverlay.setTitle(title);
-      OptionsPage.navigateToPage('autofillEditAddress');
+      PageManager.showPageByName('autofillEditAddress');
     },
 
     /**
      * Shows the 'Add credit card' overlay, specifically by loading the
      * 'Edit credit card' overlay and modifying the overlay title.
      * @private
      */
     showAddCreditCardOverlay_: function() {
       var title = loadTimeData.getString('addCreditCardTitle');
       AutofillEditCreditCardOverlay.setTitle(title);
-      OptionsPage.navigateToPage('autofillEditCreditCard');
+      PageManager.showPageByName('autofillEditCreditCard');
     },
 
     /**
      * Updates the data model for the address list with the values from
      * |entries|.
      * @param {Array} entries The list of addresses.
      */
     setAddressList_: function(entries) {
       this.addressList_.dataModel = new ArrayDataModel(entries);
     },
@@ skipping 41 matching lines @@
     /**
      * 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');
       AutofillEditAddressOverlay.setTitle(title);
       AutofillEditAddressOverlay.loadAddress(address);
-      OptionsPage.navigateToPage('autofillEditAddress');
+      PageManager.showPageByName('autofillEditAddress');
     },
 
     /**
      * Shows the 'Edit credit card' overlay, using the data in |credit_card| to
      * fill the input fields. |address| is a list with one item, an associative
      * array that contains the credit card data.
      * @private
      */
     showEditCreditCardOverlay_: function(creditCard) {
       var title = loadTimeData.getString('editCreditCardTitle');
       AutofillEditCreditCardOverlay.setTitle(title);
       AutofillEditCreditCardOverlay.loadCreditCard(creditCard);
-      OptionsPage.navigateToPage('autofillEditCreditCard');
+      PageManager.showPageByName('autofillEditCreditCard');
     },
   };
 
   AutofillOptions.setAddressList = function(entries) {
     AutofillOptions.getInstance().setAddressList_(entries);
   };
 
   AutofillOptions.setCreditCardList = function(entries) {
     AutofillOptions.getInstance().setCreditCardList_(entries);
   };
@@ skipping 18 matching lines @@
     AutofillOptions.getInstance().showEditCreditCardOverlay_(creditCard);
   };
 
   // Export
   return {
     AutofillOptions: AutofillOptions
   };
 
 });