debian-mirror-gitlab/app/assets/javascripts/project_find_file.js

170 lines
5.9 KiB
JavaScript
Raw Normal View History

2017-08-17 22:00:37 +05:30
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, quotes, consistent-return, one-var, one-var-declaration-per-line, no-cond-assign, max-len, object-shorthand, no-param-reassign, comma-dangle, prefer-template, no-unused-vars, no-return-assign */
/* global fuzzaldrinPlus */
2016-09-13 17:45:13 +05:30
(function() {
this.ProjectFindFile = (function() {
var highlighter;
function ProjectFindFile(element1, options) {
this.element = element1;
this.options = options;
2017-09-10 17:25:29 +05:30
this.goToBlob = this.goToBlob.bind(this);
this.goToTree = this.goToTree.bind(this);
this.selectRowDown = this.selectRowDown.bind(this);
this.selectRowUp = this.selectRowUp.bind(this);
2016-09-13 17:45:13 +05:30
this.filePaths = {};
this.inputElement = this.element.find(".file-finder-input");
2016-09-29 09:46:39 +05:30
// init event
2016-09-13 17:45:13 +05:30
this.initEvent();
2016-09-29 09:46:39 +05:30
// focus text input box
2016-09-13 17:45:13 +05:30
this.inputElement.focus();
2016-09-29 09:46:39 +05:30
// load file list
2016-09-13 17:45:13 +05:30
this.load(this.options.url);
}
ProjectFindFile.prototype.initEvent = function() {
this.inputElement.off("keyup");
this.inputElement.on("keyup", (function(_this) {
return function(event) {
var oldValue, ref, target, value;
target = $(event.target);
value = target.val();
oldValue = (ref = target.data("oldValue")) != null ? ref : "";
if (value !== oldValue) {
target.data("oldValue", value);
_this.findFile();
return _this.element.find("tr.tree-item").eq(0).addClass("selected").focus();
}
};
})(this));
};
ProjectFindFile.prototype.findFile = function() {
var result, searchText;
searchText = this.inputElement.val();
result = searchText.length > 0 ? fuzzaldrinPlus.filter(this.filePaths, searchText) : this.filePaths;
return this.renderList(result, searchText);
2016-09-29 09:46:39 +05:30
// find file
2016-09-13 17:45:13 +05:30
};
2016-09-29 09:46:39 +05:30
// files pathes load
2016-09-13 17:45:13 +05:30
ProjectFindFile.prototype.load = function(url) {
return $.ajax({
url: url,
method: "get",
dataType: "json",
success: (function(_this) {
return function(data) {
_this.element.find(".loading").hide();
_this.filePaths = data;
_this.findFile();
return _this.element.find(".files-slider tr.tree-item").eq(0).addClass("selected").focus();
};
})(this)
});
};
2016-09-29 09:46:39 +05:30
// render result
2016-09-13 17:45:13 +05:30
ProjectFindFile.prototype.renderList = function(filePaths, searchText) {
var blobItemUrl, filePath, html, i, j, len, matches, results;
this.element.find(".tree-table > tbody").empty();
results = [];
2017-08-17 22:00:37 +05:30
for (i = j = 0, len = filePaths.length; j < len; i = (j += 1)) {
2016-09-13 17:45:13 +05:30
filePath = filePaths[i];
if (i === 20) {
break;
}
if (searchText) {
matches = fuzzaldrinPlus.match(filePath, searchText);
}
blobItemUrl = this.options.blobUrlTemplate + "/" + filePath;
html = this.makeHtml(filePath, matches, blobItemUrl);
results.push(this.element.find(".tree-table > tbody").append(html));
}
return results;
};
2016-09-29 09:46:39 +05:30
// highlight text(awefwbwgtc -> <b>a</b>wefw<b>b</b>wgt<b>c</b> )
2016-09-13 17:45:13 +05:30
highlighter = function(element, text, matches) {
var highlightText, j, lastIndex, len, matchIndex, matchedChars, unmatched;
lastIndex = 0;
highlightText = "";
matchedChars = [];
2017-08-17 22:00:37 +05:30
for (j = 0, len = matches.length; j < len; j += 1) {
2016-09-13 17:45:13 +05:30
matchIndex = matches[j];
unmatched = text.substring(lastIndex, matchIndex);
if (unmatched) {
if (matchedChars.length) {
element.append(matchedChars.join("").bold());
}
matchedChars = [];
element.append(document.createTextNode(unmatched));
}
matchedChars.push(text[matchIndex]);
lastIndex = matchIndex + 1;
}
if (matchedChars.length) {
element.append(matchedChars.join("").bold());
}
return element.append(document.createTextNode(text.substring(lastIndex)));
};
2016-09-29 09:46:39 +05:30
// make tbody row html
2016-09-13 17:45:13 +05:30
ProjectFindFile.prototype.makeHtml = function(filePath, matches, blobItemUrl) {
var $tr;
2016-11-03 12:29:30 +05:30
$tr = $("<tr class='tree-item'><td class='tree-item-file-name link-container'><a><i class='fa fa-file-text-o fa-fw'></i><span class='str-truncated'></span></a></td></tr>");
2016-09-13 17:45:13 +05:30
if (matches) {
$tr.find("a").replaceWith(highlighter($tr.find("a"), filePath, matches).attr("href", blobItemUrl));
} else {
2016-11-03 12:29:30 +05:30
$tr.find("a").attr("href", blobItemUrl);
$tr.find(".str-truncated").text(filePath);
2016-09-13 17:45:13 +05:30
}
return $tr;
};
ProjectFindFile.prototype.selectRow = function(type) {
var next, rows, selectedRow;
rows = this.element.find(".files-slider tr.tree-item");
selectedRow = this.element.find(".files-slider tr.tree-item.selected");
if (rows && rows.length > 0) {
if (selectedRow && selectedRow.length > 0) {
if (type === "UP") {
next = selectedRow.prev();
} else if (type === "DOWN") {
next = selectedRow.next();
}
if (next.length > 0) {
selectedRow.removeClass("selected");
selectedRow = next;
}
} else {
selectedRow = rows.eq(0);
}
return selectedRow.addClass("selected").focus();
}
};
ProjectFindFile.prototype.selectRowUp = function() {
return this.selectRow("UP");
};
ProjectFindFile.prototype.selectRowDown = function() {
return this.selectRow("DOWN");
};
ProjectFindFile.prototype.goToTree = function() {
return location.href = this.options.treeUrl;
};
ProjectFindFile.prototype.goToBlob = function() {
2016-11-03 12:29:30 +05:30
var $link = this.element.find(".tree-item.selected .tree-item-file-name a");
if ($link.length) {
$link.get(0).click();
2016-09-13 17:45:13 +05:30
}
};
return ProjectFindFile;
})();
2017-08-17 22:00:37 +05:30
}).call(window);