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

(function() {

function dialogDiv(cm, template, bottom) {
  var wrap = cm.getWrapperElement();
  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, options) {
  var dialog = dialogDiv(this, template, options && options.bottom);
  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);
      }
    });
    if (options && options.value) inp.value = options.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, options) {
  var dialog = dialogDiv(this, template, options && options.bottom);
  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; });
  }
});

})();