[uber page] Remove obsolete subpage logic.

chrome/browser/resources/options2/options_page.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() {
   /////////////////////////////////////////////////////////////////////////////
   // OptionsPage class:
 
   /**
    * Base class for options page.
    * @constructor
    * @param {string} name Options page name.
    * @param {string} title Options page title, used for navigation bar.
    * @extends {EventTarget}
    */
   function OptionsPage(name, title, pageDivName) {
     this.name = name;
     this.title = title;
     this.pageDivName = pageDivName;
     this.pageDiv = $(this.pageDivName);
     this.tab = null;
   }
 
-  const SUBPAGE_SHEET_COUNT = 1;
-
   const HORIZONTAL_OFFSET = 155;
 
   /**
    * This is the absolute difference maintained between standard and
    * fixed-width font sizes. Refer http://crbug.com/91922.
    */
   OptionsPage.SIZE_DIFFERENCE_FIXED_STANDARD = 3;
 
   /**
    * Main level option pages. Maps lower-case page names to the respective page
@@ skipping 32 matching lines @@
   /**
    * "Navigates" to a page, meaning that the page will be shown and the
    * appropriate entry is placed in the history.
    * @param {string} pageName Page name.
    */
   OptionsPage.navigateToPage = function(pageName) {
     this.showPageByName(pageName, true);
   };
 
   /**
-   * Shows a registered page. This handles both top-level pages and sub-pages.
+   * Shows a registered page.

[Dan Beam, 2012/03/06 00:31:41]

nit: or dialog/overlay.

[csilv, 2012/03/06 01:03:04]

Done.

    * @param {string} pageName Page name.
    * @param {boolean} updateHistory True if we should update the history after
    *     showing the page.
    * @private
    */
   OptionsPage.showPageByName = function(pageName, updateHistory) {
     // Find the currently visible root-level page.
     var rootPage = null;
     for (var name in this.registeredPages) {
       var page = this.registeredPages[name];
@@ skipping 13 matching lines @@
         return;
       } else {
         targetPage = this.getDefaultPage();
       }
     }
 
     pageName = targetPage.name.toLowerCase();
     var targetPageWasVisible = targetPage.visible;
 
     // Determine if the root page is 'sticky', meaning that it
-    // shouldn't change when showing a sub-page.  This can happen for special
+    // shouldn't change when showing an overlay. This can happen for special
     // pages like Search.
     var isRootPageLocked =
         rootPage && rootPage.sticky && targetPage.parentPage;
 
     // Notify pages if they will be hidden.
     for (var name in this.registeredPages) {
       var page = this.registeredPages[name];
       if (!page.parentPage && isRootPageLocked)
         continue;
       if (page.willHidePage && name != pageName &&
           !page.isAncestorOfPage(targetPage)) {
         page.willHidePage();
       }
     }
 
     // Update visibilities to show only the hierarchy of the target page.
     for (var name in this.registeredPages) {
       var page = this.registeredPages[name];
       if (!page.parentPage && isRootPageLocked)
         continue;
-      page.visible = name == pageName ||
-          (!document.documentElement.classList.contains('hide-menu') &&
-           page.isAncestorOfPage(targetPage));
+      page.visible = name == pageName || page.isAncestorOfPage(targetPage);
     }
 
     // Update the history and current location.
     if (updateHistory)
       this.updateHistoryState_();
 
     // Update tab title.
     this.setTitle_(targetPage.title);
 
     // Notify pages if they were shown.
     for (var name in this.registeredPages) {
       var page = this.registeredPages[name];
       if (!page.parentPage && isRootPageLocked)
         continue;
       if (!targetPageWasVisible && page.didShowPage &&
           (name == pageName || page.isAncestorOfPage(targetPage))) {
         page.didShowPage();
       }
     }
   };
 
   /**
-   * Updates the parts of the UI necessary for correctly hiding or displaying
-   * subpages.
-   * @private
-   */
-  OptionsPage.updateDisplayForShowOrHideSubpage_ = function() {
-    OptionsPage.updateSubpageBackdrop_();
-    OptionsPage.updateAriaHiddenForPages_();
-    OptionsPage.updateScrollPosition_();
-  };
-
-  /**
-   * Sets the aria-hidden attribute for pages which have been 'overlapped' by a
-   * sub-page, and removes aria-hidden from the topmost page or subpage.
-   * @private
-   */
-  OptionsPage.updateAriaHiddenForPages_ = function() {

[Dan Beam, 2012/03/06 00:31:41]

don't we want to do this for overlays?

[csilv, 2012/03/06 01:03:04]

Perhaps, but that should probably be in overlay.js rather than here.  Note that
in this implementation (and in the old settings page), this method is invoked
*only* when a sub-page is shown or hidden.  So currently, it is simply dead
code, thus the removal.

[Dan Beam, 2012/03/06 01:57:37]

I see what you mean, but it seems reasonable to do it partially here, though, as
overlay.js probably shouldn't know about:

  a) the relation of each overlay to eachother
  b) about options pages

