mirror of
https://github.com/codex-storage/deluge.git
synced 2025-02-25 17:45:26 +00:00
add a titlebar to the window
This commit is contained in:
parent
51730b2c55
commit
2428cb4970
@ -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
|
||||
|
@ -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 */
|
||||
|
Loading…
x
Reference in New Issue
Block a user