-<html><head><title>../roojs1/Roo/bootstrap/MessageBox.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
+<html><head><title>/home/alan/gitlive/roojs1/Roo/bootstrap/MessageBox.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
* - LGPL
*
* messagebox - can be used as a replace
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">bodyEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">msgEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">textboxEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">textareaEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">progressEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">pp</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">activeTextEl</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bwidth</span><span class="jsdoc-syntax">;
-
+
</span><span class="jsdoc-comment">// private
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">handleButton </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">button</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-var">dlg.hide</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">"cancel"</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.hide</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">"yes"</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.hide</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">"no"</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.hide</span><span class="jsdoc-syntax">();
- </span><span class="jsdoc-comment">//dlg.footer.dom.style.display = 'none';
+ </span><span class="jsdoc-var">dlg.footerEl.hide</span><span class="jsdoc-syntax">();
+
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">;
}
- </span><span class="jsdoc-var">dlg.footerEl.dom.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">;
+ </span><span class="jsdoc-var">dlg.footerEl.show</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-keyword">for</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">k </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">k</span><span class="jsdoc-syntax">] != </span><span class="jsdoc-string">"function"</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">k</span><span class="jsdoc-syntax">]){
</span><span class="jsdoc-var">textareaEl.enableDisplayMode</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">progressEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bodyEl.dom.childNodes</span><span class="jsdoc-syntax">[4]);
</span><span class="jsdoc-var">progressEl.enableDisplayMode</span><span class="jsdoc-syntax">();
-
+
</span><span class="jsdoc-comment">// This is supposed to be the progessElement.. but I think it's controlling the height of everything..
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">pf </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">progressEl.dom.firstChild</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pf</span><span class="jsdoc-syntax">) {
</span><span class="jsdoc-var">pp </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pf.firstChild</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">pp.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pf.offsetHeight</span><span class="jsdoc-syntax">);
}
-
+
}
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">dlg</span><span class="jsdoc-syntax">;
},
</span><span class="jsdoc-comment">// dlg.resizeTo(this.maxWidth, 100); // forcing the height breaks long alerts()
</span><span class="jsdoc-syntax">}
</span><span class="jsdoc-var">msgEl.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">text </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-string">'&#160;'</span><span class="jsdoc-syntax">;
-
+
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">msgEl.offsetWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">msgEl.parentNode.scrollWidth</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-comment">//Roo.log("guesed size: " + JSON.stringify([cw,msgEl.offsetWidth, msgEl.parentNode.scrollWidth]));
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(
- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.width </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">cw </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.maxWidth</span><span class="jsdoc-syntax">),
+ </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.width </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">cw </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.maxWidth</span><span class="jsdoc-syntax">),
</span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.minWidth </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">this.minWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bwidth</span><span class="jsdoc-syntax">)
);
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.prompt</span><span class="jsdoc-syntax">){
}
</span><span class="jsdoc-comment">// to big, make it scroll. = But as usual stupid IE does not support
// !important..
-
+
</span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">( </span><span class="jsdoc-var">bodyEl.getHeight</span><span class="jsdoc-syntax">() > (</span><span class="jsdoc-var">Roo.lib.Dom.getViewHeight</span><span class="jsdoc-syntax">() - 100)) {
</span><span class="jsdoc-var">bodyEl.setHeight </span><span class="jsdoc-syntax">( </span><span class="jsdoc-var">Roo.lib.Dom.getViewHeight</span><span class="jsdoc-syntax">() - 100 );
</span><span class="jsdoc-var">bodyEl.dom.style.overflowY </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'auto' </span><span class="jsdoc-syntax">+ ( </span><span class="jsdoc-var">Roo.isIE </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">'' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">' !important'</span><span class="jsdoc-syntax">);
} </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
</span><span class="jsdoc-var">bodyEl.dom.style.overflowX </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">;
}
-
+
</span><span class="jsdoc-var">dlg.setContentSize</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bodyEl.getHeight</span><span class="jsdoc-syntax">());
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dlg.isVisible</span><span class="jsdoc-syntax">()){
</span><span class="jsdoc-var">dlg.fixedcenter </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">text</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-var">this.updateText</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">text</span><span class="jsdoc-syntax">);
}
-
+
</span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pp</span><span class="jsdoc-syntax">) { </span><span class="jsdoc-comment">// weird bug on my firefox - for some reason this is not defined
</span><span class="jsdoc-var">pp.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">value</span><span class="jsdoc-syntax">*</span><span class="jsdoc-var">progressEl.dom.firstChild.offsetWidth</span><span class="jsdoc-syntax">));
</span><span class="jsdoc-var">pp.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">progressEl.dom.firstChild.offsetHeight</span><span class="jsdoc-syntax">));
}
</span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">;
- },
+ },
</span><span class="jsdoc-comment">/**
* Returns true if the message box is currently displayed
* @return {Boolean} True if the message box is visible, else false
*/
</span><span class="jsdoc-var">isVisible </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
- </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">dlg </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">dlg.isVisible</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">dlg </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">dlg.isVisible</span><span class="jsdoc-syntax">();
},
</span><span class="jsdoc-comment">/**
</span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.isVisible</span><span class="jsdoc-syntax">()){
</span><span class="jsdoc-var">dlg.hide</span><span class="jsdoc-syntax">();
- }
+ }
},
</span><span class="jsdoc-comment">/**
*/
</span><span class="jsdoc-var">show </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">options</span><span class="jsdoc-syntax">)
{
-
+
</span><span class="jsdoc-comment">// this causes nightmares if you show one dialog after another
// especially on callbacks..
-
+
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.isVisible</span><span class="jsdoc-syntax">()){
-
+
</span><span class="jsdoc-var">this.hide</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"[Roo.Messagebox] Show called while message displayed:" </span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"Old Dialog Message:" </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">msgEl.innerHTML </span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"New Dialog Message:" </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">options.msg </span><span class="jsdoc-syntax">)
</span><span class="jsdoc-comment">//this.alert("ERROR", "Multiple dialogs where displayed at the same time");
//throw "Roo.MessageBox ERROR : Multiple dialogs where displayed at the same time";
-
+
</span><span class="jsdoc-syntax">}
</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">d </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getDialog</span><span class="jsdoc-syntax">();
</span><span class="jsdoc-var">opt </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">options</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-var">textareaEl.hide</span><span class="jsdoc-syntax">();
}
</span><span class="jsdoc-var">progressEl.setDisplayed</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.progress </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.progress</span><span class="jsdoc-syntax">) {
+ </span><span class="jsdoc-var">d.animate </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">; </span><span class="jsdoc-comment">// do not animate progress, as it may not have finished animating before we close it..
+ </span><span class="jsdoc-syntax">}
</span><span class="jsdoc-var">this.updateProgress</span><span class="jsdoc-syntax">(0);
</span><span class="jsdoc-var">activeTextEl.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">opt.value </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">;
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">opt.prompt</span><span class="jsdoc-syntax">){
</span><span class="jsdoc-syntax">});
</span><span class="jsdoc-var">waitTimer </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.TaskMgr.start</span><span class="jsdoc-syntax">({
</span><span class="jsdoc-var">run</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">){
- </span><span class="jsdoc-var">Roo.MessageBox.updateProgress</span><span class="jsdoc-syntax">(((((</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">+20)%20)+1)*5)*</span><span class="jsdoc-var">.</span><span class="jsdoc-syntax">01);
+ </span><span class="jsdoc-var">Roo.MessageBox.updateProgress</span><span class="jsdoc-syntax">(((((</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">+20)%20)+1)*5)*</span><span class="jsdoc-var">.01</span><span class="jsdoc-syntax">);
},
</span><span class="jsdoc-var">interval</span><span class="jsdoc-syntax">: 1000
});