UI for the Find/Replace and Find in Files modal bar.
Returns the string used to prepopulate the find bar
function getInitialQueryFromSelection(editor) {
var selectionText = editor.getSelectedText();
if (selectionText) {
return selectionText
.replace(/^\n*/, "") // Trim possible newlines at the very beginning of the selection
.split("\n")[0];
}
return "";
}
if (currentFindBar && !currentFindBar.isClosed()) {
// The modalBar was already up. When creating the new modalBar, copy the
// current query instead of using the passed-in selected text.
query = currentFindBar.getQueryInfo().query;
replaceText = currentFindBar.getReplaceText();
} else {
var openedFindBar = FindBar._bars && _.find(FindBar._bars, function (bar) {
return !bar.isClosed();
});
if (openedFindBar) {
query = openedFindBar.getQueryInfo().query;
replaceText = openedFindBar.getReplaceText();
} else if (editor) {
query = getInitialQueryFromSelection(editor);
}
}
return {query: query, replaceText: replaceText};
};
PreferencesManager.stateManager.definePreference("caseSensitive", "boolean", false);
PreferencesManager.stateManager.definePreference("regexp", "boolean", false);
PreferencesManager.convertPreferences(module, {"caseSensitive": "user", "regexp": "user"}, true);
exports.FindBar = FindBar;
}); function FindBar(options) {
var defaults = {
multifile: false,
replace: false,
queryPlaceholder: "",
initialQuery: "",
initialReplaceText: "",
scopeLabel: ""
};
this._options = _.extend(defaults, options);
this._closed = false;
this._enabled = true;
this.lastQueriedText = "";
}
EventDispatcher.makeEventDispatcher(FindBar.prototype); FindBar.prototype.$ = function (selector) {
if (this._modalBar) {
return $(selector, this._modalBar.getRoot());
} else {
return $();
}
};
// TODO: change IDs to classes FindBar._addFindBar = function (findBar) {
FindBar._bars = FindBar._bars || [];
FindBar._bars.push(findBar);
}; FindBar.prototype._addShortcutToTooltip = function ($elem, commandId) {
var replaceShortcut = KeyBindingManager.getKeyBindings(commandId)[0];
if (replaceShortcut) {
var oldTitle = $elem.attr("title");
oldTitle = (oldTitle ? oldTitle + " " : "");
$elem.attr("title", oldTitle + "(" + KeyBindingManager.formatKeyDescriptor(replaceShortcut.displayKey) + ")");
}
}; FindBar._closeFindBars = function () {
var bars = FindBar._bars;
if (bars) {
bars.forEach(function (bar) {
bar.close(true, false);
});
bars = [];
}
}; FindBar.prototype._focus = function (selector) {
this.$(selector)
.focus()
.get(0).select();
}; FindBar._removeFindBar = function (findBar) {
if (FindBar._bars) {
_.pull(FindBar._bars, findBar);
}
}; FindBar.prototype._updatePrefsFromSearchBar = function () {
PreferencesManager.setViewState("caseSensitive", this.$("#find-case-sensitive").is(".active"));
PreferencesManager.setViewState("regexp", this.$("#find-regexp").is(".active"));
}; FindBar.prototype._updateSearchBarFromPrefs = function () {
// Have to make sure we explicitly cast the second parameter to a boolean, because
// toggleClass expects literal true/false.
this.$("#find-case-sensitive").toggleClass("active", !!PreferencesManager.getViewState("caseSensitive"));
this.$("#find-regexp").toggleClass("active", !!PreferencesManager.getViewState("regexp"));
};Closes this Find bar. If already closed, does nothing.
FindBar.prototype.close = function (suppressAnimation) {
if (this._modalBar) {
// 1st arg = restore scroll pos; 2nd arg = no animation, since getting replaced immediately
this._modalBar.close(true, !suppressAnimation);
}
};Enables or disables the controls in the Find bar. Note that if enable is true, all controls will be re-enabled, even if some were previously disabled using enableNavigation() or enableReplace(), so you will need to refresh their enable state after calling this.
FindBar.prototype.enable = function (enable) {
this.$("#find-what, #replace-with, #find-prev, #find-next, #find-case-sensitive, #find-regexp").prop("disabled", !enable);
this._enabled = enable;
};
FindBar.prototype.focus = function (enable) {
this.$("#find-what").focus();
};Enable or disable the navigation controls if present. Note that if the Find bar is currently disabled (i.e. isEnabled() returns false), this will have no effect.
FindBar.prototype.enableNavigation = function (enable) {
if (this.isEnabled()) {
this.$("#find-prev, #find-next").prop("disabled", !enable);
}
};Enable or disable the replace controls if present. Note that if the Find bar is currently disabled (i.e. isEnabled() returns false), this will have no effect.
FindBar.prototype.enableReplace = function (enable) {
if (this.isEnabled) {
this.$("#replace-yes, #replace-all").prop("disabled", !enable);
}
};Sets focus to the query field and selects its text.
FindBar.prototype.focusQuery = function () {
this._focus("#find-what");
};Sets focus to the replace field and selects its text.
FindBar.prototype.focusReplace = function () {
this._focus("#replace-with");
};Gets you the right query and replace text to prepopulate the Find Bar.
FindBar.getInitialQuery = function (currentFindBar, editor) {
var query = "",
replaceText = ""; FindBar.prototype.getOptions = function () {
return this._options;
};Returns the current query and parameters.
FindBar.prototype.getQueryInfo = function () {
return {
query: this.$("#find-what").val() || "",
isCaseSensitive: this.$("#find-case-sensitive").is(".active"),
isRegexp: this.$("#find-regexp").is(".active")
};
};Returns the current replace text.
FindBar.prototype.getReplaceText = function () {
return this.$("#replace-with").val() || "";
}; FindBar.prototype.isClosed = function () {
return this._closed;
}; FindBar.prototype.isEnabled = function () {
return this._enabled;
}; FindBar.prototype.isReplaceEnabled = function () {
return this.$("#replace-yes").is(":enabled");
};Opens the Find bar, closing any other existing Find bars.
FindBar.prototype.open = function () {
var self = this;
// Normally, creating a new Find bar will simply cause the old one to close
// automatically. This can cause timing issues because the focus change might
// cause the new one to think it should close, too. So we simply explicitly
// close the old Find bar (with no animation) before creating a new one.
// TODO: see note above - this will move to ModalBar eventually.
FindBar._closeFindBars();
if (this._options.multifile) {
HealthLogger.searchDone(HealthLogger.SEARCH_NEW);
}
var templateVars = _.clone(this._options);
templateVars.Strings = Strings;
templateVars.replaceAllLabel = (templateVars.multifile ? Strings.BUTTON_REPLACE_ALL_IN_FILES : Strings.BUTTON_REPLACE_ALL);
this._modalBar = new ModalBar(Mustache.render(_searchBarTemplate, templateVars), true); // 2nd arg = auto-close on Esc/blur
// When the ModalBar closes, clean ourselves up.
this._modalBar.on("close", function (event) {
// Hide error popup, since it hangs down low enough to make the slide-out look awkward
self.showError(null);
self._modalBar = null;
self._closed = true;
window.clearInterval(intervalId);
intervalId = 0;
lastTypedTime = 0;
FindBar._removeFindBar(self);
MainViewManager.focusActivePane();
self.trigger("close");
});
FindBar._addFindBar(this);
var $root = this._modalBar.getRoot();
$root
.on("input", "#find-what", function () {
self.trigger("queryChange");
})
.on("click", "#find-case-sensitive, #find-regexp", function (e) {
$(e.currentTarget).toggleClass("active");
self._updatePrefsFromSearchBar();
self.trigger("queryChange");
if (self._options.multifile) { //instant search
self.trigger("doFind");
}
})
.on("keydown", "#find-what, #replace-with", function (e) {
lastTypedTime = new Date().getTime();
var executeSearchIfNeeded = function () {
// We only do instant search via node.
if (FindUtils.isNodeSearchDisabled() || FindUtils.isInstantSearchDisabled()) {
// we still keep the intrval timer up as instant search could get enabled/disabled based on node busy state
return;
}
if (self._closed) {
return;
}
currentTime = new Date().getTime();
if (lastTypedTime && (currentTime - lastTypedTime >= 100) && self.getQueryInfo().query !== lastQueriedText &&
!FindUtils.isNodeSearchInProgress() && e.keyCode !== KeyEvent.DOM_VK_CONTROL) {
// init Search
if (self._options.multifile) {
if ($(e.target).is("#find-what")) {
if (!self._options.replace) {
HealthLogger.searchDone(HealthLogger.SEARCH_INSTANT);
self.trigger("doFind");
lastQueriedText = self.getQueryInfo().query;
}
}
}
}
};
if (intervalId === 0) {
intervalId = window.setInterval(executeSearchIfNeeded, 50);
}
if (e.keyCode === KeyEvent.DOM_VK_RETURN) {
e.preventDefault();
e.stopPropagation();
if (self._options.multifile) {
if ($(e.target).is("#find-what")) {
if (self._options.replace) {
// Just set focus to the Replace field.
self.focusReplace();
} else {
HealthLogger.searchDone(HealthLogger.SEARCH_ON_RETURN_KEY);
// Trigger a Find (which really means "Find All" in this context).
self.trigger("doFind");
}
} else {
HealthLogger.searchDone(HealthLogger.SEARCH_REPLACE_ALL);
self.trigger("doReplaceAll");
}
} else {
// In the single file case, we just want to trigger a Find Next (or Find Previous
// if Shift is held down).
self.trigger("doFind", e.shiftKey);
}
}
});
if (!this._options.multifile) {
this._addShortcutToTooltip($("#find-next"), Commands.CMD_FIND_NEXT);
this._addShortcutToTooltip($("#find-prev"), Commands.CMD_FIND_PREVIOUS);
$root
.on("click", "#find-next", function (e) {
self.trigger("doFind", false);
})
.on("click", "#find-prev", function (e) {
self.trigger("doFind", true);
});
}
if (this._options.replace) {
this._addShortcutToTooltip($("#replace-yes"), Commands.CMD_REPLACE);
$root
.on("click", "#replace-yes", function (e) {
self.trigger("doReplace");
})
.on("click", "#replace-all", function (e) {
self.trigger("doReplaceAll");
})
// One-off hack to make Find/Replace fields a self-contained tab cycle
// TODO: remove once https://trello.com/c/lTSJgOS2 implemented
.on("keydown", function (e) {
if (e.keyCode === KeyEvent.DOM_VK_TAB && !e.ctrlKey && !e.metaKey && !e.altKey) {
if (e.target.id === "replace-with" && !e.shiftKey) {
self.$("#find-what").focus();
e.preventDefault();
} else if (e.target.id === "find-what" && e.shiftKey) {
self.$("#replace-with").focus();
e.preventDefault();
}
}
});
}
if (this._options.multifile && FindUtils.isIndexingInProgress()) {
this.showIndexingSpinner();
}
// Set up the initial UI state.
this._updateSearchBarFromPrefs();
this.focusQuery();
};Force a search again
FindBar.prototype.redoInstantSearch = function () {
this.trigger("doFind");
};Show or clear an error message related to the query.
FindBar.prototype.showError = function (error, isHTML) {
var $error = this.$(".error");
if (error) {
if (isHTML) {
$error.html(error);
} else {
$error.text(error);
}
$error.show();
} else {
$error.hide();
}
};Set the find count.
FindBar.prototype.showFindCount = function (count) {
this.$("#find-counter").text(count);
};The indexing spinner is usually shown when node is indexing files
FindBar.prototype.showIndexingSpinner = function () {
this.$("#indexing-spinner").removeClass("forced-hidden");
};
FindBar.prototype.hideIndexingSpinner = function () {
this.$("#indexing-spinner").addClass("forced-hidden");
};Show or hide the no-results indicator and optional message. This is also used to indicate regular expression errors.
FindBar.prototype.showNoResults = function (showIndicator, showMessage) {
ViewUtils.toggleClass(this.$("#find-what"), "no-results", showIndicator);
var $msg = this.$(".no-results-message");
if (showMessage) {
$msg.show();
} else {
$msg.hide();
}
};