WebtroPie

kixut

@TMNTturtlguy ... oh yes, sorry I didn't read your post before replying to above, it's no problem I had to remove comments and white space before the first tag anyway as this also isn't acceptable to the parse I use so it was a minor thing for me to add.

.Edit: ... great theme by the way, awesome!

TMNTturtlguy

@kixut thanks! Look for a new complete release, hopefully in the next 24 hours. Your project looks very cool as well, somehow I missed this thread but now I am very interested! I will need to learn more about this!

robertybob

Is this still being worked on @kixut ?

kixut

Hi, I have quite a few local changes that I haven't pushed to GitHub yet, some of which necessitated quite a bit of a code restructure and tidy exercise, but yes, real life sort of took over at the start of summer and I haven't worked on it for a while now. I plan to pick this up again soon and will start making silent updates to GitHub again.

darknior

@kixut said in WebtroPie WIP (was "Web App WIP +please give it a name..."):

Hi, I have quite a few local changes that I haven't pushed to GitHub yet, some of which necessitated quite a bit of a code restructure and tidy exercise, but yes, real life sort of took over at the start of summer and I haven't worked on it for a while now. I plan to pick this up again soon and will start making silent updates to GitHub again.

Hi
Some news about your great project ?
I discover it today and really i love it <3

Your last comit was 5 month ago, ES and theme have evolve ...
And now for exemple the MINI theme serie (NES, SNES, PSX) are crashing your Wab App. I think you must code a CAROUSSEL fix.
I'm French and i also have a problem with é è à ç ... maybe your are not using UTF-8 encode ?

0_1508988426205_Sans titre-1.jpg

You are not using XML media PATH ... so bad because i can't see any of my MEDIA :(

PokeEngineer

@kixut

I just discovered this today, just like you @darknior, and this looks like a strange, but interesting thing you made. Once you update this to have compatibility with the current version of ES, I might try it out. 😀

A Former User

Oh hey, the name I suggested got used!

What scripting language did you use and how'd you get it onto the web? (if you used html please teach me)

kixut

@darknior Hi, thanks for checking it out, yes sorry I stopped working on it over the summer but have been working on it again and funnily enough I have rewritten the carousel code to cater for auto and custom collections and at the same time fix a bug that I had with IE.

The first thing I did however was to completely restructure the code to adhere to AngularJS style guide, I've made lots of improvements but with such a lot of code changing I have to work through quite a few issues but I hope to release the changes in about a week.

Could you post the game info for the screenshot above from your gamelist.xml please?, I should be able to sort out the UTF-8 encoding issue. - thanks

I see that you media path is /home/pi/RetroPie/media instead of /home/pi/RetroPie/roms

I will try to make this automatically detected from es configuration but for now it should work if you change the file below

WebtroPie/app/svr/config.php

change :-
define("ROMSPATH", "roms/");
to
define("ROMSPATH", "media/");

kixut

@pokeengineer - it's getting there, I've recently implemented the various view transitions (more similar to the windows build) and the vertical themable carousel, the more recent themes all work well with the new version that I hope to release soon.

kixut

@itsnitro .. the front end is all javascript using AngularJS, the server side uses PHP. As a bit of a programming exercise I might in future change to Angular 2 with a purely nodejs back end.

kixut

@darknior ... I also notice that the horizontal lines in the screenshot aren't quite the right colour, I think maybe the GD extension for PHP is not installed - although WebtroPie will still work some images might not display quite right.

Could you tell me what you get for :-

$ php5 -m | grep -i gd

darknior

WOAW so cool thanks a lot for your work :D

Here a FRENCH gamelist to test the UTF8 :)
I record it with Notepad++ / Unix (LF) / UTF-8

NES gamelist.xml

Yes for the PATH we use an other directory. It is cleanest.
ROMS : /home/pi/RetroPie/roms/nes/
MEDIA : /home/pi/RetroPie/medias/nes/box front/ -- .../logos/ -- .../videos/

If it is possible you show them it will be perfect.
I understand it is harder for the upload option, but tell me, i can make some tests for you.

GD extension for PHP is installed.


