GPQAPP

1
// CodeMirror, copyright (c) by Marijn Haverbeke and others
2
// Distributed under an MIT license: https://codemirror.net/LICENSE
3

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

6
(function(mod) {
7
  if (typeof exports == "object" && typeof module == "object") // CommonJS
8
    mod(require("../../lib/codemirror"));
9
  else if (typeof define == "function" && define.amd) // AMD
10
    define(["../../lib/codemirror"], mod);
11
  else // Plain browser env
12
    mod(CodeMirror);
13
})(function(CodeMirror) {
14
  function dialogDiv(cm, template, bottom) {
15
    var wrap = cm.getWrapperElement();
16
    var dialog;
17
    dialog = wrap.appendChild(document.createElement("div"));
18
    if (bottom)
19
      dialog.className = "CodeMirror-dialog CodeMirror-dialog-bottom";
20
    else
21
      dialog.className = "CodeMirror-dialog CodeMirror-dialog-top";
22

23
    if (typeof template == "string") {
24
      dialog.innerHTML = template;
25
    } else { // Assuming it's a detached DOM element.
26
      dialog.appendChild(template);
27
    }
28
    CodeMirror.addClass(wrap, 'dialog-opened');
29
    return dialog;
30
  }
31

32
  function closeNotification(cm, newVal) {
33
    if (cm.state.currentNotificationClose)
34
      cm.state.currentNotificationClose();
35
    cm.state.currentNotificationClose = newVal;
36
  }
37

38
  CodeMirror.defineExtension("openDialog", function(template, callback, options) {
39
    if (!options) options = {};
40

41
    closeNotification(this, null);
42

43
    var dialog = dialogDiv(this, template, options.bottom);
44
    var closed = false, me = this;
45
    function close(newVal) {
46
      if (typeof newVal == 'string') {
47
        inp.value = newVal;
48
      } else {
49
        if (closed) return;
50
        closed = true;
51
        CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
52
        dialog.parentNode.removeChild(dialog);
53
        me.focus();
54

55
        if (options.onClose) options.onClose(dialog);
56
      }
57
    }
58

59
    var inp = dialog.getElementsByTagName("input")[0], button;
60
    if (inp) {
61
      inp.focus();
62

63
      if (options.value) {
64
        inp.value = options.value;
65
        if (options.selectValueOnOpen !== false) {
66
          inp.select();
67
        }
68
      }
69

70
      if (options.onInput)
71
        CodeMirror.on(inp, "input", function(e) { options.onInput(e, inp.value, close);});
72
      if (options.onKeyUp)
73
        CodeMirror.on(inp, "keyup", function(e) {options.onKeyUp(e, inp.value, close);});
74

75
      CodeMirror.on(inp, "keydown", function(e) {
76
        if (options && options.onKeyDown && options.onKeyDown(e, inp.value, close)) { return; }
77
        if (e.keyCode == 27 || (options.closeOnEnter !== false && e.keyCode == 13)) {
78
          inp.blur();
79
          CodeMirror.e_stop(e);
80
          close();
81
        }
82
        if (e.keyCode == 13) callback(inp.value, e);
83
      });
84

85
      if (options.closeOnBlur !== false) CodeMirror.on(dialog, "focusout", function (evt) {
86
        if (evt.relatedTarget !== null) close();
87
      });
88
    } else if (button = dialog.getElementsByTagName("button")[0]) {
89
      CodeMirror.on(button, "click", function() {
90
        close();
91
        me.focus();
92
      });
93

94
      if (options.closeOnBlur !== false) CodeMirror.on(button, "blur", close);
95

96
      button.focus();
97
    }
98
    return close;
99
  });
100

101
  CodeMirror.defineExtension("openConfirm", function(template, callbacks, options) {
102
    closeNotification(this, null);
103
    var dialog = dialogDiv(this, template, options && options.bottom);
104
    var buttons = dialog.getElementsByTagName("button");
105
    var closed = false, me = this, blurring = 1;
106
    function close() {
107
      if (closed) return;
108
      closed = true;
109
      CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
110
      dialog.parentNode.removeChild(dialog);
111
      me.focus();
112
    }
113
    buttons[0].focus();
114
    for (var i = 0; i < buttons.length; ++i) {
115
      var b = buttons[i];
116
      (function(callback) {
117
        CodeMirror.on(b, "click", function(e) {
118
          CodeMirror.e_preventDefault(e);
119
          close();
120
          if (callback) callback(me);
121
        });
122
      })(callbacks[i]);
123
      CodeMirror.on(b, "blur", function() {
124
        --blurring;
125
        setTimeout(function() { if (blurring <= 0) close(); }, 200);
126
      });
127
      CodeMirror.on(b, "focus", function() { ++blurring; });
128
    }
129
  });
130

131
  /*
132
   * openNotification
133
   * Opens a notification, that can be closed with an optional timer
134
   * (default 5000ms timer) and always closes on click.
135
   *
136
   * If a notification is opened while another is opened, it will close the
137
   * currently opened one and open the new one immediately.
138
   */
139
  CodeMirror.defineExtension("openNotification", function(template, options) {
140
    closeNotification(this, close);
141
    var dialog = dialogDiv(this, template, options && options.bottom);
142
    var closed = false, doneTimer;
143
    var duration = options && typeof options.duration !== "undefined" ? options.duration : 5000;
144

145
    function close() {
146
      if (closed) return;
147
      closed = true;
148
      clearTimeout(doneTimer);
149
      CodeMirror.rmClass(dialog.parentNode, 'dialog-opened');
150
      dialog.parentNode.removeChild(dialog);
151
    }
152

153
    CodeMirror.on(dialog, 'click', function(e) {
154
      CodeMirror.e_preventDefault(e);
155
      close();
156
    });
157

158
    if (duration)
159
      doneTimer = setTimeout(close, duration);
160

161
    return close;
162
  });
163
});
164