WebtroPie
-
@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 ?
- You are not using XML media PATH ... so bad because i can't see any of my MEDIA :(
-
-
-
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)
-
@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/"); -
@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.
-
@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.
-
@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
-
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
- 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 - Here a FRENCH gamelist to test the UTF8 :)
-
@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
-
@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.
-
@darknior , ah, there was something else, all working perfectly now, I will release the changes later in the week with the other updates.
-
... 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
-
@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 :)
-
@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
-
@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.
-
@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.xmlIf 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.
-
@kixut Thanks for all these improvement <3
Now my feedback and error tracking :
fix for the utf8 issue
That's ok
fix for the medias directory issue
-
Like you can see i have them when i edit a game.
You put them like background-image, it is enough to see i have an image, but it is behind the drag n drop zone :(
And i cant use any script to zoom it and see if it is a good quality image or not ?
Maybe you can make the zone smaller ant put the image at left or right ?
And in the future, just an idée, not to make now, maybe angular or PHP can give the size of the image to write it ? -
There is an z-index bug with the Title FAVORITE that is in front of the edit popup, and i can't modify the informations.
-
I don't see any image in the list. I suspect it don't try to take them ... i don't see them on the network status.
It can really help to work to see images and videos in the list. -
You let the INPUT in RED, but you found the image?
But this screenshot show us an other problem : Duplicates in a repeater are not allowed
It's cool i remove a duplicate entry in my PSX XML lol ... but other users will not understand if they not debug.
Maybe you can take the last entry to CRUSH the first ? It's the easy way, or SKIP the new duplicate entry.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)
You are right, they are very important to show the game name exactly like on PI. To see and correct bad naming errors.
They only remove and replace them in MULTI system systems: FAVORITES, LAST PLAYED, ALL GAMES.
To save place to write where come from the game, if not we can't know it.added (system) to auto game lists
Not understand what you want to say ?
changed players input from number to text
Ok i see the new TEXT INPUT but now every where it only write me : 1
made description only multiline text field
Not really understand too, multiline text field is the best, what do use before ?
For the issues regarding systems not showing
Always there ... and game counts is now fall at 452 games available :( :( :(
- NO XML in my /home/pi/RetroPie/roms
- There are all there : ~/.emulationstation/gamelists
http://www.mediafire.com/file/hzmd20bmh82lmc8/es_gamelists.tgz
http://www.mediafire.com/file/p9kvgpqdq92vnys/es_systems.cfgAnd if can help the Alpha version of our theme : dark-steel--alpha.zip
-
-
@darknior sorry about that, I've made some small tweaks so that the images show better now
and if you mouse over the image in the editor it will show the image size.I will have a look at the other issues later. Thanks againEdit: Oh, and the z-index bug, you will need to refresh your cache to pick up the style sheet changes - in Chrome - F12, then Right click Refresh then choose the last option.
I've removed the track by on the game list, it allows angular to be more efficient but isn't necessary and depends on the path each game being unique.
I've also changed the game list to only strip brackets on auto collections -
I have update and now black screen :p
angular.js:14642 TypeError: Cannot set property 'auto-allgames' of undefined at onSuccess (config.service.js:54) at processQueue (angular.js:17000) at angular.js:17044 at Scope.$digest (angular.js:18182) at Scope.$apply (angular.js:18480) at done (angular.js:12501) at completeRequest (angular.js:12727) at XMLHttpRequest.requestLoaded (angular.js:12655) "Possibly unhandled rejection: {}" -
@darknior please git pull, hard refresh as above
Edit: Regarding the game counts I set my system up with your game counts and the latest version matches all of the game counts except for PSX which contains 27 duplicates, so, WebtroPie was showing more games than EmulationStation.
I've written something which finds the duplicates and shows them on the console.Edit 2: just tried your theme, looking great! - except I see what you mean about meta positioning
0_1510528555623_DarkSteele.png
Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.
Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.