Fix #5654 - roojspacker - get it working as a doc tool...
[roojs1] / docs / src / Roo_bootstrap_MessageBox.js.html
@@ -1,4 +1,4 @@
-<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
@@ -35,7 +35,7 @@ Roo.Msg.show({
     </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">();
@@ -61,10 +61,11 @@ Roo.Msg.show({
             </span><span class="jsdoc-var">buttons</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">&quot;cancel&quot;</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">&quot;yes&quot;</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">&quot;no&quot;</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">&quot;function&quot;</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">]){
@@ -149,14 +150,14 @@ Roo.Msg.show({
                 </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">;
         },
@@ -174,11 +175,11 @@ Roo.Msg.show({
                 </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">'&amp;#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(&quot;guesed size: &quot; + 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">){
@@ -189,7 +190,7 @@ Roo.Msg.show({
             }
             </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">() &gt; (</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">);
@@ -202,7 +203,7 @@ Roo.Msg.show({
             } </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">;
@@ -221,20 +222,20 @@ Roo.Msg.show({
             </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">&amp;&amp; </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">&amp;&amp; </span><span class="jsdoc-var">dlg.isVisible</span><span class="jsdoc-syntax">();
         },
 
         </span><span class="jsdoc-comment">/**
@@ -243,7 +244,7 @@ Roo.Msg.show({
         </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">/**
@@ -305,19 +306,19 @@ Roo.Msg.show({
          */
         </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">&quot;[Roo.Messagebox] Show called while message displayed:&quot; </span><span class="jsdoc-syntax">);
                 </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;Old Dialog Message:&quot; </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">&quot;New Dialog Message:&quot; </span><span class="jsdoc-syntax">+  </span><span class="jsdoc-var">options.msg </span><span class="jsdoc-syntax">)
                 </span><span class="jsdoc-comment">//this.alert(&quot;ERROR&quot;, &quot;Multiple dialogs where displayed at the same time&quot;);
                 //throw &quot;Roo.MessageBox ERROR : Multiple dialogs where displayed at the same time&quot;;
-                
+
             </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">;
@@ -341,6 +342,9 @@ Roo.Msg.show({
                 </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">&quot;&quot;</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">){
@@ -439,7 +443,7 @@ Roo.Msg.show({
             </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
             });