0
|
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
2 // Distributed under an MIT license: https://codemirror.net/5/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 });
|