codemirror 3, thnaks Roberto Perdomo and Mariano Reingart

applications/admin/static/codemirror/lib/util/dialog.js

@@ -1,16 +1,21 @@
 // Open simple dialogs on top of an editor. Relies on dialog.css.
 
 (function() {
-  function dialogDiv(cm, template) {
+  function dialogDiv(cm, template, bottom) {
     var wrap = cm.getWrapperElement();
-    var dialog = wrap.insertBefore(document.createElement("div"), wrap.firstChild);
-    dialog.className = "CodeMirror-dialog";
-    dialog.innerHTML = '<div>' + template + '</div>';
+    var dialog;
+    dialog = wrap.appendChild(document.createElement("div"));
+    if (bottom) {
+      dialog.className = "CodeMirror-dialog CodeMirror-dialog-bottom";
+    } else {
+      dialog.className = "CodeMirror-dialog CodeMirror-dialog-top";
+    }
+    dialog.innerHTML = template;
     return dialog;
   }
 
-  CodeMirror.defineExtension("openDialog", function(template, callback) {
-    var dialog = dialogDiv(this, template);
+  CodeMirror.defineExtension("openDialog", function(template, callback, options) {
+    var dialog = dialogDiv(this, template, options && options.bottom);
     var closed = false, me = this;
     function close() {
       if (closed) return;
@@ -19,7 +24,7 @@
     }
     var inp = dialog.getElementsByTagName("input")[0], button;
     if (inp) {
-      CodeMirror.connect(inp, "keydown", function(e) {
+      CodeMirror.on(inp, "keydown", function(e) {
         if (e.keyCode == 13 || e.keyCode == 27) {
           CodeMirror.e_stop(e);
           close();
@@ -28,20 +33,20 @@
         }
       });
       inp.focus();
-      CodeMirror.connect(inp, "blur", close);
+      CodeMirror.on(inp, "blur", close);
     } else if (button = dialog.getElementsByTagName("button")[0]) {
-      CodeMirror.connect(button, "click", function() {
+      CodeMirror.on(button, "click", function() {
         close();
         me.focus();
       });
       button.focus();
-      CodeMirror.connect(button, "blur", close);
+      CodeMirror.on(button, "blur", close);
     }
     return close;
   });
 
-  CodeMirror.defineExtension("openConfirm", function(template, callbacks) {
-    var dialog = dialogDiv(this, template);
+  CodeMirror.defineExtension("openConfirm", function(template, callbacks, options) {
+    var dialog = dialogDiv(this, template, options && options.bottom);
     var buttons = dialog.getElementsByTagName("button");
     var closed = false, me = this, blurring = 1;
     function close() {
@@ -54,17 +59,17 @@
     for (var i = 0; i < buttons.length; ++i) {
       var b = buttons[i];
       (function(callback) {
-        CodeMirror.connect(b, "click", function(e) {
+        CodeMirror.on(b, "click", function(e) {
           CodeMirror.e_preventDefault(e);
           close();
           if (callback) callback(me);
         });
       })(callbacks[i]);
-      CodeMirror.connect(b, "blur", function() {
+      CodeMirror.on(b, "blur", function() {
         --blurring;
         setTimeout(function() { if (blurring <= 0) close(); }, 200);
       });
-      CodeMirror.connect(b, "focus", function() { ++blurring; });
+      CodeMirror.on(b, "focus", function() { ++blurring; });
     }
   });
-})();
+})();