Split OptionsPage into Page and PageManager

chrome/browser/resources/options/chromeos/internet_detail.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.
 
 // NOTE(stevenjb): This code is in the process of being converted to be
 // compatible with the networkingPrivate extension API:
 // * The network property dictionaries are being converted to use ONC values.
 // * chrome.send calls will be replaced with an API object that simulates the
 //   networkingPrivate API. See network_config.js.
 // See crbug.com/279351 for more info.
 
 cr.define('options.internet', function() {
-  var OptionsPage = options.OptionsPage;
+  var Page = cr.ui.pageManager.Page;
+  var PageManager = cr.ui.pageManager.PageManager;
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var IPAddressField = options.internet.IPAddressField;
 
   /**
   /*
    * Helper function to set hidden attribute for elements matching a selector.
    * @param {string} selector CSS selector for extracting a list of elements.
    * @param {bool} hidden New hidden value.
    */
   function updateHidden(selector, hidden) {
@@ skipping 86 matching lines @@
   }
 
   /////////////////////////////////////////////////////////////////////////////
   // DetailsInternetPage class:
 
   /**
    * Encapsulated handling of ChromeOS internet details overlay page.
    * @constructor
    */
   function DetailsInternetPage() {
-    OptionsPage.call(this,
-                     'detailsInternetPage',
-                     null,
-                     'details-internet-page');
+    Page.call(this, 'detailsInternetPage', null, 'details-internet-page');
   }
 
   cr.addSingletonGetter(DetailsInternetPage);
 
   DetailsInternetPage.prototype = {
-    __proto__: OptionsPage.prototype,
+    __proto__: Page.prototype,
 
     /** @override */
     initializePage: function() {
-      OptionsPage.prototype.initializePage.call(this);
+      Page.prototype.initializePage.call(this);
       var params = parseQueryParams(window.location);
       this.initializePageContents_(params);
       this.showNetworkDetails_(params);
     },
 
     /**
      * Auto-activates the network details dialog if network information
      * is included in the URL.
      */
     showNetworkDetails_: function(params) {
@@ skipping 30 matching lines @@
         DetailsInternetPage.configureNetwork();
       });
 
       $('activate-details').addEventListener('click', function(event) {
         DetailsInternetPage.activateFromDetails();
       });
 
       $('buyplan-details').addEventListener('click', function(event) {
         var data = $('connection-state').data;
         chrome.send('buyDataPlan', [data.servicePath]);
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
       });
 
       $('view-account-details').addEventListener('click', function(event) {
         var data = $('connection-state').data;
         chrome.send('showMorePlanInfo', [data.servicePath]);
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
       });
 
       $('cellular-apn-use-default').addEventListener('click', function(event) {
         var data = $('connection-state').data;
         var apnSelector = $('select-apn');
 
         if (data.userApnIndex != -1) {
           apnSelector.remove(data.userApnIndex);
           data.userApnIndex = -1;
         }
@@ skipping 502 matching lines @@
   };
 
   DetailsInternetPage.updateCarrier = function() {
     DetailsInternetPage.showCarrierChangeSpinner(false);
   };
 
   DetailsInternetPage.loginFromDetails = function() {
     var data = $('connection-state').data;
     var servicePath = data.servicePath;
     chrome.send('networkCommand', [data.Type, servicePath, 'connect']);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   };
 
   DetailsInternetPage.disconnectNetwork = function() {
     var data = $('connection-state').data;
     var servicePath = data.servicePath;
     chrome.send('networkCommand', [data.Type, servicePath, 'disconnect']);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   };
 
   DetailsInternetPage.configureNetwork = function() {
     var data = $('connection-state').data;
     var servicePath = data.servicePath;
     chrome.send('networkCommand', [data.Type, servicePath, 'configure']);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   };
 
   DetailsInternetPage.activateFromDetails = function() {
     var data = $('connection-state').data;
     var servicePath = data.servicePath;
     if (data.Type == 'Cellular')
       chrome.send('networkCommand', [data.Type, servicePath, 'activate']);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   };
 
   DetailsInternetPage.setDetails = function() {
     var data = $('connection-state').data;
     var servicePath = data.servicePath;
     if (data.Type == 'WiFi') {
       sendCheckedIfEnabled(servicePath, 'setPreferNetwork',
                            $('prefer-network-wifi'));
       sendCheckedIfEnabled(servicePath, 'setAutoConnect',
                            $('auto-connect-network-wifi'));
@@ skipping 33 matching lines @@
     userNameServers = userNameServers.join(',');
 
     chrome.send('setIPConfig',
                 [servicePath,
                  Boolean($('ip-automatic-configuration-checkbox').checked),
                  $('ip-address').model.value || '',
                  $('ip-netmask').model.value || '',
                  $('ip-gateway').model.value || '',
                  nameServerType,
                  userNameServers]);
-    OptionsPage.closeOverlay();
+    PageManager.closeOverlay();
   };
 
   DetailsInternetPage.updateNameServerDisplay = function(type) {
     var editable = type == 'user';
     var fields = [$('ipconfig-dns1'), $('ipconfig-dns2'),
                   $('ipconfig-dns3'), $('ipconfig-dns4')];
     for (var i = 0; i < fields.length; ++i) {
       fields[i].editable = editable;
     }
     if (editable)
@@ skipping 449 matching lines @@
       detailsPage.vpn = true;
       detailsPage.ethernet = false;
       detailsPage.cellular = false;
       detailsPage.gsm = false;
       $('inet-service-name').textContent = getNetworkName(data);
       $('inet-provider-type').textContent = data.providerType;
       $('inet-username').textContent = data.username;
       var inetServerHostname = $('inet-server-hostname');
       inetServerHostname.value = data.serverHostname.value;
       inetServerHostname.resetHandler = function() {
-        OptionsPage.hideBubble();
+        PageManager.hideBubble();
         inetServerHostname.value = data.serverHostname.recommendedValue;
       };
       $('auto-connect-network-vpn').checked = data.autoConnect.value;
       $('auto-connect-network-vpn').disabled = false;
     } else {
       OptionsPage.showTab($('internet-nav-tab'));
       detailsPage.ethernet = true;
       detailsPage.wireless = false;
       detailsPage.wimax = false;
       detailsPage.vpn = false;
@@ skipping 24 matching lines @@
           forElement.disabled = true;
         if (forElement.resetHandler)
           indicators[i].resetHandler = forElement.resetHandler;
       }
     }
 
     detailsPage.updateControls();
 
     // Don't show page name in address bar and in history to prevent people
     // navigate here by hand and solve issue with page session restore.
-    OptionsPage.showPageByName('detailsInternetPage', false);
+    PageManager.showPageByName('detailsInternetPage', false);
   };
 
   return {
     DetailsInternetPage: DetailsInternetPage
   };
 });