Information TeX - New web interface for Kodi
#1
Hi all,

This is my first addon for Kodi and my first open source contribution Smile
I created a new web interface for Kodi. The UI is a little bit inspired by Netflix (not too much of course), I hope you will like it.
I think the project is stable enough to be shared with the community but don't expect for it to be free of bugs, it is also my first project with Angular (the technology I use to develop the website).

I you want to check my code or see screenshots, you can find them on my github repository:   https://github.com/clementdelestre/TeX.

TeX is also a webapp, so you can install it as an application on Windows, Android, and maybe iOS too (didn't try it). Just keep in mind this is the first version.
I did a pull request to make it available on the official Kodi repo. You can also download this first release here TeX.zip
Reply
#2
That's a wonderful first post. A contribution. Thank you and welcome.

Cheers,
LongMan
Reply
#3
Hey I just tried this and it looks great! 

Unfortunately I had to switch back to Chorus since the keyboard controls of the Kodi TV interface are essential for me, and I couldn't find a way to use them with your web interface.  But when I switched back to the default web interface in Kodi settings, I wasn't able to access it on my chrome browser.  It just brought me to the blank screen, which still says it's for TeX in the toolbar.  Any idea on how to fix?

Image
Reply
#4
(2021-11-10, 22:18)ntilikp Wrote: Hey I just tried this and it looks great! 

Unfortunately I had to switch back to Chorus since the keyboard controls of the Kodi TV interface are essential for me, and I couldn't find a way to use them with your web interface.  But when I switched back to the default web interface in Kodi settings, I wasn't able to access it on my chrome browser.  It just brought me to the blank screen, which still says it's for TeX in the toolbar.  Any idea on how to fix?

Image

Clean your navigation history and data from your browser, it should help.
Reply
#5
Hi !

TeX v1.1.0 is now available!
Download kink: download from github
A merge request has been made to publish the update on the official repo.

Changelogs :
- Manyyyyyy ui improvements
- Working on iOS devices (and Windows, macOS, Android)
- Virtual keyboard in the remote
- You can enable vibration in the remote (Settings -> General -> Vibration). Working on Android
- A lot of bugs fix

If you already have the v1.0.0, you need to install the addon in kodi and then refresh the app in your web browser. If you have some issues with translations, go to Settings -> General -> Refresh translations; and then refresh the page again.
If you encounter any unexpected errors, just tell me and I will try to fix them as soon as possible Smile
Reply
#6
Trying version 1.1.0 on Kodi 19.3 but don't see anything, like there is something wrong with the visualization of the thumbnails:

Image

I can hover over the thumbnails and click on it, then seeing this:

Image

Any idea?
Reply
#7
Bigger images ...
https://i.postimg.cc/wjvCn4HH/dva-017.png
https://i.postimg.cc/BnkVkqMc/dva-018.png
Reply
#8
You can try to remove your video source and add it again.
Make sure tmdb is well configured.

Image

Image

Not sure if it will work but you can try :/
Reply
#9
(2022-01-09, 16:57)clementdelestre Wrote: You can try to remove your video source and add it again.
Make sure tmdb is well configured.

Image

Image

Not sure if it will work but you can try :/
I don't even see those controls! Should I see those under "Appearance"? Under Appearance everything is black ...
Tried Chrome, Firefox and Safari ...

Image
Reply
#10
It's in Kodi settings, not in the web interface.
It's when kodi scans for new movies and add new data.


Image

You can also do something else to help me to find the issue:
In Chrome : right click anywhere and "inspect element" (or something like that, I don't know how it is translated in english). Then click on the tab "Console", refresh the page, and send me a screenshot of the errors that you should see.
Reply
#11
Ooh ... I'm not using TMDb or similar as a scraper. Simple NFO scanner (Jellyfin creates nices nfo and poster/fanart for me)

Image
Reply
#12
I think it's the issue!
I only tested TeX with TMDB installed.
I will continue to work on the UI to display title instead of art when TMDB is not used Smile
Reply
#13
Calling:
Quote:http://osmc-1:8080/jsonrpc?request={%22jsonrpc%22:%222.0%22,%22id%22:%22getrecentlyaddedmovies%22,%22method%22:%22VideoLibrary.GetRecentlyAddedMovies%22,%22params%22:{%22properties%22:[%22year%22,%22art%22,%22title%22,%22resume%22,%22rating%22],%22limits%22:{%22start%22:0,%22end%22:20}}}

Gives:
Quote:{"id":"getrecentlyaddedmovies","jsonrpc":"2.0","result":{"limits":{"end":3,"start":0,"total":25},"movies":[{"art":{"clearart":"image://%2fmnt%2fmoviez%2fnew%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG%2fclearart.png/","fanart":"image://%2fmnt%2fmoviez%2fnew%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG%2ffanart.jpg/","icon":"image://DefaultVideo.png/","logo":"image://%2fmnt%2fmoviez%2fnew%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG%2flogo.png/","poster":"image://%2fmnt%2fmoviez%2fnew%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG%2fposter.jpg/","set.fanart":"image://https%3a%2f%2fimage.tmdb.org%2ft%2fp%2foriginal%2f8oNuaMznFSCSEwp1tiT9ZPR5aNo.jpg/","set.poster":"image://https%3a%2f%2fimage.tmdb.org%2ft%2fp%2foriginal%2fq12bME3NZDRsP2PCs7rLYq97k21.jpg/","thumb":"image://[email protected]%2fmnt%2fmoviez%2fnew%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG%2fExtraction.2020.1080p.NF.WEB-DL.DDP5.1.x264-NTG.mkv/"},"label":"Extraction","movieid":1756,"rating":6.699999809265137,"resume":{"position":0.0,"total":0.0},"title":"Extraction","year":2020},{"art":{"fanart":"image://%2fmnt%2fmoviez%2fnew%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG%2ffanart.jpg/","icon":"image://DefaultVideo.png/","landscape":"image://%2fmnt%2fmoviez%2fnew%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG%2flandscape.jpg/","logo":"image://%2fmnt%2fmoviez%2fnew%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG%2flogo.png/","poster":"image://%2fmnt%2fmoviez%2fnew%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG%2fposter.jpg/","thumb":"image://[email protected]%2fmnt%2fmoviez%2fnew%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG%2fDont.Look.Up.2021.1080p.NF.WEB-DL.DDP5.1.Atmos.HDR.HEVC-CMRG.mkv/"},"label":"Don't Look Up","movieid":1753,"rating":7.300000190734863,"resume":{"position":0.0,"total":0.0},"title":"Don't Look Up","year":2021},{"art":{"clearart":"image://%2fmnt%2fmoviez%2fnew%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO%2fclearart.png/","fanart":"image://%2fmnt%2fmoviez%2fnew%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO%2ffanart.jpg/","icon":"image://DefaultVideo.png/","logo":"image://%2fmnt%2fmoviez%2fnew%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO%2flogo.png/","poster":"image://%2fmnt%2fmoviez%2fnew%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO%2fposter.jpg/","thumb":"image://[email protected]%2fmnt%2fmoviez%2fnew%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO%2fKing.Richard.2021.1080p.HMAX.WEB-DL.DDP5.1.Atmos.x264-EVO.mkv/"},"label":"King Richard","movieid":1779,"rating":7.599999904632568,"resume":{"position":0.0,"total":0.0},"title":"King Richard","year":2021}]}}
It cannot display the images on my nfs mount?
Reply
#14
Nice work!
I have just translated all the strings in italian (IT), in Weblate.
Ciao!
Reply
#15
This doesn't work for me because the IF seems to assume that the webserver is always on port 8080, but that isn't the case.

{this.http=e,this.location=window.location,this.port="8080"}getBaseUrl(){return this.location.protocol+"//"+this.location.hostname+":"+this.port+"/"}getApiUrl()

I have tried changing it to the correct port in the settings, but this doesn't appear to work Sad
Learning Linux the hard way !!
Reply



Logout Mark Read Team Forum Stats Members Help
TeX - New web interface for Kodi0
This forum uses Lukasz Tkacz MyBB addons.