Split OptionsPage into Page and PageManager

chrome/browser/resources/options/content_settings.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() {
-  /** @const */ var OptionsPage = options.OptionsPage;
+  /** @const */ var Page = cr.ui.pageManager.Page;
+  /** @const */ var PageManager = cr.ui.pageManager.PageManager;
 
   //////////////////////////////////////////////////////////////////////////////
   // ContentSettings class:
 
   /**
    * Encapsulated handling of content settings page.
    * @constructor
    */
   function ContentSettings() {
     this.activeNavTab = null;
-    OptionsPage.call(this, 'content',
-                     loadTimeData.getString('contentSettingsPageTabTitle'),
-                     'content-settings-page');
+    Page.call(this, 'content',
+              loadTimeData.getString('contentSettingsPageTabTitle'),
+              'content-settings-page');
   }
 
   cr.addSingletonGetter(ContentSettings);
 
   ContentSettings.prototype = {
-    __proto__: OptionsPage.prototype,
+    __proto__: Page.prototype,
 
     initializePage: function() {
-      OptionsPage.prototype.initializePage.call(this);
+      Page.prototype.initializePage.call(this);
 
       var exceptionsButtons =
           this.pageDiv.querySelectorAll('.exceptions-list-button');
       for (var i = 0; i < exceptionsButtons.length; i++) {
         exceptionsButtons[i].onclick = function(event) {
           var page = ContentSettingsExceptionsArea.getInstance();
 
           // Add on the proper hash for the content type, and store that in the
           // history so back/forward and tab restore works.
           var hash = event.currentTarget.getAttribute('contentType');
           var url = page.name + '#' + hash;
           uber.pushState({pageName: page.name}, url);
 
           // Navigate after the local history has been replaced in order to have
           // the correct hash loaded.
-          OptionsPage.showPageByName('contentExceptions', false);
+          PageManager.showPageByName('contentExceptions', false);
         };
       }
 
       var manageHandlersButton = $('manage-handlers-button');
       if (manageHandlersButton) {
         manageHandlersButton.onclick = function(event) {
-          OptionsPage.navigateToPage('handlers');
+          PageManager.showPageByName('handlers');
         };
       }
 
       if (cr.isChromeOS) {
         // Disable some controls for Guest in Chrome OS.
         UIAccountTweaks.applyGuestSessionVisibility(document);
 
         // Disable some controls for Public session in Chrome OS.
         UIAccountTweaks.applyPublicSessionVisibility(document);
       }
 
       // Cookies filter page ---------------------------------------------------
       $('show-cookies-button').onclick = function(event) {
         chrome.send('coreOptionsUserMetricsAction', ['Options_ShowCookies']);
-        OptionsPage.navigateToPage('cookies');
+        PageManager.showPageByName('cookies');
       };
 
       $('content-settings-overlay-confirm').onclick =
-          OptionsPage.closeOverlay.bind(OptionsPage);
+          PageManager.closeOverlay.bind(PageManager);
 
       $('media-pepper-flash-default').hidden = true;
       $('media-pepper-flash-exceptions').hidden = true;
 
       $('media-select-mic').addEventListener('change',
           ContentSettings.setDefaultMicrophone_);
       $('media-select-camera').addEventListener('change',
           ContentSettings.setDefaultCamera_);
     },
   };
@@ skipping 56 matching lines @@
     $('media-stream-ask-label').innerHTML =
         loadTimeData.getString(mediaSettings.askText);
     $('media-stream-block-label').innerHTML =
         loadTimeData.getString(mediaSettings.blockText);
 
     if (mediaSettings.micDisabled)
       $('media-select-mic').disabled = true;
     if (mediaSettings.cameraDisabled)
       $('media-select-camera').disabled = true;
 
-    OptionsPage.hideBubble();
+    PageManager.hideBubble();
     // Create a synthetic pref change event decorated as
     // CoreOptionsHandler::CreateValueForPref() does.
     // TODO(arv): It was not clear what event type this should use?
     var event = new Event('undefined');
     event.value = {};
 
     if (mediaSettings.showBubble) {
       event.value = { controlledBy: 'policy' };
       $('media-indicator').setAttribute(
           'textpolicy', loadTimeData.getString(mediaSettings.bubbleText));
@@ skipping 141 matching lines @@
     var deviceSelect = $('media-select-camera');
     chrome.send('setDefaultCaptureDevice', ['camera', deviceSelect.value]);
   };
 
   // Export
   return {
     ContentSettings: ContentSettings
   };
 
 });