• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 3.3k 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.
  • T Offline
    tino
    last edited by broberg Oct 23, 2019, 11:18 AM Oct 23, 2019, 9:26 AM

    Re: MMM-Soccer - Soccer Standings

    Hi @ all,

    i just start using the MMM-soccer Module after a complete MM new install one day ago.

    Everything looks good, but i miss the club - logos. i become at this point a symbol that symbolizes a missing icon.

    {
        module: 'MMM-soccer',
        position: 'bottom_left',
        config: {
            api_key: 'hidden api key',
            show: 'GERMANY',
            logos: true,
            colored: false,
            max_teams: 5
        }
    },
    

    Any idee what the reason for this and how i get this issue fixed?

    THX in advance

    Tino

    B 1 Reply Last reply Oct 23, 2019, 11:20 AM Reply Quote 0
    • B Offline
      broberg Project Sponsor @tino
      last edited by Oct 23, 2019, 11:20 AM

      @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 Oct 23, 2019, 12:10 PM

        @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 Oct 23, 2019, 12:13 PM Reply Quote 0
        • S Offline
          sdetweil @tino
          last edited by Oct 23, 2019, 12:13 PM

          @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 Oct 23, 2019, 12:25 PM

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

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil
              last edited by Oct 23, 2019, 12:44 PM

              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 Oct 23, 2019, 2:34 PM

                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 Oct 23, 2019, 2:36 PM Reply Quote 0
                • S Offline
                  sdetweil @tino
                  last edited by sdetweil Oct 23, 2019, 2:47 PM Oct 23, 2019, 2:36 PM

                  @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 Oct 25, 2019, 10:24 PM Reply Quote 0
                  • T Offline
                    tino
                    last edited by Oct 23, 2019, 3:48 PM

                    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 Oct 23, 2019, 4:03 PM Reply Quote 0
                    • S Offline
                      sdetweil @tino
                      last edited by sdetweil Oct 23, 2019, 4:04 PM Oct 23, 2019, 4:03 PM

                      @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
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        4/14
                        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