Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add instant search #89

Open
cletusc opened this issue May 6, 2016 · 1 comment
Open

Add instant search #89

cletusc opened this issue May 6, 2016 · 1 comment

Comments

@cletusc
Copy link
Owner

cletusc commented May 6, 2016

Got this by email. I don't know how useful this is for most users. Not feasible in the current state as it requires immediate filtering (instant search).

I was wondering if you would consider putting a search box in the Emote Menu for twitch chat.
Sometimes I'll know a general emote but not know how to spell it or how to caps it, so a search box to filter out emotes by name to just the key inputted in the search box would be cool. Another option but maybe weird is being able to filter emotes by genre or even being able to tag emotes as a certain genre so they are either sectioned off into their own category in the menu or filterable by tagged types.

I feel that the search bar would be really helpful. I sometimes spend like a full minute + just trying to find the emote I'm looking for. Sometimes I'll know the name but the emote name has weird caps in random places, so I don't remember how to spell it and have to spend a minute or more trying to look for it out of the 100+ emotes.

I would see this working as follows:

  1. Open menu
  2. Start typing (e.g. Kappa)
  3. Instantly filtered but still showing channel groupings
  4. Search remains open/filtered until menu close or until you click the X on the search bar (maybe add an option for how that behaves, e.g. close-on-menu-close or close-manually?)

The filtering could and should easily expand to the edit mode as well.

@kalshafei
Copy link

kalshafei commented May 6, 2016

Suggestions on location and functionality:

Location

  • The search box is located to the right of the edit gear icon at the bottom of the menu.

Appearance/Functionality

  1. The search box initially contains a text in it saying search for emote or simply search. When you type into the box that text disappears of course. And if you click the x to cancel the search and delete any searched words from the box, the text "search" reappears.
  2. The result of the search opens up a new pinned grouping above or below favorite emotes grouping. The grouping has a title like Matches or Filtered Emotes or Results...etc
  3. Limit the number of rows that spawn from the search from 1 to 4 (more or less if it looks clean) in case the search has a ton of results.
  4. To the right of the title is a small up arrow key, and to the right of that is a small down arrow key to be able to scroll through the results of the search if there are many results. The scrolling could be static without animation and instantly switches the rows being show, or it could be a dynamic scroll like when using a mouse wheel (Whichever way is cleaner to use)

Other Suggestions/Notes

  • When you open the menu, you are instantly typing into the search box without having to click it. Once you click an emote or click some where other than the search box. You are no longer typing to the search box and need to click the search box to be able to type to it again.
  • If there are no emotes that resemble the search - then have a text appear where the filtered emotes supposed to appear that says something like no matches found. Or have the searched grouping title change to no results found and show no rows besides the title.
  • When you close the menu or click the x next to the search box, the filtered grouping disappears and the search is cancelled.
  • When typing into the search box, the results appear after any character change in the search - instant new filtering/results on a state change of searched key.
  • If you click enter when a search is active, it automatically puts the first emote (top left emote of results) into the send a message box in twitch chat.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants