admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2020-03-19 23:27:07 +00:00
parent d0b8a1beab
commit 5a48c5bbb3
1 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
ayanova/src/components/pick-list.vue
View File

@@ -14,11 +14,12 @@
:search-input.sync="searchEntry" :search-input.sync="searchEntry"
auto-select-first auto-select-first
:multiple="multiple" :multiple="multiple"
no-filter :filter="customFilter"
hide-no-data hide-no-data
clearable clearable
:no-filter="isTagFilter"
> >
<!-- <template v-slot:no-data>no-filter hide-selected v-on:input="$emit('input', $event)" cache-items="false":no-data-text="lt('NoData')" <!-- <template v-slot:no-data> hide-selected v-on:input="$emit('input', $event)" cache-items="false":no-data-text="lt('NoData')"
<v-list-item> <v-list-item>
<v-list-item-title> <v-list-item-title>
Search for your favorite Search for your favorite
@@ -39,7 +40,7 @@
//NOTE: have to import lodash directly here as no combination was working with the window.$gz._ //NOTE: have to import lodash directly here as no combination was working with the window.$gz._
//it would not recognize window in the function call //it would not recognize window in the function call
import _ from "../libs/lodash.min.js"; import _ from "../libs/lodash.min.js";
//todo: drop down get default 100 on non-search
//todo: custom filter (highlight in results) that works with tags (ignore tag part and filter as normal) //todo: custom filter (highlight in results) that works with tags (ignore tag part and filter as normal)
//todo: validation error is obscured by no-data element //todo: validation error is obscured by no-data element
//todo: set actual seleted ID value from our local selected whole object so outer form just gets id //todo: set actual seleted ID value from our local selected whole object so outer form just gets id
@@ -80,7 +81,8 @@ export default {
errors: [], errors: [],
selected: { name: "-", id: 0 }, selected: { name: "-", id: 0 },
searchEntry: null, searchEntry: null,
searchUnderway: false searchUnderway: false,
isTagFilter: false
//,initialized: false //,initialized: false
}; };
}, },
@@ -141,6 +143,28 @@ export default {
lt: function(ltkey) { lt: function(ltkey) {
return window.$gz.translation.get(ltkey); return window.$gz.translation.get(ltkey);
}, },
customFilter(item, queryText, itemText) {
//NOTE: I wanted this to work but all it does is highlight all of each row if tag query is present
//I guess because it later on attempts to do the highlighting and can't find all the entered query
//it's not clean so I'm just going to make it only highlight if it's a non tag query for now
if (queryText.includes(" ") || queryText.startsWith("..")) {
this.isTagFilter = true;
return false;
}
return item.name.indexOf(queryText) > -1;
//split out just the text search part
// var searchText = queryText;
// if (queryText.includes(" ")) {
// //get the non tag part of query if possible
// //ignore bad condition of too many terms
// var searchTerms = queryText.split(" ");
// if (searchTerms[0].includes("..")) {
// searchText = searchTerms[1];
// } else {
// searchText = searchTerms[0];
// }
// }
},
getList: function(urlParams) { getList: function(urlParams) {
var vm = this; var vm = this;
// console.log("getlist: calling api.get.picklist for type ", vm.ayaType); // console.log("getlist: calling api.get.picklist for type ", vm.ayaType);