LupusNobilis
/
sogo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add debounce to sgSearch Angular directive

pull/91/head
Francis Lachapelle 2015-04-01 09:52:16 -04:00
parent 8d66f62cad
commit 7ef01304ee
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
UI/WebServerResources/js/Common/ui-desktop.js
View File

@ -625,7 +625,7 @@
selectEl = tElement.find('md-select');
inputEl.attr('ng-model', '$sgSearchController.searchText');
inputEl.attr('ng-keyup', '$sgSearchController.onChange()');
inputEl.attr('ng-model-options', '$sgSearchController.searchTextOptions');
selectEl.attr('ng-model', '$sgSearchController.searchField');
selectEl.attr('ng-change', '$sgSearchController.onChange()');
@ -633,14 +633,28 @@
$compile(mdInputEl)(scope);
$compile(selectEl)(scope);
$compile(tElement.find('md-button'))(scope.$parent);
scope.$watch('$sgSearchController.searchText', angular.bind(controller, controller.onChange));
}
}
}])
.controller('sgSearchController', ['$scope', '$element', function($scope, $element) {
// Controller variables
this.previous = { searchText: '', searchField: '' };
this.searchText = '';
this.searchField = $element.find('md-option').attr('value'); // defaults to first option
this.onChange = function() {
// Model options
this.searchTextOptions = {
updateOn: 'default blur',
debounce: {
default: 300,
blur: 0
}
};
// Method to call on data changes
this.onChange = function(value) {
if (typeof this.searchText != 'undefined') {
if (this.searchText != this.previous.searchText || this.searchField != this.previous.searchField) {
if (this.searchText.length > 2 || this.searchText.length == 0) {