r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Focus on find input (#1044)

Browse source
This commit is contained in:
Nimish Agrawal 2019-05-01 02:54:41 +05:30 committed by Cassie Tarakajian
parent 8b296a51aa
commit 705dd5c796
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/utils/codemirror-search.js
View file

@ -44,6 +44,11 @@ export default function(CodeMirror) {
return cm.getSearchCursor(query, pos, getSearchState(cm).caseInsensitive); return cm.getSearchCursor(query, pos, getSearchState(cm).caseInsensitive);
} }
function isMouseClick(event) {
if(event.detail > 0) return true;
else return false;
}
function persistentDialog(cm, text, deflt, onEnter, onKeyDown) { function persistentDialog(cm, text, deflt, onEnter, onKeyDown) {
var searchField = document.getElementsByClassName("CodeMirror-search-field")[0]; var searchField = document.getElementsByClassName("CodeMirror-search-field")[0];
if (!searchField) { if (!searchField) {
@ -92,28 +97,31 @@ export default function(CodeMirror) {
}); });
var regexpButton = dialog.getElementsByClassName("CodeMirror-regexp-button")[0]; var regexpButton = dialog.getElementsByClassName("CodeMirror-regexp-button")[0];
CodeMirror.on(regexpButton, "click", function () { CodeMirror.on(regexpButton, "click", function (event) {
var state = getSearchState(cm); var state = getSearchState(cm);
state.regexp = toggle(regexpButton); state.regexp = toggle(regexpButton);
startSearch(cm, getSearchState(cm), searchField.value); startSearch(cm, getSearchState(cm), searchField.value);
if(isMouseClick(event)) searchField.focus();
}); });
toggle(regexpButton, state.regexp); toggle(regexpButton, state.regexp);
var caseSensitiveButton = dialog.getElementsByClassName("CodeMirror-case-button")[0]; var caseSensitiveButton = dialog.getElementsByClassName("CodeMirror-case-button")[0];
CodeMirror.on(caseSensitiveButton, "click", function () { CodeMirror.on(caseSensitiveButton, "click", function (event) {
var state = getSearchState(cm); var state = getSearchState(cm);
state.caseInsensitive = !toggle(caseSensitiveButton); state.caseInsensitive = !toggle(caseSensitiveButton);
startSearch(cm, getSearchState(cm), searchField.value); startSearch(cm, getSearchState(cm), searchField.value);
if(isMouseClick(event)) searchField.focus();
}); });
toggle(caseSensitiveButton, !state.caseInsensitive); toggle(caseSensitiveButton, !state.caseInsensitive);
var wholeWordButton = dialog.getElementsByClassName("CodeMirror-word-button")[0]; var wholeWordButton = dialog.getElementsByClassName("CodeMirror-word-button")[0];
CodeMirror.on(wholeWordButton, "click", function () { CodeMirror.on(wholeWordButton, "click", function (event) {
var state = getSearchState(cm); var state = getSearchState(cm);
state.wholeWord = toggle(wholeWordButton); state.wholeWord = toggle(wholeWordButton);
startSearch(cm, getSearchState(cm), searchField.value); startSearch(cm, getSearchState(cm), searchField.value);
if(isMouseClick(event)) searchField.focus();
}); });
toggle(wholeWordButton, state.wholeWord); toggle(wholeWordButton, state.wholeWord);