implement much better auto-completion

This commit is contained in:
Johannes Millan 2017-01-06 21:24:09 +01:00
parent ca341bd4db
commit 4e1652f335
4 changed files with 13 additions and 3 deletions

View file

@ -11,7 +11,7 @@
<md-autocomplete
md-selected-item="vm.newTask"
md-search-text="vm.newTaskTitle"
md-items="task in vm.taskSuggestions"
md-items="task in vm.getFilteredTaskSuggestions(vm.newTaskTitle)"
md-item-text="task.title"
md-autofocus
md-require-match="false"

View file

@ -25,7 +25,7 @@
}
/* @ngInject */
function DailyPlannerCtrl($scope, $rootScope, Tasks, Dialogs, $state, Jira) {
function DailyPlannerCtrl($scope, $rootScope, Tasks, Dialogs, $state, Jira, $filter) {
let vm = this;
vm.limitBacklogTo = 3;
@ -39,8 +39,12 @@
vm.taskSuggestions = [];
vm.getFilteredTaskSuggestions = (searchText) => {
return searchText ? $filter('filter')(vm.taskSuggestions, searchText, false, 'title') : svm.taskSuggestions;
};
Jira.getSuggestions().then((res) => {
vm.taskSuggestions = Jira.transformIssues(res) || [];
vm.taskSuggestions = Jira.transformIssues(res) || vm.r.tasks;
});
vm.addTask = () => {

View file

@ -0,0 +1,4 @@
.md-autocomplete-suggestions li{
line-height: 24px;
height: 24px;
}

View file

@ -39,6 +39,8 @@ IMPORTANT NOTE:
@import 'components/_fix-md-toast.scss';
@import 'components/_resytle-autocomplete.scss';
@import 'components/_side-info.scss';
@import '../scripts/daily-planner/_daily-planner-d.scss';