Replacing Web UI framework

Markus Bonet · 2026-03-22T11:19:06+00:00

I know this will be a long shot and I didn't find something in the forum about the topic. Has it been evaluated to use a different Web UI framework? The curr...

DeltaMikeCharlie

An early prototype of the EPG Grid screen has been delivered by oliversluke.

It only has some simple functionally like a popup EPG summary and a slide-in full details panels, but it looks nice so far!

DaveH

There seems to be a lot of white space (wasted space?) in the design? Also, why do some programmes show the start of the subtitle, and others not?

DeltaMikeCharlie

DaveH There seems to be a lot of white space (wasted space?) in the design?

Yes, this has already been noted.

DaveH Also, why do some programmes show the start of the subtitle, and others not?

That's probably just a result of my Australian EPG. Not all broadcasters use the same EPG fields. The EIT EPG grabber can remedy this, I just have not configured it yet.

DeltaMikeCharlie

oliversluke has just made another release. Thank you Oliver. Here are some highlights:

The EPG Timeline has: some new options; added date navigation buttons at the top; and now does sub-title/description fallback like the Classic UI.

There is a new 'Magazine' style EPG page.

Table fields to be displayed can be selected.

This summary is by no means comprehensive, but it gives an overview of progress.

DeltaMikeCharlie

For those people with some Linux command line knowledge, but not enough skill to build TVH from source, I have hacked together a ZIP file that should contain a stand-alone copy of the new interface which should enable testing on an existing TVH system.

Stop TVH
Unzip the file into /usr/local/share/tvheadend/src/webui/static. It should create a modern directory.
Restart TVH
Browse to http://[tvh_ip]:9981/static/modern/index.html

I tested it on my system and it seems to work, but remember, failure is always an option. Proceed at your own risk.

modern.zip

1MB

DaveH

I just tried it on my very old system and it worked 🙂 🙂 Even without stopping TVH! (I must like to live dangerously). It looks better in the flesh than in your images.

One thing I noticed straight away is that it would be useful to me to have the channel number alongside the channel name (in the wasted space?).

An indication of which programmes are going to be recorded is an obvious thing as well.

edit to add: The tooltip keeps blinking off, in fact the whole display greys out about once a second. I don't know why that is, but it's annoying.

DeltaMikeCharlie

DaveH One thing I noticed straight away is that it would be useful to me to have the channel number alongside the channel name (in the wasted space?).

There is a config icon on the right of the screen that allows you to select what information is displayed about channels.

An indication of which programmes are going to be recorded is an obvious thing as well.

This has already been requested and acknowledged. It's just a matter of time.

Oliver is currently trying to get the foundations operational. I often forget this myself. Features like this, while certainly useful, are not 'core' and can be addressed at a later stage.

edit to add: The tooltip keeps blinking off, in fact the whole display greys out about once a second. I don't know why that is, but it's annoying.

This has also been reported.

DaveH

I just looked at the other tabs. In DVR / "Upcoming/Current Recordings" there are two empty columns "disp_extratext" and "episode_disp". What are they and how do I manage the display of columns?

DaveH

I just came back and looked again. Now it has a box that says things like: "Failed to load: JSON.parse: bad control character in string literal at line 1 column 35697 of the JSON data"?

DeltaMikeCharlie

DaveH Now it has a box that says things like: "Failed to load: JSON.parse: bad control character in string literal at line 1 column 35697 of the JSON data"?

~~Maybe there is a bug in the system, or maybe my 'hack' to create a stand-alone system was incomplete.~~

~~Can you provide some more details?~~
~~Was the system running continuously while you were away?~~
~~What screen were you on?~~
~~Did the message coincide with when your EPG grab ran?~~
~~Was this message on the PVR screen, or in your browser console log?~~

UPDATE: This is actually a bug in the existing TVH code. Oliver has submitted a fix for it. I have not investigated any further, however, I suspect that the Classic WebUI does not impose 'strict' JSON parsing in the same way the Modern UI may.

DaveH

DeltaMikeCharlie Ah, OK. I don't suppose there's any chance of fixing the new code so it can accept the original data? Even if the data is technically faulty.

DaveH

DeltaMikeCharlie There is a config icon on the right of the screen that allows you to select what information is displayed about channels.

OK thanks.

DeltaMikeCharlie This has already been requested and acknowledged. It's just a matter of time.

That's good to know. And the tooltips. It would help if Oliver engaged here.

DeltaMikeCharlie There is an ultra-compact 'Minuscule' mode that compacts the EPG Timeline onto one line per channel.

That might be useful in some circumstances, but I have TVH configured to never use channel icons, so I suspect it wouldn't work for me.

DeltaMikeCharlie

Here is today's update summary.

There is an ultra-compact 'Minuscule' mode that compacts the EPG Timeline onto one line per channel.
There is a clock and HDD percentage on the bottom left that display a tooltip with more info when the mouse hovers.

When an EPG entry is scheduled for recording, there is a bar beneath the event that included pre/post padding too.

The EPG details drawer has also had some nice features added.

Thanks Oliver.

« Previous Page