From 2428cb49708970c91aa7561386169aff42324283 Mon Sep 17 00:00:00 2001 From: Damien Churchill Date: Wed, 8 Oct 2008 13:22:10 +0000 Subject: [PATCH] add a titlebar to the window --- deluge/ui/webui/templates/ajax/static/js/mooui.js | 2 +- .../templates/ajax/static/themes/classic/style.css | 10 +++++++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/deluge/ui/webui/templates/ajax/static/js/mooui.js b/deluge/ui/webui/templates/ajax/static/js/mooui.js index 4c5328cf9..98b5e5e69 100644 --- a/deluge/ui/webui/templates/ajax/static/js/mooui.js +++ b/deluge/ui/webui/templates/ajax/static/js/mooui.js @@ -121,7 +121,7 @@ this.parent(element,options) if(this.options.url){new Request.HTML({url:this.options.url,update:element,onSuccess:function(e){this.fireEvent('loaded')}.bindWithEvent(this)}).get()}}});Widgets.VBox=new Class({Extends:Widgets.Base,initialize:function(element,options){this.parent(element,options);this.boxes=[];if(this.options.expand)this.expand();},addBox:function(box,options){box=$W(box);box.boxInfo=(options)?options:{fixed:false};this.boxes.include(box);this.element.grab(box);},calculatePositions:function(){if(this.options.expand)this.expand();var size=this.getInnerSize();var height=size.y,resizable=0;this.boxes.each(function(box){box.getSizeModifiers();if(!box.boxInfo.fixed)resizable++;else height-=box.height+box.element.modifiers.y;},this);var boxHeight=height/resizable,remainder=height%resizable this.boxes.each(function(box){var boxInfo={};if(!box.boxInfo.fixed){var setHeight=boxHeight-box.element.modifiers.y;if(remainder>0){setHeight-=1;remainder--};boxInfo.height=setHeight;}else{boxInfo.height=box.height;} boxInfo.width=size.x-box.element.modifiers.x;box.sets({height:boxInfo.height,width:boxInfo.width});},this);},refreshChildren:function(){this.boxes.each(function(box){box.refresh();box.setStyle('position','relative');});}}) -Widgets.Window=new Class({Extends:Widgets.Base,initialize:function(options){var element=new Element('div');this.parent(element,options);this.addClass('moouiWindow');this.sets({width:this.options.width,height:this.options.height});this.element.setStyle('opacity',0);this.title=new Element('h3').addClass('moouiWindowTitle');this.element.grab(this.title);this.title.set('text',this.options.title);this.drag=new Drag(this.element,{handle:this.title});this.close=new Element('div').addClass('moouiWindowClose');this.close.inject(this.element);this.close.addEvent('click',function(e){this.hide();}.bindWithEvent(this));this.content=new Element('div').addClass('moouiWindowContent');this.content.inject(this.element);if(this.options.url){new Request.HTML({url:this.options.url,update:this.content,onSuccess:function(e){this.fireEvent('loaded');}.bindWithEvent(this)}).get();}},show:function(){this.fireEvent('beforeShow');var size=document.body.getInnerSize();var left=(size.x-this.options.width)/2,top=(size.y-this.options.height)/2;this.sets({left:left,top:top});document.body.grab(this.element);this.element.setStyle('opacity',1);this.fireEvent('show');},hide:function(){var tween=this.element.get('tween');tween.addEvent('complete',function(e){this.element.dispose();}.bind(this));this.element.fade(0);}}) +Widgets.Window=new Class({Extends:Widgets.Base,initialize:function(options){var element=new Element('div');this.parent(element,options);this.addClass('moouiWindow');this.sets({width:this.options.width,height:this.options.height});this.element.setStyle('opacity',0);this.titleBar=new Element('div').addClass('moouiWindowTitlebar');this.element.grab(this.titleBar);this.title=new Element('h3').addClass('moouiWindowTitle');this.title.set('text',this.options.title);this.titleBar.grab(this.title);this.drag=new Drag(this.element,{handle:this.titleBar});this.close=new Element('div').addClass('moouiWindowClose');this.close.inject(this.titleBar);this.close.addEvent('click',function(e){this.hide();}.bindWithEvent(this));this.content=new Element('div').addClass('moouiWindowContent');this.content.inject(this.element);if(this.options.url){new Request.HTML({url:this.options.url,update:this.content,onSuccess:function(e){this.fireEvent('loaded');}.bindWithEvent(this)}).get();}},show:function(){this.fireEvent('beforeShow');var size=document.body.getInnerSize();var left=(size.x-this.options.width)/2,top=(size.y-this.options.height)/2;this.sets({left:left,top:top});document.body.grab(this.element);this.element.setStyle('opacity',1);this.fireEvent('show');},hide:function(){var tween=this.element.get('tween');tween.addEvent('complete',function(e){this.element.dispose();}.bind(this));this.element.fade(0);}}) Widgets.DataGridCell=new Class({Implements:[Events,Options],options:{name:'',type:'text',width:0},initialize:function(options){this.setOptions(options) this.element=new Element('td')},set:function(value){this.value=value var text=value,set_text=true diff --git a/deluge/ui/webui/templates/ajax/static/themes/classic/style.css b/deluge/ui/webui/templates/ajax/static/themes/classic/style.css index 6dd2bea65..73a320737 100644 --- a/deluge/ui/webui/templates/ajax/static/themes/classic/style.css +++ b/deluge/ui/webui/templates/ajax/static/themes/classic/style.css @@ -200,10 +200,13 @@ ul.moouiMenu li.moouiMenuSep:hover { } .moouiWindow { - background: #405a79; + background: #304663; border: 1px solid #1c2431; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; +} + +.moouiWindowTitlebar { + height: 30px; + background: #1c2431 url(/static/images/simple_line.jpg) repeat-x 0px 25px; } .moouiWindowClose { @@ -212,6 +215,7 @@ ul.moouiMenu li.moouiMenuSep:hover { .moouiWindowTitle { margin: 5px; + } /* forms */