RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login

    WebtroPie

    Scheduled Pinned Locked Moved Projects and Themes
    retropieweb interfacewebtropie
    157 Posts 27 Posters 63.9k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • TMNTturtlguyT
      TMNTturtlguy @pjft
      last edited by

      @pjft @kixut I am not sure I am following what the issue is here? Are you referring to the letter A that was in accidentally inserted into all the theme.xml to line 1? If that is what is being referred to, that was an accident and it has been removed from all .xml in the upcoming update. I believe that character, the letter "A" did not have an affect on users running on a rasberry pi, but rather on other devices. Please let me know. Thank you

      K 1 Reply Last reply Reply Quote 0
      • K
        kixut @pjft
        last edited by

        @pjft yes, at the start of each xml file there is a 'a' character like "a<theme>"
        like this, there have been various hurdles as the xml reader in php seems a little more strict in parsing xml than the library that ES uses.

        1 Reply Last reply Reply Quote 1
        • K
          kixut @TMNTturtlguy
          last edited by 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!

          TMNTturtlguyT 1 Reply Last reply Reply Quote 1
          • TMNTturtlguyT
            TMNTturtlguy @kixut
            last edited by

            @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!

            1 Reply Last reply Reply Quote 0
            • R
              robertybob
              last edited by

              Is this still being worked on @kixut ?

              1 Reply Last reply Reply Quote 0
              • K
                kixut
                last edited by

                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.

                1 Reply Last reply Reply Quote 1
                • darkniorD
                  darknior
                  last edited by

                  @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 :(

                  Life is game, just play it !

                  K 2 Replies Last reply Reply Quote 0
                  • PokeEngineerP
                    PokeEngineer
                    last edited by

                    @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. 😀

                    Don't sweat it.
                    When in doubt, take a BYTE out of life.

                    😎

                    K 1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User
                      last edited by

                      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)

                      K 1 Reply Last reply Reply Quote 0
                      • K
                        kixut @darknior
                        last edited by

                        @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/");

                        1 Reply Last reply Reply Quote 0
                        • K
                          kixut @PokeEngineer
                          last edited by 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.

                          1 Reply Last reply Reply Quote 2
                          • K
                            kixut @A Former User
                            last edited by

                            @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.

                            1 Reply Last reply Reply Quote 1
                            • K
                              kixut @darknior
                              last edited by

                              @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

                              1 Reply Last reply Reply Quote 0
                              • darkniorD
                                darknior
                                last edited by

                                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
                                

                                Life is game, just play it !

                                K 1 Reply Last reply Reply Quote 0
                                • K
                                  kixut @darknior
                                  last edited by 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

                                  darkniorD 1 Reply Last reply Reply Quote 1
                                  • darkniorD
                                    darknior @kixut
                                    last edited by

                                    @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.

                                    Life is game, just play it !

                                    K 1 Reply Last reply Reply Quote 0
                                    • K
                                      kixut @darknior
                                      last edited by

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

                                      1 Reply Last reply Reply Quote 1
                                      • K
                                        kixut
                                        last edited by 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

                                        darkniorD 1 Reply Last reply Reply Quote 2
                                        • darkniorD
                                          darknior @kixut
                                          last edited by

                                          @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 :)

                                          Life is game, just play it !

                                          K 1 Reply Last reply Reply Quote 0
                                          • K
                                            kixut @darknior
                                            last edited by 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

                                            darkniorD 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            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.