Source: popup.js

  1. /*
  2.  * JBoss, Home of Professional Open Source
  3.  * Copyright ${year}, Red Hat, Inc. and individual contributors
  4.  * by the @authors tag. See the copyright.txt in the distribution for a
  5.  * full listing of individual contributors.
  6.  *
  7.  * This is free software; you can redistribute it and/or modify it
  8.  * under the terms of the GNU Lesser General Public License as
  9.  * published by the Free Software Foundation; either version 2.1 of
  10.  * the License, or (at your option) any later version.
  11.  *
  12.  * This software is distributed in the hope that it will be useful,
  13.  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  15.  * Lesser General Public License for more details.
  16.  *
  17.  * You should have received a copy of the GNU Lesser General Public
  18.  * License along with this software; if not, write to the Free
  19.  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  20.  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  21.  */
  23. (function ($, rf) {
  25.     rf.ui = rf.ui || {};
  27.     /**
  28.      * A simple popup
  29.      * 
  30.      * @extends RichFaces.BaseComponent
  31.      * @memberOf! RichFaces.ui
  32.      * @constructs RichFaces.ui.Popup
  33.      * 
  34.      * @param id
  35.      * @param options
  36.      */
  37.     rf.ui.Popup = function(id, options) {
  38.         $super.constructor.call(this, id);
  39.         this.options = $.extend({}, defaultOptions, options);
  40.         this.positionOptions = {type: this.options.positionType, from:this.options.jointPoint, to:this.options.direction, offset: this.options.positionOffset};
  42.         this.popup = $(document.getElementById(id));
  44.         this.visible = this.options.visible;
  45.         this.attachTo = this.options.attachTo;
  46.         this.attachToBody = this.options.attachToBody;
  47.         this.positionType = this.options.positionType;
  48.         this.positionOffset = this.options.positionOffset;
  49.     };
  51.     rf.BaseComponent.extend(rf.ui.Popup);
  52.     var $super = rf.ui.Popup.$super;
  54.     var defaultOptions = {
  55.         visible: false
  56.     };
  58.     $.extend(rf.ui.Popup.prototype, {
  60.             name : "popup",
  62.             /**
  63.              * Show the popup
  64.              * 
  65.              * @method
  66.              * @name RichFaces.ui.Popup#show
  67.              */
  68.             show: function(event) {
  69.                 if (!this.visible) {
  70.                     if (this.attachToBody) {
  71.                         this.parentElement = this.popup.parent().get(0);
  72.                         document.body.appendChild(this.popup.get(0));
  73.                     }
  74.                     this.visible = true;
  75.                 }
  77.                 this.popup.setPosition(event || {id: this.attachTo}, this.positionOptions).show();
  78.             },
  80.             /**
  81.              * Hide the popup
  82.              * 
  83.              * @method
  84.              * @name RichFaces.ui.Popup#hide
  85.              */
  86.             hide: function() {
  87.                 if (this.visible) {
  88.                     this.popup.hide();
  89.                     this.visible = false;
  90.                     if (this.attachToBody && this.parentElement) {
  91.                         this.parentElement.appendChild(this.popup.get(0));
  92.                         this.parentElement = null;
  93.                     }
  94.                 }
  95.             },
  97.             /**
  98.              * Returns true if the popup is visible
  99.              * 
  100.              * @method
  101.              * @name RichFaces.ui.Popup#isVisible
  102.              * @return {boolean} true if the popup is visible
  103.              */
  104.             isVisible: function() {
  105.                 return this.visible;
  106.             },
  108.             getId: function() {
  109.                 return this.id;
  110.             },
  112.             destroy: function() {
  113.                 if (this.attachToBody && this.parentElement) {
  114.                     this.parentElement.appendChild(this.popup.get(0));
  115.                     this.parentElement = null;
  116.                 }
  117.             }
  118.         });
  120. })(RichFaces.jQuery, window.RichFaces);