root@retropie:php5 -m | grep -i gd
gd

kixut

@darknior thanks, I understand now and I will need to make a little mod to allow configurable additional media directories, however, one way or another your directory will have to be converted to a url to serve images, so it needs to be visible under the webtropie directory and this means that it's going to involve both adding the directory to a configuration file and creating a symbolic link under webtropie directory.

The unicode issue was a one line fix (I think I just needed to a a parameter to the json_encode command in game.php - json_encode($results, JSON_UNESCAPED_UNICODE) .. or something), ... and it shows in webtropie the same as in an editor, however I'm a bit confused that there seems to be additional characters in the xml file (copyright symbols) so I'm not sure that it's 100% how you would expect it to be, ... I'll post screenshots when I get home.

@itsnitro "how'd you get it onto the web?"... do you mean to make it available to be browsable outside of your home network?, that would involve creating an inbound rule on your router to point web traffic to your rasberry pi, sometime called a tunnel, your probably best looking that one up. It's interesting though that perhaps in the future connecting/pairing one webtropie to another could offer some interesting functionality possibilities such as easily transferring media/metadata or comparing sets etc

darknior

@kixut said in WebtroPie WIP (was "Web App WIP +please give it a name..."):

The unicode issue was a one line fix (I think I just needed to a a parameter to the json_encode command in game.php - json_encode($results, JSON_UNESCAPED_UNICODE) .. or something), ... and it shows in webtropie the same as in an editor, however I'm a bit confused that there seems to be additional characters in the xml file (copyright symbols) so I'm not sure that it's 100% how you would expect it to be, ... I'll post screenshots when I get home.

(copyright symbols) ? Ok show me.

kixut

@darknior , ah, there was something else, all working perfectly now, I will release the changes later in the week with the other updates.

kixut

... a little late and not with everything I had wanted to do I have pushed my current work in progress. It's mainly a restructure and updated to reflect the newish theme features added to emulation station.

IE compatibility is improve however there are still issues, the most visible is with some fonts that are flagged as not being allowed to be embedded, IE 11 and below adheres to this flag and does not load those fonts

The video below shows the IE11 font issue at the end, it's a bit poorly captured but you get the idea. It starts off showing carousel changes using Chrome under Windows and the the end shows WebtroPie on IE.

Edit: git pushed properly now

darknior

@kixut Thanks i have update :)

But i always have many problems ...

It take time to load all my games ... and finally it load 5919 games / 6908 ??? Not the same number on ALL GAMES.
I only can see 4 Menu : All Games, Favorite, Last Played, Ports
Theme are not working fine and when i choose the last PIXEL one it crash and i can't revert back and use your interface, i don't know when you set the theme to change it in CFG.
I don't see my covers, video or logo before the crash.

What can i do to repair.
Are some tests can help you ?

Thanks a lot for your hard work :)

kixut

@darknior thanks for testing

that number of games shouldn't be a problem, either for the pi to generate the list, to transfer the list or for the client to read and display the list, to eliminate a few things can you in Chrome, press F12, click on network tab, navigate to the system that is slow - how long does the game.php file take to load ?
the numbers mean how many games are shown out of how many are in the game list. If some games are in a subdirectory then they will be hidden unless you click the folder button (which means show everything in nested directories), also if you have typed anything in the filter box then the list is limited to games that match that filter, same if you click favourite filter icon - there's more detail on this in the readme and mentioned in the video at the top of this thread. The number is also just for the current system, all games is for all systems.
only showing collections and ports, I'm not sure about this one, ... are your game lists with your roms or in the emulation station directory ?
I've written better error handling on setting theme now
- if the theme change fails the current theme is kept and the change is not saved to config
- if the first time current config theme can't be loaded then the system tries to load carbon theme instead
- errors are reported to console
I've fixed the issue with pixel theme now
sorry I haven't developed the alternate media location functionality yet, I will get on that when I get time

Edit: ... oh, hope the UTF8 chars are ok now mon amis

darknior

@kixut said in WebtroPie WIP:

Edit: ... oh, hope the UTF8 chars are ok now mon amis

