window_rails 0.0.1

data/files/javascripts/window_effects.js

@@ -0,0 +1,157 @@
+Effect.ResizeWindow = Class.create();
+Object.extend(Object.extend(Effect.ResizeWindow.prototype, Effect.Base.prototype), {
+  initialize: function(win, top, left, width, height) {
+    this.window = win;
+    this.window.resizing = true;
+    
+    var size = win.getSize();
+    this.initWidth    = parseFloat(size.width);
+    this.initHeight   = parseFloat(size.height);
+
+    var location = win.getLocation();
+    this.initTop    = parseFloat(location.top);
+    this.initLeft   = parseFloat(location.left);
+
+    this.width    = width != null  ? parseFloat(width)  : this.initWidth;
+    this.height   = height != null ? parseFloat(height) : this.initHeight;
+    this.top      = top != null    ? parseFloat(top)    : this.initTop;
+    this.left     = left != null   ? parseFloat(left)   : this.initLeft;
+
+    this.dx     = this.left   - this.initLeft;
+    this.dy     = this.top    - this.initTop;
+    this.dw     = this.width  - this.initWidth;
+    this.dh     = this.height - this.initHeight;
+    
+    this.r2      = $(this.window.getId() + "_row2");
+    this.content = $(this.window.getId() + "_content");
+        
+    this.contentOverflow = this.content.getStyle("overflow") || "auto";
+    this.content.setStyle({overflow: "hidden"});
+    
+    // Wired mode
+    if (this.window.options.wiredDrag) {
+      this.window.currentDrag = win._createWiredElement();
+      this.window.currentDrag.show();
+      this.window.element.hide();
+    }
+
+    this.start(arguments[5]);
+  },
+  
+  update: function(position) {
+    var width  = Math.floor(this.initWidth  + this.dw * position);
+    var height = Math.floor(this.initHeight + this.dh * position);
+    var top    = Math.floor(this.initTop    + this.dy * position);
+    var left   = Math.floor(this.initLeft   + this.dx * position);
+
+    if (window.ie) {
+      if (Math.floor(height) == 0)  
+        this.r2.hide();
+      else if (Math.floor(height) >1)  
+        this.r2.show();
+    }      
+    this.r2.setStyle({height: height});
+    this.window.setSize(width, height);
+    this.window.setLocation(top, left);
+  },
+  
+  finish: function(position) {
+    // Wired mode
+    if (this.window.options.wiredDrag) {
+      this.window._hideWiredElement();
+      this.window.element.show();
+    }
+
+    this.window.setSize(this.width, this.height);
+    this.window.setLocation(this.top, this.left);
+    this.r2.setStyle({height: null});
+    
+    this.content.setStyle({overflow: this.contentOverflow});
+      
+    this.window.resizing = false;
+  }
+});
+
+Effect.ModalSlideDown = function(element) {
+  var windowScroll = WindowUtilities.getWindowScroll();    
+  var height = element.getStyle("height");  
+  element.setStyle({top: - (parseFloat(height) - windowScroll.top) + "px"});
+  
+  element.show();
+  return new Effect.Move(element, Object.extend({ x: 0, y: parseFloat(height) }, arguments[1] || {}));
+};
+
+
+Effect.ModalSlideUp = function(element) {
+  var height = element.getStyle("height");
+  return new Effect.Move(element, Object.extend({ x: 0, y: -parseFloat(height) }, arguments[1] || {}));
+};
+
+PopupEffect = Class.create();
+PopupEffect.prototype = {    
+  initialize: function(htmlElement) {
+    this.html = $(htmlElement);      
+    this.options = Object.extend({className: "popup_effect", duration: 0.4}, arguments[1] || {});
+    
+  },
+  show: function(element, options) { 
+    var position = Position.cumulativeOffset(this.html);      
+    var size = this.html.getDimensions();
+    var bounds = element.win.getBounds();
+    this.window =  element.win;      
+    // Create a div
+    if (!this.div) {
+      this.div = document.createElement("div");
+      this.div.className = this.options.className;
+      this.div.style.height = size.height + "px";
+      this.div.style.width  = size.width  + "px";
+      this.div.style.top    = position[1] + "px";
+      this.div.style.left   = position[0] + "px";   
+      this.div.style.position = "absolute"
+      document.body.appendChild(this.div);
+    }                                                   
+    if (this.options.fromOpacity)
+      this.div.setStyle({opacity: this.options.fromOpacity})
+    this.div.show();          
+    var style = "top:" + bounds.top + ";left:" +bounds.left + ";width:" + bounds.width +";height:" + bounds.height;
+    if (this.options.toOpacity)
+      style += ";opacity:" + this.options.toOpacity;
+    
+    new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._showWindow.bind(this)});    
+  },
+
+  hide: function(element, options) {     
+    var position = Position.cumulativeOffset(this.html);      
+    var size = this.html.getDimensions();    
+    this.window.visible = true; 
+    var bounds = this.window.getBounds();
+    this.window.visible = false; 
+
+    this.window.element.hide();
+
+    this.div.style.height = bounds.height;
+    this.div.style.width  = bounds.width;
+    this.div.style.top    = bounds.top;
+    this.div.style.left   = bounds.left;
+    
+    if (this.options.toOpacity)
+      this.div.setStyle({opacity: this.options.toOpacity})
+
+    this.div.show();                                 
+    var style = "top:" + position[1] + "px;left:" + position[0] + "px;width:" + size.width +"px;height:" + size.height + "px";
+
+    if (this.options.fromOpacity)
+      style += ";opacity:" + this.options.fromOpacity;
+    new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._hideDiv.bind(this)});    
+  },
+  
+  _showWindow: function() {
+    this.div.hide();
+    this.window.element.show(); 
+  },
+  
+  _hideDiv: function() {
+    this.div.hide();
+  }
+}
+

