• 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.8k 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.
  • S Online
    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 Online
        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 Online
            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
            • A Offline
              ambujsethi @sdetweil
              last edited by Oct 25, 2019, 10:24 PM

              @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 Oct 26, 2019, 12:01 AM Reply Quote 0
              • S Online
                sdetweil @ambujsethi
                last edited by sdetweil Oct 26, 2019, 1:49 AM Oct 26, 2019, 12:01 AM

                @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 Oct 26, 2019, 12:14 PM Reply Quote 0
                • A Offline
                  ambujsethi @sdetweil
                  last edited by Oct 26, 2019, 12:14 PM

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

                  S 1 Reply Last reply Oct 26, 2019, 12:16 PM Reply Quote 0
                  • S Online
                    sdetweil @ambujsethi
                    last edited by Oct 26, 2019, 12:16 PM

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