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.

    [Weather module hourly template] Add another column for UV Index in hourly.njk with correct spacing

    Scheduled Pinned Locked Moved Development
    4 Posts 3 Posters 2.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.
    • O Offline
      OWL
      last edited by

      This post is deleted!
      S R 2 Replies Last reply Reply Quote 1
      • S Offline
        sdetweil @OWL
        last edited by sdetweil

        @OWL all style is css

        using the developers console and elements tab you can see the current and try different spacings, borders etc. til u get what u want. then save that to custom.css

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • R Offline
          Rene1695 @OWL
          last edited by

          @OWL
          Hey, could you Provide your js files? I am also trying to add the uv index. So far, i was able to change the ndk and set a new variable to the constructor. But the variable is empty and I dont Understand How to add the data to the request and the „forecast“ Object.

          Many thanks For any help!

          O 1 Reply Last reply Reply Quote 0
          • O Offline
            OWL @Rene1695
            last edited by

            @Rene1695 A misconfigured docker sadly overwrote my js files on reboot and i hadn’t had the time to recreate it until now.
            I cannot seem to upload my files here but you can look at my github repo where i synced all the changes. Watch out for a pull request to main, however that could take a while to end up in the releases.
            https://github.com/OWL4C/MagicMirror/tree/develop/modules/default/weather
            Of note are: weather.css (as @sdetweil detailed to add a border)
            providers/openmeteo.js (since it is free and more detailed than the other ones i use openmeteo and only know how to integrate it from them, maybe you can get the api reference for others, it should be similar to openmeteo.js though)
            hourly.njk (which adds the table entry, if the config.js has showUV_Index set to true)
            and obviously config.js
            As of yet hourly and current is implemented and i am trying to set up an max_UV for forecast.

            However there is one more bug: UV=0 does not get ignored like rain=0 but actually shows 0 0 0 0 etc. Not gamebreaking but still.

            1 Reply Last reply Reply Quote 1
            • 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