xteve-project / xTeVe

M3U Proxy for Plex DVR and Emby Live TV
MIT License
1.87k stars 238 forks source link

Add Search or similar to XMLTV Channel selector #154

Open mmarquezs opened 4 years ago

mmarquezs commented 4 years ago

Selecting the correct xmltv channel in the Mapping window is very annoying if you have a lot of channels info. Dropdown list are good if there isn't a lot of elements but if there is a lot they become annoying. First I get a freeze of 1 sec while loading the list and then usually the dropdown list supports "searching" by typing the text but it doesn't help much if there is a lot of channels that start the same or have extra data before the channel name. Plus if you use touch screens or tablets or phones you might not be able to "search" this way.

Describe the solution you'd like A dropdown list or similar with search capabilities. It could be as simple as an input with a datalist (https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist) or using a js library for it. The search in my opinion should fuzzy search.

Extra (Optional): It would awesome if by default when loading the mapping window it auto searchs and shows in the list the closest ones to the channel name, so most of the time you wouldn't need to even search, maybe even autoselect the first result.

Describe alternatives you've considered Not sure of any alternative. I guess filtering functionality for xmltv it might help to reduce elements but the problem it would still be there.

BryantS11 commented 4 years ago

would be great if they add a search bar which would then be able to filter everything that contains the text that is inputted into the search bar.

MCTyler commented 4 years ago

@bsantos11 There is a search Bar...... image

BryantS11 commented 4 years ago

@bsantos11 There is a search Bar...... image Im talking about where you would select the channel to match with As you can see there i have a big XMLTV list and it makes it hard for me to search for the correct ones. xteve

MCTyler commented 4 years ago

Yea, that part suks with Custom EPG, but it is what it is. Many have asked for this and have been rejected. Search closed issues.

BryantS11 commented 4 years ago

@mar-mei I tried but didn't even know where to start, I tried adding a filtering function for mapping channels. But couldn't figure it out in the source code. But all that is needed is to change the tag from a "select" to "datalist", and add a input box that would look like this

Result would look like this:

The function of this is that users would be able to look for the correct epg from a huge list, in a faster and more efficient way

Would be great if this feature could be added

mar-mei commented 4 years ago

Here is the line in the source code, but this is used for all SELECT elements. With DATALIST and INPUT, however, each entered value must always be checked, since values that do not exist can also be entered there. https://github.com/xteve-project/xTeVe/blob/71dfe912722f3aa7cf10a3764bcd86867ee32fa4/ts/menu_ts.ts#L981

After changing the .ts files you have to run the script in the TS folder, then the Jvascript files will be created. xTeVe must also be started with the -dev switch.

timiil commented 7 months ago

a fuzzy query filter feature will be very friendly