data/files/javascripts/window_ext.js

@@ -0,0 +1,115 @@
+// Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
+// YOU MUST INCLUDE window.js BEFORE
+//
+// Object to store hide/show windows status in a cookie
+// Just add at the end of your HTML file this javascript line: WindowStore.init()
+WindowStore = {
+  doSetCookie: false,
+  cookieName:  "__window_store__",
+  expired:     null,
+  
+  // Init function with two optional parameters
+  // - cookieName (default = __window_store__)
+  // - expiration date (default 3 years from now)
+  init: function(cookieName, expired) {
+    WindowStore.cookieName = cookieName || WindowStore.cookieName
+
+    if (! expired) {
+      var today = new Date();
+      today.setYear(today.getYear()+1903);
+      WindowStore.expired = today;
+    }
+    else
+      WindowStore.expired = expired;
+
+    Windows.windows.each(function(win) {
+      win.setCookie(win.getId(), WindowStore.expired);
+    });
+
+    // Create observer on show/hide events
+    var myObserver = {
+    	onShow: function(eventName, win) {
+    	  WindowStore._saveCookie();
+    	},
+    	
+    	onClose: function(eventName, win) {
+    	  WindowStore._saveCookie();
+  	  },
+  	  
+    	onHide: function(eventName, win) {
+    	  WindowStore._saveCookie();
+    	}
+    }
+    Windows.addObserver(myObserver);
+
+    WindowStore._restoreWindows();
+    WindowStore._saveCookie();
+  },
+  
+  show: function(win) {
+    eval("var cookie = " + WindowUtilities.getCookie(WindowStore.cookieName));
+    if (cookie != null) {
+      if (cookie[win.getId()])
+        win.show();
+    }
+    else
+      win.show();
+  },
+
+  // Function to store windows show/hide status in a cookie 
+  _saveCookie: function() {
+    if (!doSetCookie)
+      return;
+    
+    var cookieValue = "{";
+    Windows.windows.each(function(win) {
+      if (cookieValue != "{")
+        cookieValue += ","
+      cookieValue += win.getId() + ": " + win.isVisible();
+    });
+    cookieValue += "}"
+  
+    WindowUtilities.setCookie(cookieValue, [WindowStore.cookieName, WindowStore.expired]);  
+  },
+
+  // Function to restore windows show/hide status from a cookie if exists
+  _restoreWindows: function() {
+    eval("var cookie = " + WindowUtilities.getCookie(WindowStore.cookieName));
+    if (cookie != null) {
+      doSetCookie = false;
+      Windows.windows.each(function(win) {
+        if (cookie[win.getId()])
+          win.show();
+      });
+    }
+    doSetCookie = true;
+  }
+}
+
+// Object to set a close key an all windows
+WindowCloseKey = {
+  keyCode: Event.KEY_ESC,
+  
+  init: function(keyCode) {
+    if (keyCode)
+      WindowCloseKey.keyCode = keyCode;      
+      
+    Event.observe(document, 'keydown', this._closeCurrentWindow.bindAsEventListener(this));   
+  },
+  
+  _closeCurrentWindow: function(event) {
+    var e = event || window.event
+  	var characterCode = e.which || e.keyCode;
+  	
+  	// Check if there is a top window (it means it's an URL content)
+  	var win = top.Windows.focusedWindow;
+    if (characterCode == WindowCloseKey.keyCode && win) {
+      if (win.cancelCallback) 
+        top.Dialog.cancelCallback();      
+      else if (win.okCallback) 
+        top.Dialog.okCallback();
+      else
+        top.Windows.close(top.Windows.focusedWindow.getId());
+    }
+  }
+}