right? Maybe we could just add handlers in OptionPage's (and derived)
didShowPage() (as well as pass a boolean to say whether it'll be the foreground
page as well) or didClosePage() and each overlay could affect itself or it's
pageDiv.

Either way, Evan told me this didn't work for overlays/dialogs previously, so
nothing is being lost here, so we'll just do this in a different CL, :).

-    var visiblePages = OptionsPage.getVisiblePages_();
-
-    // |visiblePages| is empty when switching top-level pages.
-    if (!visiblePages.length)
-      return;
-
-    var topmostPage = visiblePages.pop();
-
-    for (var i = 0; i < visiblePages.length; ++i) {
-      var page = visiblePages[i];
-      var nestingLevel = page.nestingLevel;
-      var container = nestingLevel > 0 ?
-        $('subpage-sheet-container-' + nestingLevel) : $('page-container');
-      container.setAttribute('aria-hidden', true);
-    }
-
-    var topmostPageContainer = topmostPage.nestingLevel > 0 ?
-        $('subpage-sheet-container-' + topmostPage.nestingLevel) :
-        $('page-container');
-    topmostPageContainer.removeAttribute('aria-hidden');
-  };
-
-  /**
    * Sets the title of the page. This is accomplished by calling into the
    * parent page API.
    * @param {String} title The title string.
    * @private
    */
   OptionsPage.setTitle_ = function(title) {
     uber.invokeMethodOnParent('setTitle', {title: title});
   };
 
   /**
-   * Updates the visibility and stacking order of the subpage backdrop
-   * according to which subpage is topmost and visible.
-   * @private
-   */
-  OptionsPage.updateSubpageBackdrop_ = function() {
-    var topmostPage = OptionsPage.getTopmostVisibleNonOverlayPage_();
-    var nestingLevel = topmostPage ? topmostPage.nestingLevel : 0;
-
-    var subpageBackdrop = $('subpage-backdrop');
-    if (nestingLevel > 0) {
-      var container = $('subpage-sheet-container-' + nestingLevel);
-      subpageBackdrop.style.zIndex =
-          parseInt(window.getComputedStyle(container).zIndex) - 1;
-      subpageBackdrop.hidden = false;
-    } else {
-      subpageBackdrop.hidden = true;
-    }
-  };
-
-  /**
-   * Scrolls the page to the correct position (the top when opening a subpage,
-   * or the old scroll position a previously hidden subpage becomes visible).
+   * Scrolls the page to the correct position (the top when opening an overlay,
+   * or the old scroll position a previously hidden overlay becomes visible).
    * @private
    */
   OptionsPage.updateScrollPosition_ = function() {
-    var topmostPage = OptionsPage.getTopmostVisibleNonOverlayPage_();
-    var nestingLevel = topmostPage ? topmostPage.nestingLevel : 0;
-
-    var container = (nestingLevel > 0) ?
-       $('subpage-sheet-container-' + nestingLevel) : $('page-container');
-
+    var container = $('page-container');
     var scrollTop = container.oldScrollTop || 0;
     container.oldScrollTop = undefined;
     window.scroll(document.body.scrollLeft, scrollTop);
   };
 
   /**
    * Pushes the current page onto the history stack, overriding the last page
    * if it is the generic chrome://settings/.
    * @private
    */
