// Open simple dialogs on top of an editor. Relies on dialog.css.



(function() {

  function dialogDiv(cm, template) {

    var wrap = cm.getWrapperElement();

    var dialog = wrap.insertBefore(document.createElement("div"), wrap.firstChild);

    dialog.className = "CodeMirror-dialog";

    dialog.innerHTML = '<div>' + template + '</div>';

    return dialog;

  }



  CodeMirror.defineExtension("openDialog", function(template, callback) {

    var dialog = dialogDiv(this, template);

    var closed = false, me = this;

    function close() {

      if (closed) return;

      closed = true;

      dialog.parentNode.removeChild(dialog);

    }

    var inp = dialog.getElementsByTagName("input")[0], button;

    if (inp) {

      CodeMirror.connect(inp, "keydown", function(e) {

        if (e.keyCode == 13 || e.keyCode == 27) {

          CodeMirror.e_stop(e);

          close();

          me.focus();

          if (e.keyCode == 13) callback(inp.value);

        }

      });

      inp.focus();

      CodeMirror.connect(inp, "blur", close);

    } else if (button = dialog.getElementsByTagName("button")[0]) {

      CodeMirror.connect(button, "click", function() {

        close();

        me.focus();

      });

      button.focus();

      CodeMirror.connect(button, "blur", close);

    }

    return close;

  });



  CodeMirror.defineExtension("openConfirm", function(template, callbacks) {

    var dialog = dialogDiv(this, template);

    var buttons = dialog.getElementsByTagName("button");

    var closed = false, me = this, blurring = 1;

    function close() {

      if (closed) return;

      closed = true;

      dialog.parentNode.removeChild(dialog);

      me.focus();

    }

    buttons[0].focus();

    for (var i = 0; i < buttons.length; ++i) {

      var b = buttons[i];

      (function(callback) {

        CodeMirror.connect(b, "click", function(e) {

          CodeMirror.e_preventDefault(e);

          close();

          if (callback) callback(me);

        });

      })(callbacks[i]);

      CodeMirror.connect(b, "blur", function() {

        --blurring;

        setTimeout(function() { if (blurring <= 0) close(); }, 200);

      });

      CodeMirror.connect(b, "focus", function() { ++blurring; });

    }

  });

})();