data/files/themes/alert.css

@@ -0,0 +1,119 @@
+.overlay_alert {
+	background-color: #85BBEF;
+	filter:alpha(opacity=60);
+	-moz-opacity: 0.6;
+	opacity: 0.6;
+}
+
+.alert_nw {
+	width: 5px;
+	height: 5px;
+	background: transparent url(alert/top_left.gif) no-repeat bottom left;			
+}
+
+.alert_n {
+	height: 5px;
+	background: transparent url(alert/top.gif) repeat-x bottom left;			
+}
+
+.alert_ne {
+	width: 5px;
+	height: 5px;
+	background: transparent url(alert/top_right.gif) no-repeat bottom left			
+}
+
+.alert_e {
+	width: 5px;
+	background: transparent url(alert/right.gif) repeat-y 0 0;			
+}
+
+.alert_w {
+	width: 5px;
+	background: transparent url(alert/left.gif) repeat-y 0 0;			
+}
+
+.alert_sw {
+	width: 5px;
+	height: 5px;
+	background: transparent url(alert/bottom_left.gif) no-repeat 0 0;			
+}
+
+.alert_s {
+	height: 5px;
+	background: transparent url(alert/bottom.gif) repeat-x 0 0;			
+}
+
+.alert_se, .alert_sizer {
+	width: 5px;
+	height: 5px;
+	background: transparent url(alert/bottom_right.gif) no-repeat 0 0;			
+}
+
+.alert_close {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_minimize {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_maximize {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_title {
+	float:left;
+	height:1px;
+	width:100%;
+}
+
+.alert_content {
+	overflow:visible;
+	color: #000;
+	font-family: Tahoma, Arial, sans-serif;
+  font: 12px arial;
+	background: #FFF;
+}
+
+/* For alert/confirm dialog */
+.alert_window {
+	background: #FFF;
+	padding:20px;
+	margin-left:auto;
+	margin-right:auto;
+	width:400px;
+}
+
+.alert_message {
+  font: 12px arial;
+	width:100%;
+	color:#F00;
+	padding-bottom:10px;
+}
+
+.alert_buttons {
+	text-align:center;
+	width:100%;
+}
+
+.alert_buttons input {
+	width:20%;
+	margin:10px;
+}
+
+.alert_progress {
+	float:left;
+	margin:auto;
+	text-align:center;
+	width:100%;
+	height:16px;
+	background: #FFF url('alert/progress.gif') no-repeat center center
+}
+
+

data/files/themes/alert_lite.css

@@ -0,0 +1,88 @@
+.overlay_alert_lite {
+	background-color: #85BBEF;
+	filter:alpha(opacity=60);
+	-moz-opacity: 0.6;
+	opacity: 0.6;
+}
+
+.alert_lite_sizer {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_lite_close {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_lite_minimize {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_lite_maximize {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_lite_title {
+	width:0px;
+	height:0px;
+	display:none;
+}
+
+.alert_lite_content {
+	overflow:auto;
+	color: #000;
+	font-family: Tahoma, Arial, sans-serif;
+	font-size: 10px;
+	background: #FFF;
+}
+
+
+/* For alert/confirm dialog */
+.alert_lite_window {
+	border:1px solid #F00;	
+	background: #FFF;
+	padding:20px;
+	margin-left:auto;
+	margin-right:auto;
+	width:400px;
+}
+
+.alert_lite_message {
+	font-size:16px;
+	text-align:center;
+	width:100%;
+	color:#F00;
+	padding-bottom:10px;
+}
+
+.alert_lite_buttons {
+	text-align:center;
+	width:100%;
+}
+
+.alert_lite_buttons input {
+	width:20%;
+	margin:10px;
+}
+
+.alert_lite_progress {
+	float:left;
+	margin:auto;
+	text-align:center;
+	width:100%;
+	height:16px;
+	background: #FFF url('alert/progress.gif') no-repeat center center
+}
+
+table.alert_lite_header  {
+  border:1px solid #F00;
+  background:#FFF
+}
+