Split OptionsPage into Page and PageManager

chrome/browser/resources/options/manage_profile_overlay.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;
 
   /**
    * ManageProfileOverlay class
    * Encapsulated handling of the 'Manage profile...' overlay page.
    * @constructor
    * @class
    */
   function ManageProfileOverlay() {
-    OptionsPage.call(this, 'manageProfile',
-                     loadTimeData.getString('manageProfileTabTitle'),
-                     'manage-profile-overlay');
+    Page.call(this, 'manageProfile',
+              loadTimeData.getString('manageProfileTabTitle'),
+              'manage-profile-overlay');
   };
 
   cr.addSingletonGetter(ManageProfileOverlay);
 
   ManageProfileOverlay.prototype = {
-    // Inherit from OptionsPage.
-    __proto__: OptionsPage.prototype,
+    // Inherit from Page.
+    __proto__: Page.prototype,
 
     // Info about the currently managed/deleted profile.
     profileInfo_: null,
 
     // Whether the currently chosen name for a new profile was assigned
     // automatically by choosing an avatar. Set on receiveNewProfileDefaults;
     // cleared on first edit (in onNameChanged_).
     profileNameIsDefault_: false,
 
     // List of default profile names corresponding to the respective icons.
     defaultProfileNames_: [],
 
     // An object containing all names of existing profiles.
     existingProfileNames_: {},
 
     // The currently selected icon in the icon grid.
     iconGridSelectedURL_: null,
 
     /**
      * Initialize the page.
      */
     initializePage: function() {
-      // Call base class implementation to start preference initialization.
-      OptionsPage.prototype.initializePage.call(this);
+      Page.prototype.initializePage.call(this);
 
       var self = this;
       options.ProfilesIconGrid.decorate($('manage-profile-icon-grid'));
       options.ProfilesIconGrid.decorate($('create-profile-icon-grid'));
       self.registerCommonEventHandlers_('create',
                                         self.submitCreateProfile_.bind(self));
       self.registerCommonEventHandlers_('manage',
                                         self.submitManageChanges_.bind(self));
 
       // Override the create-profile-ok and create-* keydown handlers, to avoid
       // closing the overlay until we finish creating the profile.
       $('create-profile-ok').onclick = function(event) {
         self.submitCreateProfile_();
       };
 
       $('create-profile-cancel').onclick = function(event) {
         CreateProfileOverlay.cancelCreateProfile();
       };
 
       $('manage-profile-cancel').onclick =
           $('disconnect-managed-profile-cancel').onclick =
           $('delete-profile-cancel').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
       };
       $('delete-profile-ok').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
         if (BrowserOptions.getCurrentProfile().isManaged)
           return;
         chrome.send('deleteProfile', [self.profileInfo_.filePath]);
         options.ManagedUserListData.resetPromise();
       };
       $('add-shortcut-button').onclick = function(event) {
         chrome.send('addProfileShortcut', [self.profileInfo_.filePath]);
       };
       $('remove-shortcut-button').onclick = function(event) {
         chrome.send('removeProfileShortcut', [self.profileInfo_.filePath]);
       };
 
       $('disconnect-managed-profile-ok').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
         chrome.send('deleteProfile',
                     [BrowserOptions.getCurrentProfile().filePath]);
       }
 
       $('create-profile-managed-signed-in-learn-more-link').onclick =
           function(event) {
-        OptionsPage.navigateToPage('managedUserLearnMore');
+        PageManager.navigateToPage('managedUserLearnMore');
         return false;
       };
 
       $('create-profile-managed-not-signed-in-link').onclick = function(event) {
         // The signin process will open an overlay to configure sync, which
         // would replace this overlay. It's smoother to close this one now.
         // TODO(pamg): Move the sync-setup overlay to a higher layer so this one
         // can stay open under it, after making sure that doesn't break anything
         // else.
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
         SyncSetupOverlay.startSignIn();
       };
 
       $('create-profile-managed-sign-in-again-link').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
         SyncSetupOverlay.showSetupUI();
       };
 
       $('import-existing-managed-user-link').onclick = function(event) {
         // Hide the import button to trigger a cursor update. The import button
         // is shown again when the import overlay loads. TODO(akuegel): Remove
         // this temporary fix when crbug/246304 is resolved.
         $('import-existing-managed-user-link').hidden = true;
-        OptionsPage.navigateToPage('managedUserImport');
+        PageManager.navigateToPage('managedUserImport');
       };
     },
 
     /** @override */
     didShowPage: function() {
       chrome.send('requestDefaultProfileIcons', ['manage']);
 
       // Just ignore the manage profile dialog on Chrome OS, they use /accounts.
       if (!cr.isChromeOS && window.location.pathname == '/manageProfile')
         ManageProfileOverlay.getInstance().prepareForManageDialog_();
@@ skipping 29 matching lines @@
      */
     registerCommonEventHandlers_: function(mode, submitFunction) {
       var self = this;
       $(mode + '-profile-icon-grid').addEventListener('change', function(e) {
         self.onIconGridSelectionChanged_(mode);
       });
       $(mode + '-profile-name').oninput = function(event) {
         self.onNameChanged_(mode);
       };
       $(mode + '-profile-ok').onclick = function(event) {
-        OptionsPage.closeOverlay();
+        PageManager.closeOverlay();
         submitFunction();
       };
     },
 
     /**
      * Set the profile info used in the dialog.
      * @param {Object} profileInfo An object of the form:
      *     profileInfo = {
      *       name: "Profile Name",
      *       iconURL: "chrome://path/to/icon/image",
@@ skipping 64 matching lines @@
       ManageProfileOverlay.setProfileInfo(profileInfo, 'create');
       this.profileNameIsDefault_ = true;
       $('create-profile-name-label').hidden = false;
       $('create-profile-name').hidden = false;
       // Trying to change the focus if this isn't the topmost overlay can
       // instead cause the FocusManager to override another overlay's focus,
       // e.g. if an overlay above this one is in the process of being reloaded.
       // But the C++ handler calls this method directly on ManageProfileOverlay,
       // so check the pageDiv to also include its subclasses (in particular
       // CreateProfileOverlay, which has higher sub-overlays).
-      if (OptionsPage.getTopmostVisiblePage().pageDiv == this.pageDiv) {
+      if (PageManager.getTopmostVisiblePage().pageDiv == this.pageDiv) {
         // This will only have an effect if the 'create-profile-name' element
         //  is visible, i.e. if the overlay is in create mode.
         $('create-profile-name').focus();
       }
       $('create-profile-ok').disabled = false;
     },
 
     /**
      * Set a dictionary of all profile names. These are used to prevent the
      * user from naming two profiles the same.
@@ skipping 102 matching lines @@
           for (j = i + 1; j < managedUsers.length; ++j) {
             if (managedUsers[j].name == newName) {
               nameIsUnique = false;
               break;
             }
           }
           var self = this;
           function getImportHandler(managedUser, nameIsUnique) {
             return function() {
               if (managedUser.needAvatar || !nameIsUnique) {
-                OptionsPage.navigateToPage('managedUserImport');
+                PageManager.navigateToPage('managedUserImport');
               } else {
                 self.hideErrorBubble_('create');
                 CreateProfileOverlay.updateCreateInProgress(true);
                 chrome.send('createProfile',
                     [managedUser.name, managedUser.iconURL, false, true,
                         managedUser.id]);
               }
             }
           };
           $('supervised-user-import').onclick =
@@ skipping 122 matching lines @@
       $('manage-profile-name').disabled = profileInfo.isManaged;
       this.hideErrorBubble_('manage');
     },
 
     /**
      * Display the "Manage Profile" dialog.
      * @private
      */
     showManageDialog_: function() {
       this.prepareForManageDialog_();
-      OptionsPage.navigateToPage('manageProfile');
+      PageManager.navigateToPage('manageProfile');
     },
 
     /**
      * Display the "Delete Profile" dialog.
      * @param {Object} profileInfo The profile object of the profile to delete.
      * @private
      */
     showDeleteDialog_: function(profileInfo) {
       if (BrowserOptions.getCurrentProfile().isManaged)
         return;
 
       ManageProfileOverlay.setProfileInfo(profileInfo, 'manage');
       $('manage-profile-overlay-create').hidden = true;
       $('manage-profile-overlay-manage').hidden = true;
       $('manage-profile-overlay-delete').hidden = false;
       $('manage-profile-overlay-disconnect-managed').hidden = true;
       $('delete-profile-icon').style.content =
           getProfileAvatarIcon(profileInfo.iconURL);
       $('delete-profile-text').textContent =
           loadTimeData.getStringF('deleteProfileMessage',
                                   elide(profileInfo.name, /* maxLength */ 50));
       $('delete-managed-profile-addendum').hidden = !profileInfo.isManaged;
 
       // Because this dialog isn't useful when refreshing or as part of the
       // history, don't create a history entry for it when showing.
-      OptionsPage.showPageByName('manageProfile', false);
+      PageManager.showPageByName('manageProfile', false);
     },
 
     /**
      * Display the "Disconnect Managed Profile" dialog.
      * @private
      */
     showDisconnectManagedProfileDialog_: function(replacements) {
       loadTimeData.overrideValues(replacements);
       $('manage-profile-overlay-create').hidden = true;
       $('manage-profile-overlay-manage').hidden = true;
       $('manage-profile-overlay-delete').hidden = true;
       $('disconnect-managed-profile-domain-information').innerHTML =
           loadTimeData.getString('disconnectManagedProfileDomainInformation');
       $('disconnect-managed-profile-text').innerHTML =
           loadTimeData.getString('disconnectManagedProfileText');
       $('manage-profile-overlay-disconnect-managed').hidden = false;
 
       // Because this dialog isn't useful when refreshing or as part of the
       // history, don't create a history entry for it when showing.
-      OptionsPage.showPageByName('manageProfile', false);
+      PageManager.showPageByName('manageProfile', false);
     },
 
     /**
      * Display the "Create Profile" dialog.
      * @private
      */
     showCreateDialog_: function() {
-      OptionsPage.navigateToPage('createProfile');
+      PageManager.navigateToPage('createProfile');
     },
   };
 
   // Forward public APIs to private implementations.
   [
     'receiveDefaultProfileIconsAndNames',
     'receiveNewProfileDefaults',
     'receiveExistingProfileNames',
     'receiveHasProfileShortcuts',
     'setProfileInfo',
     'setProfileName',
     'showManageDialog',
     'showDeleteDialog',
     'showDisconnectManagedProfileDialog',
     'showCreateDialog',
   ].forEach(function(name) {
     ManageProfileOverlay[name] = function() {
       var instance = ManageProfileOverlay.getInstance();
       return instance[name + '_'].apply(instance, arguments);
     };
   });
 
   function CreateProfileOverlay() {
-    OptionsPage.call(this, 'createProfile',
+    Page.call(this, 'createProfile',
                      loadTimeData.getString('createProfileTabTitle'),
                      'manage-profile-overlay');
   };
 
   cr.addSingletonGetter(CreateProfileOverlay);
 
   CreateProfileOverlay.prototype = {
     // Inherit from ManageProfileOverlay.
     __proto__: ManageProfileOverlay.prototype,
 
@@ skipping 81 matching lines @@
 
       $('create-profile-throbber').hidden = !inProgress;
     },
 
     /**
      * Cancels the creation of the a profile. It is safe to call this even
      * when no profile is in the process of being created.
      * @private
      */
     cancelCreateProfile_: function() {
-      OptionsPage.closeOverlay();
+      PageManager.closeOverlay();
       chrome.send('cancelCreateProfile');
       this.hideErrorBubble_();
       this.updateCreateInProgress_(false);
     },
 
     /**
      * Shows an error message describing an error that occurred while creating
      * a new profile.
      * Called by BrowserOptions via the BrowserOptionsHandler.
      * @param {string} error The error message to display.
@@ skipping 20 matching lines @@
      * @param {Object} profileInfo An object of the form:
      *     profileInfo = {
      *       name: "Profile Name",
      *       filePath: "/path/to/profile/data/on/disk"
      *       isManaged: (true|false),
      *     };
      * @private
      */
     onSuccess_: function(profileInfo) {
       this.updateCreateInProgress_(false);
-      OptionsPage.closeOverlay();
+      PageManager.closeOverlay();
       if (profileInfo.isManaged) {
         options.ManagedUserListData.resetPromise();
         profileInfo.custodianEmail = this.signedInEmail_;
         ManagedUserCreateConfirmOverlay.setProfileInfo(profileInfo);
-        OptionsPage.showPageByName('managedUserCreateConfirm', false);
+        PageManager.showPageByName('managedUserCreateConfirm', false);
         BrowserOptions.updateManagesSupervisedUsers(true);
       }
     },
 
     /**
      * Updates the signed-in or not-signed-in UI when in create mode. Called by
      * the handler in response to the 'requestCreateProfileUpdate' message.
      * updateManagedUsersAllowed_ is expected to be called after this is, and
      * will update additional UI elements.
      * @param {string} email The email address of the currently signed-in user.
@@ skipping 95 matching lines @@
       return instance[name + '_'].apply(instance, arguments);
     };
   });
 
   // Export
   return {
     ManageProfileOverlay: ManageProfileOverlay,
     CreateProfileOverlay: CreateProfileOverlay,
   };
 });