Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dijit / Dialog.js @ 10

History | View | Annotate | Download (7.97 KB)

1
/*
2
        Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
3
        Available via Academic Free License >= 2.1 OR the modified BSD license.
4
        see: http://dojotoolkit.org/license for details
5
*/
6

    
7

    
8
if(!dojo._hasResource["dijit.Dialog"]){
9
dojo._hasResource["dijit.Dialog"]=true;
10
dojo.provide("dijit.Dialog");
11
dojo.require("dojo.dnd.move");
12
dojo.require("dojo.dnd.TimedMoveable");
13
dojo.require("dojo.fx");
14
dojo.require("dojo.window");
15
dojo.require("dijit._Widget");
16
dojo.require("dijit._Templated");
17
dojo.require("dijit._CssStateMixin");
18
dojo.require("dijit.form._FormMixin");
19
dojo.require("dijit._DialogMixin");
20
dojo.require("dijit.DialogUnderlay");
21
dojo.require("dijit.layout.ContentPane");
22
dojo.requireLocalization("dijit","common",null,"ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw");
23
dojo.declare("dijit._DialogBase",[dijit._Templated,dijit.form._FormMixin,dijit._DialogMixin,dijit._CssStateMixin],{templateString:dojo.cache("dijit","templates/Dialog.html","<div class=\"dijitDialog\" tabindex=\"-1\" waiRole=\"dialog\" waiState=\"labelledby-${id}_title\">\n\t<div dojoAttachPoint=\"titleBar\" class=\"dijitDialogTitleBar\">\n\t<span dojoAttachPoint=\"titleNode\" class=\"dijitDialogTitle\" id=\"${id}_title\"></span>\n\t<span dojoAttachPoint=\"closeButtonNode\" class=\"dijitDialogCloseIcon\" dojoAttachEvent=\"onclick: onCancel\" title=\"${buttonCancel}\">\n\t\t<span dojoAttachPoint=\"closeText\" class=\"closeText\" title=\"${buttonCancel}\">x</span>\n\t</span>\n\t</div>\n\t\t<div dojoAttachPoint=\"containerNode\" class=\"dijitDialogPaneContent\"></div>\n</div>\n"),baseClass:"dijitDialog",cssStateNodes:{closeButtonNode:"dijitDialogCloseIcon"},attributeMap:dojo.delegate(dijit._Widget.prototype.attributeMap,{title:[{node:"titleNode",type:"innerHTML"},{node:"titleBar",type:"attribute"}],"aria-describedby":""}),open:false,duration:dijit.defaultDuration,refocus:true,autofocus:true,_firstFocusItem:null,_lastFocusItem:null,doLayout:false,draggable:true,"aria-describedby":"",postMixInProperties:function(){
24
var _1=dojo.i18n.getLocalization("dijit","common");
25
dojo.mixin(this,_1);
26
this.inherited(arguments);
27
},postCreate:function(){
28
dojo.style(this.domNode,{display:"none",position:"absolute"});
29
dojo.body().appendChild(this.domNode);
30
this.inherited(arguments);
31
this.connect(this,"onExecute","hide");
32
this.connect(this,"onCancel","hide");
33
this._modalconnects=[];
34
},onLoad:function(){
35
this._position();
36
if(this.autofocus){
37
this._getFocusItems(this.domNode);
38
dijit.focus(this._firstFocusItem);
39
}
40
this.inherited(arguments);
41
},_endDrag:function(e){
42
if(e&&e.node&&e.node===this.domNode){
43
this._relativePosition=dojo.position(e.node);
44
}
45
},_setup:function(){
46
var _2=this.domNode;
47
if(this.titleBar&&this.draggable){
48
this._moveable=(dojo.isIE==6)?new dojo.dnd.TimedMoveable(_2,{handle:this.titleBar}):new dojo.dnd.Moveable(_2,{handle:this.titleBar,timeout:0});
49
dojo.subscribe("/dnd/move/stop",this,"_endDrag");
50
}else{
51
dojo.addClass(_2,"dijitDialogFixed");
52
}
53
this.underlayAttrs={dialogId:this.id,"class":dojo.map(this["class"].split(/\s/),function(s){
54
return s+"_underlay";
55
}).join(" ")};
56
this._fadeIn=dojo.fadeIn({node:_2,duration:this.duration,beforeBegin:dojo.hitch(this,function(){
57
var _3=dijit._underlay;
58
if(!_3){
59
_3=dijit._underlay=new dijit.DialogUnderlay(this.underlayAttrs);
60
}else{
61
_3.set(this.underlayAttrs);
62
}
63
var ds=dijit._dialogStack,_4=948+ds.length*2;
64
if(ds.length==1){
65
_3.show();
66
}
67
dojo.style(dijit._underlay.domNode,"zIndex",_4);
68
dojo.style(this.domNode,"zIndex",_4+1);
69
}),onEnd:dojo.hitch(this,function(){
70
if(this.autofocus){
71
this._getFocusItems(this.domNode);
72
dijit.focus(this._firstFocusItem);
73
}
74
})});
75
this._fadeOut=dojo.fadeOut({node:_2,duration:this.duration,onEnd:dojo.hitch(this,function(){
76
_2.style.display="none";
77
var ds=dijit._dialogStack;
78
if(ds.length==0){
79
dijit._underlay.hide();
80
}else{
81
dojo.style(dijit._underlay.domNode,"zIndex",948+ds.length*2);
82
dijit._underlay.set(ds[ds.length-1].underlayAttrs);
83
}
84
if(this.refocus){
85
var _5=this._savedFocus;
86
if(ds.length>0){
87
var pd=ds[ds.length-1];
88
if(!dojo.isDescendant(_5.node,pd.domNode)){
89
pd._getFocusItems(pd.domNode);
90
_5=pd._firstFocusItem;
91
}
92
}
93
dijit.focus(_5);
94
}
95
})});
96
},uninitialize:function(){
97
var _6=false;
98
if(this._fadeIn&&this._fadeIn.status()=="playing"){
99
_6=true;
100
this._fadeIn.stop();
101
}
102
if(this._fadeOut&&this._fadeOut.status()=="playing"){
103
_6=true;
104
this._fadeOut.stop();
105
}
106
if((this.open||_6)&&!dijit._underlay._destroyed){
107
dijit._underlay.hide();
108
}
109
if(this._moveable){
110
this._moveable.destroy();
111
}
112
this.inherited(arguments);
113
},_size:function(){
114
this._checkIfSingleChild();
115
if(this._singleChild){
116
if(this._singleChildOriginalStyle){
117
this._singleChild.domNode.style.cssText=this._singleChildOriginalStyle;
118
}
119
delete this._singleChildOriginalStyle;
120
}else{
121
dojo.style(this.containerNode,{width:"auto",height:"auto"});
122
}
123
var mb=dojo.marginBox(this.domNode);
124
var _7=dojo.window.getBox();
125
if(mb.w>=_7.w||mb.h>=_7.h){
126
var w=Math.min(mb.w,Math.floor(_7.w*0.75)),h=Math.min(mb.h,Math.floor(_7.h*0.75));
127
if(this._singleChild&&this._singleChild.resize){
128
this._singleChildOriginalStyle=this._singleChild.domNode.style.cssText;
129
this._singleChild.resize({w:w,h:h});
130
}else{
131
dojo.style(this.containerNode,{width:w+"px",height:h+"px",overflow:"auto",position:"relative"});
132
}
133
}else{
134
if(this._singleChild&&this._singleChild.resize){
135
this._singleChild.resize();
136
}
137
}
138
},_position:function(){
139
if(!dojo.hasClass(dojo.body(),"dojoMove")){
140
var _8=this.domNode,_9=dojo.window.getBox(),p=this._relativePosition,bb=p?null:dojo._getBorderBox(_8),l=Math.floor(_9.l+(p?p.x:(_9.w-bb.w)/2)),t=Math.floor(_9.t+(p?p.y:(_9.h-bb.h)/2));
141
dojo.style(_8,{left:l+"px",top:t+"px"});
142
}
143
},_onKey:function(_a){
144
var ds=dijit._dialogStack;
145
if(ds[ds.length-1]!=this){
146
return;
147
}
148
if(_a.charOrCode){
149
var dk=dojo.keys;
150
var _b=_a.target;
151
if(_a.charOrCode===dk.TAB){
152
this._getFocusItems(this.domNode);
153
}
154
var _c=(this._firstFocusItem==this._lastFocusItem);
155
if(_b==this._firstFocusItem&&_a.shiftKey&&_a.charOrCode===dk.TAB){
156
if(!_c){
157
dijit.focus(this._lastFocusItem);
158
}
159
dojo.stopEvent(_a);
160
}else{
161
if(_b==this._lastFocusItem&&_a.charOrCode===dk.TAB&&!_a.shiftKey){
162
if(!_c){
163
dijit.focus(this._firstFocusItem);
164
}
165
dojo.stopEvent(_a);
166
}else{
167
while(_b){
168
if(_b==this.domNode||dojo.hasClass(_b,"dijitPopup")){
169
if(_a.charOrCode==dk.ESCAPE){
170
this.onCancel();
171
}else{
172
return;
173
}
174
}
175
_b=_b.parentNode;
176
}
177
if(_a.charOrCode!==dk.TAB){
178
dojo.stopEvent(_a);
179
}else{
180
if(!dojo.isOpera){
181
try{
182
this._firstFocusItem.focus();
183
}
184
catch(e){
185
}
186
}
187
}
188
}
189
}
190
}
191
},show:function(){
192
if(this.open){
193
return;
194
}
195
if(!this._alreadyInitialized){
196
this._setup();
197
this._alreadyInitialized=true;
198
}
199
if(this._fadeOut.status()=="playing"){
200
this._fadeOut.stop();
201
}
202
this._modalconnects.push(dojo.connect(window,"onscroll",this,"layout"));
203
this._modalconnects.push(dojo.connect(window,"onresize",this,function(){
204
var _d=dojo.window.getBox();
205
if(!this._oldViewport||_d.h!=this._oldViewport.h||_d.w!=this._oldViewport.w){
206
this.layout();
207
this._oldViewport=_d;
208
}
209
}));
210
this._modalconnects.push(dojo.connect(dojo.doc.documentElement,"onkeypress",this,"_onKey"));
211
dojo.style(this.domNode,{opacity:0,display:""});
212
this.open=true;
213
this._onShow();
214
this._size();
215
this._position();
216
dijit._dialogStack.push(this);
217
this._fadeIn.play();
218
this._savedFocus=dijit.getFocus(this);
219
},hide:function(){
220
var ds=dijit._dialogStack;
221
if(!this._alreadyInitialized||this!=ds[ds.length-1]){
222
return;
223
}
224
if(this._fadeIn.status()=="playing"){
225
this._fadeIn.stop();
226
}
227
ds.pop();
228
this._fadeOut.play();
229
if(this._scrollConnected){
230
this._scrollConnected=false;
231
}
232
dojo.forEach(this._modalconnects,dojo.disconnect);
233
this._modalconnects=[];
234
if(this._relativePosition){
235
delete this._relativePosition;
236
}
237
this.open=false;
238
this.onHide();
239
},layout:function(){
240
if(this.domNode.style.display!="none"){
241
if(dijit._underlay){
242
dijit._underlay.layout();
243
}
244
this._position();
245
}
246
},destroy:function(){
247
dojo.forEach(this._modalconnects,dojo.disconnect);
248
if(this.refocus&&this.open){
249
setTimeout(dojo.hitch(dijit,"focus",this._savedFocus),25);
250
}
251
this.inherited(arguments);
252
}});
253
dojo.declare("dijit.Dialog",[dijit.layout.ContentPane,dijit._DialogBase],{});
254
dijit._dialogStack=[];
255
dojo.require("dijit.TooltipDialog");
256
}