js/Add search term attributes

[sukhwinder33445]

No description provided.

[nilmerg]

Besides my comments:

• If the term direction is vertical
  • I think pressing Delete or Backspace should have no effect while in the main input.
  • If Backspace is pressed on a term it should also be ignored, but Delete should probably still remove the term.
  • Pushing Ctrl+a, copying and pasting content should be ignored (makes no sense)
• If the terms are read only
  • The events onKeyUp, onInputBlur, onTermFocusOut and onTermFocus are completely useless and shouldn't run
• Override the methods isReadOnlyMode and isTermDirectionVertical in class FilterInput and return always false there. It isn't adjusted to support these and it makes no sense at this time anway.

[nilmerg]

Took only a look at the JS changes yet.

[nilmerg]

Also:

• The trash icon should only appear upon hover

[nilmerg]

• Pasting content auto submits, however you have disabled it, seems to be ignored
  • Also exact matches and pushing enter submits the form. This may be the default behavior, but the TermInput should treat this as "autosubmit" and then act depending on whether that's disabled or not.
• Stylewise, the search field should look the same as the search bar. The terms as well. The search icon should also be the same, though not necessarily have the same color. (It's not interactive after all)
  • The trash icon should apply a blur effect. The input should have a slightly darker backgorund once hovered.

[nilmerg]

I believe this is obsolete now. A generic input is available since #139, the vertical direction is possible since #179 and the read only mechanism will be with #222.