fmartingr
/
amiibofindr
mirror of https://github.com/fmartingr/amiibofindr.git
1
0
Fork 0
Code Issues Releases Wiki Activity

CollectionSearch now fires if the field is not empty

This commit is contained in:
Felipe Martín 2015-09-22 19:54:03 +02:00
parent 331bdb1a4b
commit e4baaed1dd
1 changed files with 53 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
amiibofindr/static/app/collectionSearch.js
View File

@ -1,62 +1,67 @@
(function() {
var CollectionSearchComponent = function() {
this.initialize();
};
var CollectionSearchComponent = function() {
this.initialize();
};
CollectionSearchComponent.prototype.initialize = function() {
var self = this;
CollectionSearchComponent.prototype.initialize = function() {
var self = this;
// Required DOM
this.$searchInput = document.querySelector('[data-component="collectionSearchInput"]');
this.$resetButton = document.querySelector('[data-component="collectionSearchReset"]');
this.$collectionList = document.querySelector('[data-component="collectionList"]').children;
// Required DOM
this.$searchInput = document.querySelector('[data-component="collectionSearchInput"]');
this.$resetButton = document.querySelector('[data-component="collectionSearchReset"]');
this.$collectionList = document.querySelector('[data-component="collectionList"]').children;
// Add event handlers
this.$searchInput.addEventListener('keyup', function(event) {
self.search(self.$searchInput.value);
});
// Add event handlers
this.$searchInput.addEventListener('keyup', function(event) {
self.search(self.$searchInput.value);
});
this.$resetButton.addEventListener('click', function(event) {
self.reset();
});
this.$resetButton.addEventListener('click', function(event) {
self.reset();
});
// Focus search input
this.$searchInput.focus();
};
// Focus search input
this.$searchInput.focus();
CollectionSearchComponent.prototype.showItem = function(item) {
item.style.display = 'block';
};
// Trigger search
if (this.$searchInput.value !== '') {
this.search(this.$searchInput.value);
}
};
CollectionSearchComponent.prototype.hideItem = function(item) {
item.style.display = 'none';
};
CollectionSearchComponent.prototype.showItem = function(item) {
item.style.display = 'block';
};
CollectionSearchComponent.prototype.reset = function() {
this.$searchInput.value = '';
CollectionSearchComponent.prototype.hideItem = function(item) {
item.style.display = 'none';
};
for (var index = 0; index < this.$collectionList.length; index++) {
var item = this.$collectionList[index];
this.showItem(item);
}
};
CollectionSearchComponent.prototype.reset = function() {
this.$searchInput.value = '';
CollectionSearchComponent.prototype.search = function(searchQuery) {
if (!searchQuery || searchQuery === null || searchQuery === '') {
this.reset();
return false;
}
for (var index = 0; index < this.$collectionList.length; index++) {
var item = this.$collectionList[index];
this.showItem(item);
}
};
for (var index = 0; index < this.$collectionList.length; index++) {
var item = this.$collectionList[index];
var names = item.getAttribute('data-amiibo-names');
if (names.indexOf(searchQuery.toLowerCase()) === -1) {
this.hideItem(item);
} else {
this.showItem(item);
}
}
};
CollectionSearchComponent.prototype.search = function(searchQuery) {
if (!searchQuery || searchQuery === null || searchQuery === '') {
this.reset();
return false;
}
SimpleViews.register('collection-search', CollectionSearchComponent);
for (var index = 0; index < this.$collectionList.length; index++) {
var item = this.$collectionList[index];
var names = item.getAttribute('data-amiibo-names');
if (names.indexOf(searchQuery.toLowerCase()) === -1) {
this.hideItem(item);
} else {
this.showItem(item);
}
}
};
SimpleViews.register('collection-search', CollectionSearchComponent);
})();