@@ skipping 131 matching lines @@
   /**
    * Returns the topmost visible page, or null if no page is visible.
    * @return {OptionPage} The topmost visible page.
    */
   OptionsPage.getTopmostVisiblePage = function() {
     // Check overlays first since they're top-most if visible.
     return this.getVisibleOverlay_() || this.getTopmostVisibleNonOverlayPage_();
   };
 
   /**
-   * Closes the topmost open subpage, if any.
-   * @private
-   */
-  OptionsPage.closeTopSubPage_ = function() {
-    var topPage = this.getTopmostVisiblePage();
-    if (topPage && !topPage.isOverlay && topPage.parentPage) {
-      if (topPage.willHidePage)
-        topPage.willHidePage();
-      topPage.visible = false;
-    }
-
-    this.updateHistoryState_();
-  };
-
-  /**
-   * Closes all subpages below the given level.
-   * @param {number} level The nesting level to close below.
-   */
-  OptionsPage.closeSubPagesToLevel = function(level) {
-    var topPage = this.getTopmostVisiblePage();
-    while (topPage && topPage.nestingLevel > level) {
-      if (topPage.willHidePage)
-        topPage.willHidePage();
-      topPage.visible = false;
-      topPage = topPage.parentPage;
-    }
-
-    this.updateHistoryState_();
-  };
-
-  /**
    * Updates managed banner visibility state based on the topmost page.
    */
   OptionsPage.updateManagedBannerVisibility = function() {
     var topPage = this.getTopmostVisiblePage();
     if (topPage)
       topPage.updateManagedBannerVisibility();
   };
 
   /**
    * Shows the tab contents for the given navigation tab.
@@ skipping 45 matching lines @@
    */
   OptionsPage.findSectionForNode_ = function(node) {
     while (node = node.parentNode) {
       if (node.nodeName == 'SECTION')
         return node;
     }
     return null;
   };
 
   /**
-   * Registers a new Sub-page.
-   * @param {OptionsPage} subPage Sub-page to register.
-   * @param {OptionsPage} parentPage Associated parent page for this page.
-   * @param {Array} associatedControls Array of control elements that lead to
-   *     this sub-page. The first item is typically a button in a root-level
-   *     page. There may be additional buttons for nested sub-pages.
-   */
-  OptionsPage.registerSubPage = function(subPage,
-                                         parentPage,
-                                         associatedControls) {
-    this.registeredPages[subPage.name.toLowerCase()] = subPage;
-    subPage.parentPage = parentPage;
-    if (associatedControls) {
-      subPage.associatedControls = associatedControls;
-      if (associatedControls.length) {
-        subPage.associatedSection =
-            this.findSectionForNode_(associatedControls[0]);
-      }
-    }
-    subPage.tab = undefined;
-    subPage.initializePage();
-  };
-
-  /**
    * Registers a new Overlay page.
    * @param {OptionsPage} overlay Overlay to register.
    * @param {OptionsPage} parentPage Associated parent page for this overlay.
    * @param {Array} associatedControls Array of control elements associated with
    *   this page.
    */
   OptionsPage.registerOverlay = function(overlay,
                                          parentPage,
                                          associatedControls) {
     this.registeredOverlayPages[overlay.name.toLowerCase()] = overlay;
@@ skipping 58 matching lines @@
    * Callback for window.onbeforeunload. Used to notify overlays that they will
    * be closed.
    */
   OptionsPage.willClose = function() {
     var overlay = this.getVisibleOverlay_();
     if (overlay && overlay.didClosePage)
       overlay.didClosePage();
   };
 
   /**
-   * Freezes/unfreezes the scroll position of given level's page container.
+   * Freezes/unfreezes the scroll position of the root page container.
    * @param {boolean} freeze Whether the page should be frozen.
-   * @param {number} level The level to freeze/unfreeze.
    * @private
    */
-  OptionsPage.setPageFrozenAtLevel_ = function(freeze, level) {
-    var container = level == 0 ? $('page-container') :
-                                 $('subpage-sheet-container-' + level);
-
+  OptionsPage.setRootPageFrozen_ = function(freeze) {
+    var container = $('page-container');
     if (container.classList.contains('frozen') == freeze)
       return;
 
     if (freeze) {
       // Lock the width, since auto width computation may change.
       container.style.width = window.getComputedStyle(container).width;
       container.oldScrollTop = document.body.scrollTop;
       container.classList.add('frozen');
       var verticalPosition =
           container.getBoundingClientRect().top - container.oldScrollTop;
       container.style.top = verticalPosition + 'px';
       this.updateFrozenElementHorizontalPosition_(container);
     } else {
       container.classList.remove('frozen');
       container.style.top = '';
       container.style.left = '';
       container.style.right = '';
       container.style.width = '';
     }
   };
 
   /**
-   * Freezes/unfreezes the scroll position of visible pages based on the current
+   * Freezes/unfreezes the scroll position of the root page based on the current
    * page stack.
    */
-  OptionsPage.updatePageFreezeStates = function() {
+  OptionsPage.updateRootPageFreezeState = function() {
     var topPage = OptionsPage.getTopmostVisiblePage();
-    if (!topPage)
-      return;
-    var nestingLevel = topPage.isOverlay ? 100 : topPage.nestingLevel;
-    for (var i = 0; i <= SUBPAGE_SHEET_COUNT; i++) {
-      this.setPageFrozenAtLevel_(i < nestingLevel, i);
-    }
+    if (topPage)
+      this.setRootPageFrozen_(topPage.isOverlay);
   };
 
   /**
    * Initializes the complete options page.  This will cause all C++ handlers to
    * be invoked to do final setup.
    */
   OptionsPage.initialize = function() {
     chrome.send('coreOptionsInitialize');
     this.initialized_ = true;
     uber.onContentFrameLoaded();
 
     this.fixedHeaders_ = document.querySelectorAll('header');
 
     document.addEventListener('scroll', this.handleScroll_.bind(this));
-    window.addEventListener('resize', this.handleResize_.bind(this));
 
-    if (!document.documentElement.classList.contains('hide-menu')) {
-      // Close subpages if the user clicks on the html body. Listen in the
-      // capturing phase so that we can stop the click from doing anything.
-      document.body.addEventListener('click',
-                                     this.bodyMouseEventHandler_.bind(this),
-                                     true);
-      // We also need to cancel mousedowns on non-subpage content.
-      document.body.addEventListener('mousedown',
-                                     this.bodyMouseEventHandler_.bind(this),
-                                     true);
-
-      var self = this;
-      // Hook up the close buttons.
-      subpageCloseButtons = document.querySelectorAll('.close-subpage');
-      for (var i = 0; i < subpageCloseButtons.length; i++) {
-        subpageCloseButtons[i].onclick = function() {
-          self.closeTopSubPage_();
-        };
-      }
-
-      // Install handler for key presses.
-      document.addEventListener('keydown',
-                                this.keyDownEventHandler_.bind(this),
-                                true);
-
-      document.addEventListener('focus', this.manageFocusChange_.bind(this),
-                                true);
-    }
-
-    // Trigger the resize and scroll handlers manually to set the initial state.
-    this.handleResize_(null);
+    // Trigger the scroll handler manually to set the initial state.
     this.handleScroll_();
 
     // Shake the dialog if the user clicks outside the dialog bounds.
     var containers = [$('overlay-container-1'), $('overlay-container-2')];
     for (var i = 0; i < containers.length; i++) {
       var overlay = containers[i];
       cr.ui.overlay.setupOverlay(overlay);
       overlay.addEventListener('closeOverlay',
                                OptionsPage.closeOverlay.bind(OptionsPage));
     }
   };
 
   /**
    * Does a bounds check for the element on the given x, y client coordinates.
    * @param {Element} e The DOM element.
    * @param {number} x The client X to check.
    * @param {number} y The client Y to check.
    * @return {boolean} True if the point falls within the element's bounds.
    * @private
    */
   OptionsPage.elementContainsPoint_ = function(e, x, y) {
     var clientRect = e.getBoundingClientRect();
     return x >= clientRect.left && x <= clientRect.right &&
         y >= clientRect.top && y <= clientRect.bottom;
   };
 
   /**
-   * Called when focus changes; ensures that focus doesn't move outside
-   * the topmost subpage/overlay.
-   * @param {Event} e The focus change event.
-   * @private
-   */
-  OptionsPage.manageFocusChange_ = function(e) {
-    var focusableItemsRoot;
-    var topPage = this.getTopmostVisiblePage();
-    if (!topPage)
-      return;
-
-    if (topPage.isOverlay) {
-      // This case is handled in overlay.js.
-      return;
-    } else {
-      // If a subpage is visible, use its parent as the tab loop constraint.
-      // (The parent is used because it contains the close button.)
-      if (topPage.nestingLevel > 0)
-        focusableItemsRoot = topPage.pageDiv.parentNode;
-    }
-
-    if (focusableItemsRoot && !focusableItemsRoot.contains(e.target))
-      topPage.focusFirstElement();
-  };
-
-  /**
    * Called when the page is scrolled; moves elements that are position:fixed
    * but should only behave as if they are fixed for vertical scrolling.
    * @private
    */
   OptionsPage.handleScroll_ = function() {
     this.updateAllFrozenElementPositions_();
     this.updateAllHeaderElementPositions_();
   };
 
   /**
@@ skipping 24 matching lines @@
    * @param {HTMLElement} e The frozen element to update.
    * @private
    */
   OptionsPage.updateFrozenElementHorizontalPosition_ = function(e) {
     if (isRTL())
       e.style.right = HORIZONTAL_OFFSET + 'px';
     else
       e.style.left = HORIZONTAL_OFFSET - document.body.scrollLeft + 'px';
   };
 
-  /**
-   * Called when the page is resized; adjusts the size of elements that depend
-   * on the veiwport.
-   * @param {Event} e The resize event.
-   * @private
-   */
-  OptionsPage.handleResize_ = function(e) {
-    // Set an explicit height equal to the viewport on all the subpage
-    // containers shorter than the viewport. This is used instead of
-    // min-height: 100% so that there is an explicit height for the subpages'
-    // min-height: 100%.
-    var viewportHeight = document.documentElement.clientHeight;
-    var subpageContainers =
-        document.querySelectorAll('.subpage-sheet-container');
-    for (var i = 0; i < subpageContainers.length; i++) {
-      if (subpageContainers[i].scrollHeight > viewportHeight)
-        subpageContainers[i].style.removeProperty('height');
-      else
-        subpageContainers[i].style.height = viewportHeight + 'px';
-    }
-  };
-
-  /**
-   * A function to handle mouse events (mousedown or click) on the html body by
-   * closing subpages and/or stopping event propagation.
-   * @return {Event} a mousedown or click event.
-   * @private
-   */
-  OptionsPage.bodyMouseEventHandler_ = function(event) {
-    // Do nothing if a subpage isn't showing.
-    var topPage = this.getTopmostVisiblePage();
-    if (!topPage || topPage.isOverlay || !topPage.parentPage)
-      return;
-
-    // Don't close subpages if a user is clicking in a select element.
-    // This is necessary because WebKit sends click events with strange
-    // coordinates when a user selects a new entry in a select element.
-    // See: http://crbug.com/87199
-    if (event.srcElement.nodeName == 'SELECT')
-      return;
-
-    // Do nothing if the client coordinates are not within the source element.
-    // This occurs if the user toggles a checkbox by pressing spacebar.
-    // This is a workaround to prevent keyboard events from closing the window.
-    // See: crosbug.com/15678
-    if (event.clientX == -document.body.scrollLeft &&
-        event.clientY == -document.body.scrollTop) {
-      return;
-    }
-
-    // Figure out which page the click happened in.
-    for (var level = topPage.nestingLevel; level >= 0; level--) {
-      var clickIsWithinLevel = level == 0 ? true :
-          OptionsPage.elementContainsPoint_(
-              $('subpage-sheet-' + level), event.clientX, event.clientY);
-
-      if (!clickIsWithinLevel)
-        continue;
-
-      // Event was within the topmost page; do nothing.
-      if (topPage.nestingLevel == level)
-        return;
-
-      // Block propgation of both clicks and mousedowns, but only close subpages
-      // on click.
-      if (event.type == 'click')
-        this.closeSubPagesToLevel(level);
-      event.stopPropagation();
-      event.preventDefault();
-      return;
-    }
-  };
-
-  /**
-   * A function to handle key press events.
-   * @return {Event} a keydown event.
-   * @private
-   */
-  OptionsPage.keyDownEventHandler_ = function(event) {
-    if (event.keyCode == 27 &&  // Esc
-        !this.isOverlayVisible_()) {
-      this.closeTopSubPage_();
-    }
-  };
-
   OptionsPage.setClearPluginLSODataEnabled = function(enabled) {
     if (enabled) {
       document.documentElement.setAttribute(
           'flashPluginSupportsClearSiteData', '');
     } else {
       document.documentElement.removeAttribute(
           'flashPluginSupportsClearSiteData');
     }
   };
 
@@ skipping 98 matching lines @@
     /**
      * Sets page visibility.
      */
     set visible(visible) {
       if ((this.visible && visible) || (!this.visible && !visible))
         return;
 
       this.pageDiv.hidden = !visible;
       this.setContainerVisibility_(visible);
 
-      OptionsPage.updatePageFreezeStates();
+      OptionsPage.updateRootPageFreezeState();
       OptionsPage.updateManagedBannerVisibility();
 
-      // A subpage was shown or hidden.
-      if (!this.isOverlay && this.nestingLevel > 0)
-        OptionsPage.updateDisplayForShowOrHideSubpage_();
-      else if (this.isOverlay && !visible)
+      if (this.isOverlay && !visible)
         OptionsPage.updateScrollPosition_();
 
       cr.dispatchPropertyChange(this, 'visible', visible, !visible);
     },
 
     /**
      * Shows or hides this page's container.
      * @param {boolean} visible Whether the container should be visible or not.
      * @private
      */
     setContainerVisibility_: function(visible) {
-      var container = null;
-      if (this.isOverlay) {
-        container = this.pageDiv.parentNode;
-      } else {
-        var nestingLevel = this.nestingLevel;
-        if (nestingLevel > 0)
-          container = $('subpage-sheet-container-' + nestingLevel);
-      }
-      var isSubpage = !this.isOverlay;
-
+      var container = this.isOverlay ? this.pageDiv.parentNode : null;

[Dan Beam, 2012/03/06 00:31:41]

this looks a little strange to me, but I guess it's cool. I think I'd expect to
see:

  if (!this.isOverlay)
    return;

  var contain = this.pageDiv.parentNode;

but there's no functional difference...

[csilv, 2012/03/06 01:03:04]

Done.

       if (!container)
         return;
 
       if (visible)
         uber.invokeMethodOnParent('beginInterceptingEvents');
 
       if (container.hidden != visible) {
         if (visible) {
           // If the container is set hidden and then immediately set visible
           // again, the fadeCompleted_ callback would cause it to be erroneously
           // hidden again. Removing the transparent tag avoids that.
           container.classList.remove('transparent');
         }
         return;
       }
 
       if (visible) {
         container.hidden = false;
         if (document.documentElement.classList.contains('loading')) {
           container.classList.remove('transparent');
         } else {
-          if (isSubpage) {
-            var computedStyle = window.getComputedStyle(container);
-            container.style.WebkitPaddingStart =
-                parseInt(computedStyle.WebkitPaddingStart, 10) + 100 + 'px';
-          }
           // Separate animating changes from the removal of display:none.
           window.setTimeout(function() {
             container.classList.remove('transparent');
-            if (isSubpage)
-              container.style.WebkitPaddingStart = '';
           });
         }
       } else {
         var self = this;
         container.addEventListener('webkitTransitionEnd', function f(e) {
           if (e.propertyName != 'opacity')
             return;
           container.removeEventListener('webkitTransitionEnd', f);
           self.fadeCompleted_(container);
         });
         container.classList.add('transparent');
       }
     },
 
     /**
      * Called when a container opacity transition finishes.
      * @param {HTMLElement} container The container element.
      * @private
      */
     fadeCompleted_: function(container) {
       if (container.classList.contains('transparent')) {
         container.hidden = true;
         if (this.nestingLevel == 1)
           uber.invokeMethodOnParent('stopInterceptingEvents');
       }
     },
 
     /**
-     * Focuses the first control on the page.
-     */
-    focusFirstElement: function() {
-      // Sets focus on the first interactive element in the page.
-      var focusElement =
-          this.pageDiv.querySelector('button, input, list, select');
-      if (focusElement)
-        focusElement.focus();
-    },
-
-    /**
      * The nesting level of this page.
      * @type {number} The nesting level of this page (0 for top-level page)
      */
     get nestingLevel() {
       var level = 0;
       var parent = this.parentPage;
       while (parent) {
         level++;
         parent = parent.parentPage;
       }
@@ skipping 32 matching lines @@
     canShowPage: function() {
       return true;
     },
   };
 
   // Export
   return {
     OptionsPage: OptionsPage
   };
 });