Home | History | Annotate | Download | only in options 
      1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2 // Use of this source code is governed by a BSD-style license that can be
      3 // found in the LICENSE file.
      4 
      5 cr.define('options', function() {
      6   var OptionsPage = options.OptionsPage;
      7 
      8   /**
      9    * AlertOverlay class
     10    * Encapsulated handling of a generic alert.
     11    * @class
     12    */
     13   function AlertOverlay() {
     14     OptionsPage.call(this, 'alertOverlay', '', 'alertOverlay');
     15   }
     16 
     17   cr.addSingletonGetter(AlertOverlay);
     18 
     19   AlertOverlay.prototype = {
     20     // Inherit AlertOverlay from OptionsPage.
     21     __proto__: OptionsPage.prototype,
     22 
     23     /**
     24      * Whether the page can be shown. Used to make sure the page is only
     25      * shown via AlertOverlay.Show(), and not via the address bar.
     26      * @private
     27      */
     28     canShow_: false,
     29 
     30     /**
     31      * Initialize the page.
     32      */
     33     initializePage: function() {
     34       // Call base class implementation to start preference initialization.
     35       OptionsPage.prototype.initializePage.call(this);
     36 
     37       var self = this;
     38       $('alertOverlayOk').onclick = function(event) {
     39         self.handleOK_();
     40       };
     41 
     42       $('alertOverlayCancel').onclick = function(event) {
     43         self.handleCancel_();
     44       };
     45     },
     46 
     47     /** @override */
     48     get nestingLevel() {
     49       // AlertOverlay is special in that it is not tied to one page or overlay.
     50       // Set the nesting level arbitrarily high so as to always be recognized as
     51       // the top-most visible page.
     52       return 99;
     53     },
     54 
     55     /**
     56      * Handle the 'ok' button.  Clear the overlay and call the ok callback if
     57      * available.
     58      * @private
     59      */
     60     handleOK_: function() {
     61       OptionsPage.closeOverlay();
     62       if (this.okCallback != undefined) {
     63         this.okCallback.call();
     64       }
     65     },
     66 
     67     /**
     68      * Handle the 'cancel' button.  Clear the overlay and call the cancel
     69      * callback if available.
     70      * @private
     71      */
     72     handleCancel_: function() {
     73       OptionsPage.closeOverlay();
     74       if (this.cancelCallback != undefined) {
     75         this.cancelCallback.call();
     76       }
     77     },
     78 
     79     /**
     80      * The page is getting hidden. Don't let it be shown again.
     81      */
     82     willHidePage: function() {
     83       canShow_ = false;
     84     },
     85 
     86     /** @override */
     87     canShowPage: function() {
     88       return this.canShow_;
     89     },
     90   };
     91 
     92   /**
     93    * Show an alert overlay with the given message, button titles, and
     94    * callbacks.
     95    * @param {string} title The alert title to display to the user.
     96    * @param {string} message The alert message to display to the user.
     97    * @param {string} okTitle The title of the OK button. If undefined or empty,
     98    *     no button is shown.
     99    * @param {string} cancelTitle The title of the cancel button. If undefined or
    100    *     empty, no button is shown.
    101    * @param {function} okCallback A function to be called when the user presses
    102    *     the ok button.  The alert window will be closed automatically.  Can be
    103    *     undefined.
    104    * @param {function} cancelCallback A function to be called when the user
    105    *     presses the cancel button.  The alert window will be closed
    106    *     automatically.  Can be undefined.
    107    */
    108   AlertOverlay.show = function(
    109       title, message, okTitle, cancelTitle, okCallback, cancelCallback) {
    110     if (title != undefined) {
    111       $('alertOverlayTitle').textContent = title;
    112       $('alertOverlayTitle').style.display = 'block';
    113     } else {
    114       $('alertOverlayTitle').style.display = 'none';
    115     }
    116 
    117     if (message != undefined) {
    118       $('alertOverlayMessage').textContent = message;
    119       $('alertOverlayMessage').style.display = 'block';
    120     } else {
    121       $('alertOverlayMessage').style.display = 'none';
    122     }
    123 
    124     if (okTitle != undefined && okTitle != '') {
    125       $('alertOverlayOk').textContent = okTitle;
    126       $('alertOverlayOk').style.display = 'block';
    127     } else {
    128       $('alertOverlayOk').style.display = 'none';
    129     }
    130 
    131     if (cancelTitle != undefined && cancelTitle != '') {
    132       $('alertOverlayCancel').textContent = cancelTitle;
    133       $('alertOverlayCancel').style.display = 'inline';
    134     } else {
    135       $('alertOverlayCancel').style.display = 'none';
    136     }
    137 
    138     var alertOverlay = AlertOverlay.getInstance();
    139     alertOverlay.okCallback = okCallback;
    140     alertOverlay.cancelCallback = cancelCallback;
    141     alertOverlay.canShow_ = true;
    142 
    143     // Intentionally don't show the URL in the location bar as we don't want
    144     // people trying to navigate here by hand.
    145     OptionsPage.showPageByName('alertOverlay', false);
    146   };
    147 
    148   // Export
    149   return {
    150     AlertOverlay: AlertOverlay
    151   };
    152 });
    153