Adds and updates SearchList

[daRasmussen]

Fixes #463

[daRasmussen]

config file

Replace the attributes of for example editor point with:

"attributes": [
        {
          "name": "sprak",
          "title": "Språk: ",
          "type": "searchList",
          "list": [
            {
              "value": "Java"
            },
            {
              "value": "JavaScript"
            },
            {
              "value": "Python"
            },
            {
              "value": "Ada"
            },
            {
              "value": "English"
            },
            {
              "value": "French"
            },
            {
              "value": "Swedish"
            }
          ],
          "config": {
            "minChars": 2,
            "maxItems": 15
          }
        },
        {
          "name": "icons",
          "title": "Ikoner: ",
          "type": "searchList",
          "list": [
            {
              "src": "img/kompass.svg",
              "value": "Riktning"
            },
            {
              "src": "img/geolocation_marker.png",
              "value": "Markör"
            },
            {
              "src": "img/geolocation_marker_heading.png",
              "value": "Rubrik"
            }
          ],
          "config": {
            "minChars": 0,
            "maxItems": 5
          }
        },
        {
          "name": "icon-lib",
          "title": "Bibliotek: ",
          "type": "searchList",
          "list": [
            {
              "location": "img/png",
              "extension": "png"
            },
            {
              "location": "img/png",
              "extension": "png"
            }
          ],
          "config": {
            "minChars": 0,
            "maxItems": 5
          }
        },
        {
          "name": "name",
          "title": "Name: ",
          "type": "text",
          "maxLength": 50
        },
        {
          "name": "type",
          "title": "Type: ",
          "type": "dropdown",
          "maxLength": 30,
          "options": [
            "Restaurant",
            "Café",
            "B&B"
          ]
        },
        {
          "name": "comments",
          "title": "Comments: ",
          "type": "textarea",
          "textarea": 254
        }
      ]

[tonnyandersson]

I'm getting some serious css errors.

[daRasmussen]

@tonnyandersson Tnx I will look into that.

[daRasmussen]

Update complete!

[tonnyandersson]

Looks better. But I'm not sure how this is supposed to work. For example, is this an expected behaviour?

The filter function seems to return all objects on the list, even if the input string is not in "src" or "value".

This is what happens when setting "minChars" to 0 or 1. Setting "minChars" to 2 works better but decreases sensitivity, obviously.

[daRasmussen]

@tonnyandersson Yes it's expected behavior, the user should be prompted with available options. If you would rather not get a list of all possible items, then you should not use this option, its not mandatory. If Min-/ Max- chars params does not satisfy you needs, feel free to submit an ISSUE/PR.

[tonnyandersson]

When entering a letter or string into the search box, I expect the list to show all items containing that letter/string. If none of the items contain the specific letter/string, I would expect the list to be empty.

For example, now if I enter the letter "w" into the search box, the list shows all available options, which is not what I had expected. However, if I go on and enter "ww", the list shows up empty, which is totally in line with my expectations. Makes no sense to me.

[jokd]

@daRasmussen I agree with @tonnyandersson regarding the expected behaviour when you type a letter thats not part of any option, the list should be empty. Not showing everything.
Besides that, it looks nice.

[daRasmussen]

@jokd will do

[tonnyandersson]

Still has that weird filtering behaviour mentioned previously.

[daRasmussen]

Closing this due to merge conflicts, see updated PR #1005