UTF8 was perfect last time, and works fine :)
But now the problem come back, see screenshots.

the numbers mean how many games are shown out of how many are in the game list. If some games are in a subdirectory then they will be hidden unless you click the folder button (which means show everything in nested directories), also if you have typed anything in the filter box then the list is limited to games that match that filter, same if you click favourite filter icon - there's more detail on this in the readme and mentioned in the video at the top of this thread. The number is also just for the current system, all games is for all systems.

I understand perfectly what you mean, and that's why I make a mistake, I do not click anything I do not select anything and still I do not have the same total number of games on the PI and on PC.

PC Chrome

PI

I think i have understand when i answer the next question, you don't load and show systems i have add manually to my es_system.cfg and platform.cfg. Many games missing from NEC CD, Super Grafx, AMIGA 1200, AMIGA CD32, OpenBOR, CPS, MSX2+.
And like i can't see them i can't manage them too ;)

that number of games shouldn't be a problem, either for the pi to generate the list, to transfer the list or for the client to read and display the list, to eliminate a few things can you in Chrome, press F12, click on network tab, navigate to the system that is slow - how long does the game.php file take to load ?

I think it is fast enough.

only showing collections and ports, I'm not sure about this one, ... are your game lists with your roms or in the emulation station directory ?

All my games are in ROM, i think the problem come also from es_system.cfg and platform.cfg.

I've fixed the issue with pixel theme now

Yes it works fine now :)

errors are reported to console

Yes i see it works fine :)
I'm a little WEB DEV too, i understand a part of your work, but no many more because you using Angular JS and i never use it.
I only use PHP, JQquery and Ajax functions.

sorry I haven't developed the alternate media location functionality yet, I will get on that when I get time

I can't see all my games list, only FAVORITES, Last Played, All Games, Ports. I don't have this problem before. Maybe it can come from the last ES DEV version with KIOSK and KID mode ? I stay in NORMAL mode to make tests.
Like you write i always have my problem with MEDIA.
You search them on :
http://192.168.1.62/roms/url/svr/roms/pcengine/~/RetroPie/medias/pcengine/logos/Bomberman '94 (Japan).png")
But it is not the more important for the moment because i can change my path with relative PATH :)
If i change ~/RetroPie/medias/... by ../../medias/... it will works fine on Retropie, your Webtropie (not for the moment). And it will works fine too on Recallbox for friends that use it.

But there are some other :

For players, you limit to one int number. Bad because we can have like on two exemple : 1-5 Vs or 1-2 Coop, 1-4 Alt.
Same problem on the editor, maybe you remove this restriction, because we made it for all systems.
It take us many time to write informations, but same many time to choose the game to play with children or friends ;)
Replace the md_playcount text_multiline class because it is a simple number. And it will remove the scrollbar.
Last played is at wrong place, and it is not important on PC but you show date, and not "74 days ago"
Same, not important but on the FAV LIST, the remove name extra info, and replace them by [SYSTEM NAME]
Tell me if you want my skin to try with it.

Sorry, i found many bugs and give you more work :( :( :(

But it is a dream to manage games with your system, from web browser.
And i think it can help to dev THEME because we can tray it on PC and refresh faster than on PI.

kixut

@darknior this is fantastic feedback, thanks, I've made a few changes

fix for the utf8 issue
fix for the medias directory issue
removed (curly) [square] bracket text after games lists (I originally decided to show that data as it is a metadata editor and maybe useful to some)
added (system) to auto game lists
changed players input from number to text
made description only multiline text field

For the issues regarding systems not showing, game counts being wrong - if they are still wrong after this update then maybe I need to look at your game lists and es_systems.cfg file, a tar gzip is fine ta

cd /home/pi/RetroPie/roms
tar cvfz  ~/roms_gamelists.tgz */gamelist.xml
cd ~/.emulationstation/gamelists
tar cvfz  ~/es_gamelists.tgz */gamelist.xml

If there is still an issue with theme images not showing (maybe the medias fix fixed this) then yes, if you could send me a link or file for your theme then I will have a look at that too.