lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

Make dropdowns (selects) searchable feature/91-searchable_dropdowns #97

Merged
niggl merged 35 commits from feature/91-searchable_dropdowns into dev 2021-03-17 16:05:21 +00:00
Conversation 1 Commits 35 Files Changed 14 +15 -7
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e1bd364278 - Show all commits

18
src/components/teams/AddTeamModal.svelte
View File

@ -148,11 +148,19 @@
class="block text-sm font-medium text-gray-700">{$_('organization')}</label> class="block text-sm font-medium text-gray-700">{$_('organization')}</label>
<Select <Select
containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
getSelectionLabel={(option) => {return option.name}} getSelectionLabel={(option) => {
getOptionLabel={(option) => {return option.name}} return option.name;
itemFilter={(label, filterText, option) => }}
label.toLowerCase().includes(filterText.toLowerCase()) || getOptionLabel={(option) => {
option.id.toString().startsWith(filterText.toLowerCase())} return option.name;
}}
itemFilter={(label, filterText, option) => label
.toLowerCase()
.includes(
filterText.toLowerCase()
) || option.id
.toString()
.startsWith(filterText.toLowerCase())}
items={orgs} items={orgs}
showChevron={true} showChevron={true}
placeholder={$_('search-for-an-organization-by-name-or-id')} placeholder={$_('search-for-an-organization-by-name-or-id')}