Selectize fields in agg builder

[w33ble]

Make fields "searchable" via Selectize.

Closes #2130

(Other functionality moved to #2404)

Don't forget to run bower install before testing 😋

• Replace angular-ui-select with angular-selectize.js
  • angular-ui-select refused to work on fields, and the API was a huge pain
  • angular-selectize.js has a much better API, worked brilliantly and doesn't lock up FF
• Use selectize for include/exclude filter flags
• Use selectize for field selection
• Tweak styles so selectize inputs match vanilla inputs

Chrome:

Firefox:

[rashidkpc]

Can you update this with more emojis? 🍂

[rashidkpc]

This will let you pass an invalid field name in, causing the app to silently fail until a full page refresh is performed.

Reproduction steps:

1. Add an aggregation
2. Start with a valid field
3. Click apply
4. Blank the field name and type something invalid
5. Click apply, observe console error.

This should probably disable the Apply button if no valid field is selected.

[w33ble]

Ah, good catch. Apparently I removed the required attribute on the field 🐋

[w33ble]

There's still an issue with ng-invalid not being set here. Gotta dig in to the directive a little methinks 👘

[w33ble]

@rashidkpc since you have a windows VM, can you make sure this works well in IE too? Or, we can wait til we get the new box to merge this, either way.

[rashidkpc]

Did you submit a pull to upstream for your changes to this?

[w33ble]

I did. EvanOxfeld/angular-selectize.js#27

There's also an issue where a test fails on angular > 1.2.25, and a bunch fail in 1.3 - got an issue for that as well, and pull that sets the version since I was unable to fix the test. EvanOxfeld/angular-selectize.js#28

[rashidkpc]

On the initial load I don't seem to be able to type into this. If I hit the arrow keys a few times it works, but on inital load the type-to-search functionality seems to be broken.

[w33ble]

Having explored it for a while, and submitted some issues and PRs, it's become clear that angular-selectize is a bit of a mess, and there are some fundamentally broken parts. I'm not sure the author is really interested in maintaining it and I'm not convinced the issues will be resolved. I'm also not crazy with how selectize itself works, so this solution looks like a dead end.

The options currently seem to be exploring a fix for chosen on firefox (if it hasn't already been fixed) or write my own select2 directive (the angular-ui one is not useable).