cros: Move kiosk settings to extensions page.

chrome/browser/resources/extensions/chromeos/kiosk_apps.js

 // Copyright 2013 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;
-
+cr.define('extensions', function() {
   /**
    * Encapsulated handling of ChromeOS kiosk apps options page.
-   * @extends {options.OptionsPage}
    * @constructor
    */
   function KioskAppsOverlay() {
-    OptionsPage.call(this,
-                     'kioskAppsOverlay',
-                     loadTimeData.getString('kioskOverlayTitle'),
-                     'kiosk-apps-page');
   }
 
   cr.addSingletonGetter(KioskAppsOverlay);
 
   KioskAppsOverlay.prototype = {
-    __proto__: OptionsPage.prototype,
-
     /**
      * Clear error timer id.
      * @type {?number}
      */
     clearErrorTimer_: null,
 
-    /** @override */
-    initializePage: function() {
-      // Call base class implementation to starts preference initialization.
-      OptionsPage.prototype.initializePage.call(this);
+    /**
+     * Initialize the page.
+     */
+    initialize: function() {
+      extensions.KioskAppList.decorate($('kiosk-app-list'));
 
-      options.KioskAppList.decorate($('kiosk-app-list'));
+      var overlay = $('kiosk-apps-page');
+      cr.ui.overlay.setupOverlay(overlay);
+      overlay.addEventListener('cancelOverlay', this.handleDismiss_.bind(this));
 
       $('kiosk-options-overlay-confirm').onclick =
-          OptionsPage.closeOverlay.bind(OptionsPage);
+          this.handleDismiss_.bind(this);
       $('kiosk-app-id-edit').addEventListener('keypress',
           this.handleAppIdInputKeyPressed_);
-
-      Preferences.getInstance().addEventListener(
-          'cros.accounts.deviceLocalAccounts',
-          this.loadAppsIfVisible_.bind(this));
-      Preferences.getInstance().addEventListener(
-          'cros.accounts.deviceLocalAccountAutoLoginId',
-          this.loadAppsIfVisible_.bind(this));
     },
 
-    /** @override */
+    /*
+     * Invoked when the page is shown.
+     */
     didShowPage: function() {
-      this.loadAppsIfVisible_();
+      chrome.send('getKioskAppSettings');
       $('kiosk-app-id-edit').focus();
     },
 
     /**
-     * Loads the apps if the overlay page is visible.
-     * @private
-     */
-    loadAppsIfVisible_: function() {
-      if (this.visible)
-        chrome.send('getKioskApps');
-    },
-
-    /**
      * Shows error for given app name/id and schedules it to cleared.
      * @param {!string} appName App name/id to show in error banner.
      */
     showError: function(appName) {
       var errorBanner = $('kiosk-apps-error-banner');
       var appNameElement = errorBanner.querySelector('.kiosk-app-name');
       appNameElement.textContent = appName;
       errorBanner.classList.add('visible');
 
       if (this.clearErrorTimer_)
         window.clearTimeout(this.clearErrorTimer_);
 
       // Sets a timer to clear out error banner after 5 seconds.
       this.clearErrorTimer_ = window.setTimeout(function() {
         errorBanner.classList.remove('visible');
         this.clearErrorTimer_ = null;
       }.bind(this), 5000);
     },
 
     /**
      * Handles keypressed event in the app id input element.
      * @private
      */
     handleAppIdInputKeyPressed_: function(e) {
       if (e.keyIdentifier == 'Enter' && e.target.value) {
         chrome.send('addKioskApp', [e.target.value]);
         e.target.value = '';
       }
+    },
+
+    /**
+     * Handles the overlay being dismissed.
+     * @private
+     */
+    handleDismiss_: function() {
+      ExtensionSettings.showOverlay(null);
     }
   };
 
   /**
    * Sets apps to be displayed in kiosk-app-list.
-   * @param {!Array.<!Object>} apps An array of app info objects.
+   * @param {!Object.<{apps: !Array.<Object>, disableBailout: boolean}>}
+   *     settings An object containing an array of app info objects and
+   *     disable bailout shortcut flag.
    */
-  KioskAppsOverlay.setApps = function(apps) {
-    $('kiosk-app-list').setApps(apps);
+  KioskAppsOverlay.setSettings = function(settings) {
+    $('kiosk-app-list').setApps(settings.apps);
+    $('kiosk-disable-bailout-shortcut').checked = settings.disableBailout;
   };
 
   /**
    * Update an app in kiosk-app-list.
    * @param {!Object} app App info to be updated.
    */
   KioskAppsOverlay.updateApp = function(app) {
     $('kiosk-app-list').updateApp(app);
   };
 
   /**
    * Shows error for given app name/id.
    * @param {!string} appName App name/id to show in error banner.
    */
   KioskAppsOverlay.showError = function(appName) {
     KioskAppsOverlay.getInstance().showError(appName);
   };
 
   // Export
   return {
     KioskAppsOverlay: KioskAppsOverlay
   };
 });
 
 <include src="kiosk_app_list.js"></include>
 <include src="kiosk_app_disable_bailout_confirm.js"></include>