MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Missing Club Logos in MMM-Soccer

    Scheduled Pinned Locked Moved Troubleshooting
    14 Posts 4 Posters 5.1k Views 3 Watching
    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.
    • brobergB Offline
      broberg Project Sponsor @tino
      last edited by

      @tino

      Have you run the downloader that is mentioned in the modules readme?

      Logos
      
      As the v2 api doesn't provide logos anymore, I developed a club logo downloader. It supports the five major leagues as above named. To run the downloader you need to execute the following steps.
      
          Go to the module directory cd ~/MagicMirror/modules/MMM-soccer.
          Execute node scripts/downloader COUNTRYNAME.
          Run this command for all the leagues you want to display on the mirror.
          Don't forget to activate the display of the logos in the config.
      
      If there isn't every club logo, you can also place them manually in the public directory of the module, the logos need to be in svg format and the name of the file has to match the displayed name.
      
      1 Reply Last reply Reply Quote 0
      • T Offline
        tino
        last edited by

        @broberg said in Missing Club Logos:

        Execute node scripts/downloader COUNTRYNAME

        Hi broberg,

        thx for your fast reply. yes, i’ve tried it serveral times to execute your script to get the logos.

        pi@raspberrypi:~/MagicMirror/modules/MMM-soccer $ node scripts/downloader GERMANY
        pi@raspberrypi:~/MagicMirror/modules/MMM-soccer $

        same result.

        i also placed some manually downloaded logos in SVG format into the public folder

        pi@raspberrypi:~/MagicMirror/modules/MMM-soccer/public $ ls
        25px-1.FC_Union_Berlin_1966-_1990.gif ‘Hertha BSC.svg’
        25px-Logo_TSG_Hoffenheim.svg.png Logo_FC_Augsburg.svg.png
        25px-SC_Paderborn_07_Logo.svg.png Logo_TSG_Hoffenheim.svg.png
        ‘BV Borussia 09 Dortmund.svg’ SC_Freiburg.svg
        FCSchalke04.svg

        same result.

        To activate the logos i use the “logos: true,” . This should be correct , or?

        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @tino
          last edited by

          @tino said in Missing Club Logos in MMM-Soccer:

          “logos: true,”
          try

          “logos”: true,

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • T Offline
            tino
            last edited by

            also “logos”: true, will not show the logos.

            1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil
              last edited by

              the code does NOT look in the public folder, from the njk file

              /MMM-soccer/{{standing[index].team.name}}.svg
              or
              /MMM-soccer/{{entry.team.name}}.svg

              might want to edit the njk, and change those to
              /MMM-soccer/public/

              also, many of your files are
              25px-Logo_TSG_Hoffenheim.svg.png < ---- .png

              this is svg
              FCSchalke04.svg

              but I don’t think ‘FCSchalke04’ is the team name

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • T Offline
                tino
                last edited by

                ok, i have now added the /public to the path like this src=“/MMM-soccer/public/{{standing[index].team.name}}.svg”

                The install discription says : “the logos need to be in svg format and the name of the file has to match the displayed name.”
                I my case f.e. now FC Schalke 04.svg . The displayed name is “FC Schalke 04”

                pi@raspberrypi:~/MagicMirror/modules/MMM-soccer/public $ ls
                ‘BV Borussia 09 Dortmund.svg’ ‘SC Freiburg.svg’
                ‘FC Schalke 04.svg’ SC_Paderborn_07_Logo.svg
                ‘Hertha BSC.svg’

                same result …strange

                S 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @tino
                  last edited by sdetweil

                  @tino if you open the developers window, ctrl-shift-i, and select the tab labeled console, and scroll up,
                  maybe put ‘soccer’ (no quotes) in the filter field to just see messages from one module, you should see the errors from loading some url…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  A 1 Reply Last reply Reply Quote 0
                  • T Offline
                    tino
                    last edited by

                    You made my day!!

                    THX for your tip with the Debug console.

                    System could not find the path to the public folder.
                    false: src=“/MMM-soccer/public/{{standing[index].team.name}}.svg”
                    right: src=“/modules/MMM-soccer/public/{{standing[index].team.name}}.svg”

                    now it works perfect …thumbs up

                    S 1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @tino
                      last edited by sdetweil

                      @tino woohoo!

                      Glad u solved it!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • A Offline
                        ambujsethi @sdetweil
                        last edited by

                        @sdetweil I’m having the same issue but I don’t understand what you mean by the developers window here. What is that, exactly?
                        Thanks.

                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @ambujsethi
                          last edited by sdetweil

                          @ambujsethi on the mirror screen, press ctrl-shift-i. This will split screen with the developers window on the right side

                          you can also open the developers window with npm start dev (as long as u stopped the pm instance)

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          A 1 Reply Last reply Reply Quote 0
                          • A Offline
                            ambujsethi @sdetweil
                            last edited by

                            @sdetweil Thank you! I’ll try it out and hopefully solve the issue. :)

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @ambujsethi
                              last edited by

                              @ambujsethi i think we have the resolution… edit the module njk file and fix the paths to the images

                              from

                              /MMM-Soccer
                              

                              to

                              /modules/MMM-Soccer/public
                              

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0

                              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                              With your input, this post could be even better 💗

                              Register Login
                              • 1 / 1
                              • First post
                                Last post
                              Enjoying MagicMirror? Please consider a donation!
                              MagicMirror created by Michael Teeuw.
                              Forum managed by Sam, technical setup by Karsten.
                              This forum is using NodeBB as its core | Contributors
                              Contact | Privacy Policy