github/melpa
1
0
Fork 0
mirror of https://github.com/correl/melpa.git synced 2025-03-29 17:00:08 -09:00
Code Issues Projects Releases Packages Wiki Activity

Minimise re-rendering of package list while searching

Browse source
This commit is contained in:
Steve Purcell 2014-08-02 13:58:06 +01:00
parent 0815c34afd
commit 5cb9603286
2 changed files with 7 additions and 4 deletions

3
html/css/melpa.css
View file

@ -23,6 +23,9 @@ pre code { /* Match highlight.js styles to bootstrap */
#package-list th, #package-list td.version, #package-list td.recipe {
white-space: nowrap;
}
#package-list tr.filtered {
display: none;
}
#package-list td a:link {
display: block;
}

8
html/js/melpa.js
View file

@ -60,8 +60,8 @@
var packages = savedSearches[t];
if (!packages) {
var preFiltered = preFilteredPackages(t);
packages = _.filter(preFiltered || this.packages,
function(p) { return p.matchesTerm(t); });
packages = preFiltered || this.packages;
_.each(packages, function(p) { p.visible = p.matchesTerm(t); });
if (preFiltered) packages.sortKey = preFiltered.sortKey;
}
var sortKey = sortBy + "-" + sortAscending;
@ -208,7 +208,7 @@
m("input.form-control", {type: "search", placeholder: "Enter filter terms", autofocus: true,
value: ctrl.filterTerms(), onkeyup: m.withAttr("value", ctrl.filterTerms)}),
" ",
m("span.help-block", ["Showing ", ctrl.filteredPackages().length, " matching package(s)"])
m("span.help-block", ["Showing ", _.filter(ctrl.filteredPackages(), 'visible').length, " matching package(s)"])
]),
m("table#package-list.table.table-bordered.table-responsive.table-hover", [
m("thead", [
@ -223,7 +223,7 @@
]),
m("tbody",
ctrl.filteredPackages().map(function(p) {
return m("tr", [
return m("tr", {class: p.visible ? '' : 'filtered'}, [
m("td", [
m("a", {href: "/" + p.name, config: m.route}, [
p.name