mirror of
				https://github.com/TheAnachronism/docspell.git
				synced 2025-10-30 21:40:12 +00:00 
			
		
		
		
	Make dropdowns searchable by default and improve open/close clicks
Ref #207
This commit is contained in:
		| @@ -106,7 +106,7 @@ makeSingle : | ||||
| makeSingle opts = | ||||
|     makeModel | ||||
|         { multiple = False | ||||
|         , searchable = \n -> n > 5 | ||||
|         , searchable = \n -> n > 0 | ||||
|         , makeOption = opts.makeOption | ||||
|         , labelColor = \_ -> \_ -> "" | ||||
|         , placeholder = opts.placeholder | ||||
| @@ -144,7 +144,7 @@ makeMultiple : | ||||
| makeMultiple opts = | ||||
|     makeModel | ||||
|         { multiple = True | ||||
|         , searchable = \n -> n > 5 | ||||
|         , searchable = \n -> n > 0 | ||||
|         , makeOption = opts.makeOption | ||||
|         , labelColor = opts.labelColor | ||||
|         , placeholder = "" | ||||
| @@ -403,7 +403,6 @@ viewSingle model = | ||||
|             div | ||||
|                 [ class "message" | ||||
|                 , style "display" "inline-block !important" | ||||
|                 , onClick ToggleMenu | ||||
|                 ] | ||||
|                 [ i [ class "delete icon", onClick (RemoveItem item) ] [] | ||||
|                 , text item.option.text | ||||
| @@ -429,13 +428,28 @@ viewSingle model = | ||||
|             ] | ||||
|     in | ||||
|     div | ||||
|         [ classList | ||||
|         (classList | ||||
|             [ ( "ui search dropdown selection", True ) | ||||
|             , ( "open", model.menuOpen ) | ||||
|             ] | ||||
|         ] | ||||
|             :: (if model.menuOpen then | ||||
|                     [] | ||||
|  | ||||
|                 else | ||||
|                     [ onClick ToggleMenu ] | ||||
|                ) | ||||
|         ) | ||||
|         (List.append | ||||
|             [ i [ class "dropdown icon", onClick ToggleMenu ] [] | ||||
|             [ i | ||||
|                 (class "dropdown icon" | ||||
|                     :: (if model.menuOpen then | ||||
|                             [ onClick ToggleMenu ] | ||||
|  | ||||
|                         else | ||||
|                             [] | ||||
|                        ) | ||||
|                 ) | ||||
|                 [] | ||||
|             ] | ||||
|          <| | ||||
|             if model.menuOpen && isSearchable model then | ||||
|   | ||||
| @@ -89,7 +89,7 @@ init = | ||||
|     , orgModel = | ||||
|         Comp.Dropdown.makeModel | ||||
|             { multiple = False | ||||
|             , searchable = \n -> n > 5 | ||||
|             , searchable = \n -> n > 0 | ||||
|             , makeOption = \e -> { value = e.id, text = e.name, additional = "" } | ||||
|             , labelColor = \_ -> \_ -> "" | ||||
|             , placeholder = "Choose an organization" | ||||
| @@ -107,7 +107,7 @@ init = | ||||
|     , concEquipmentModel = | ||||
|         Comp.Dropdown.makeModel | ||||
|             { multiple = False | ||||
|             , searchable = \n -> n > 5 | ||||
|             , searchable = \n -> n > 0 | ||||
|             , makeOption = \e -> { value = e.id, text = e.name, additional = "" } | ||||
|             , labelColor = \_ -> \_ -> "" | ||||
|             , placeholder = "Choose an equipment" | ||||
|   | ||||
| @@ -14,7 +14,7 @@ makeDropdownModel : Comp.Dropdown.Model Tag | ||||
| makeDropdownModel = | ||||
|     Comp.Dropdown.makeModel | ||||
|         { multiple = True | ||||
|         , searchable = \n -> n > 5 | ||||
|         , searchable = \n -> n > 0 | ||||
|         , makeOption = \tag -> { value = tag.id, text = tag.name, additional = "" } | ||||
|         , labelColor = | ||||
|             \tag -> | ||||
| @@ -28,7 +28,7 @@ makeCatDropdownModel : Comp.Dropdown.Model String | ||||
| makeCatDropdownModel = | ||||
|     Comp.Dropdown.makeModel | ||||
|         { multiple = True | ||||
|         , searchable = \n -> n > 5 | ||||
|         , searchable = \n -> n > 0 | ||||
|         , makeOption = \cat -> { value = cat, text = cat, additional = "" } | ||||
|         , labelColor = \_ -> \_ -> "" | ||||
|         , placeholder = "Choose a tag category…" | ||||
|   | ||||
		Reference in New Issue
	
	Block a user