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.

    MMM-AQI

    Scheduled Pinned Locked Moved Health
    61 Posts 14 Posters 78.7k Views 15 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
      Smotx
      last edited by

      Thx, very good, but why the ‘header’ is not visible ?

      Mykle1M 1 Reply Last reply
      Reply Quote 0
      • Mykle1M
        Mykle1 Project Sponsor Module Developer @Smotx
        last edited by

        @Smotx said in MMM-AQI:

        Thx, very good, but why the ‘header’ is not visible ?

        Post your config entry for this module in a code block

        Create a working config
        How to add modules

        S 1 Reply Last reply
        Reply Quote 0
        • S
          Smotx @Mykle1
          last edited by

          @Mykle1

          ```
          
          {
          			module: 'MMM-AQI',
          			position: 'top_left',
          			header: 'Polution',
          			config: {
          				token: "99860xxxxxxx",
          				city: "@8xxx",
          				iaqi: false,
          				updateInterval: 30 * 60 * 1000, // Every half hour.
          				initialLoadDelay: 0,
          				animationSpeed: 1000,
          				debug: false
          			}
          		},
          
          Mykle1M 1 Reply Last reply
          Reply Quote 0
          • Mykle1M
            Mykle1 Project Sponsor Module Developer @Smotx
            last edited by Mykle1

            @Smotx

            Hmm, odd. Your config looks good. Header SHOULD be showing. I just installed and ran it and my header appears as expected. Not sure why yours isn’t. My config:

            {
                    module: 'MMM-AQI',
                    position: 'top center',
                    header: 'This header is working',
                    config: {
                      token: "exxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx3",
                      city: "here",
                      iaqi: true,
                      updateInterval: 30 * 60 * 1000, // Every half hour.
                      initialLoadDelay: 0,
                      animationSpeed: 1000,
                      debug: false
                    }
                  },
            

            0_1555461896239_Screenshot from 2019-04-16 20-44-43.png

            Try using my config with your apiToken as a test.

            Create a working config
            How to add modules

            S 1 Reply Last reply
            Reply Quote 0
            • S
              Smotx @Mykle1
              last edited by

              @Mykle1

              The same, it’s stange, on others module, header are ok on screen…

              Mykle1M 1 Reply Last reply
              Reply Quote 0
              • S
                sdetweil
                last edited by

                did something else push the header off the screen…

                can u try with just the AQI module

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply
                Reply Quote 0
                • Mykle1M
                  Mykle1 Project Sponsor Module Developer @Smotx
                  last edited by

                  @Smotx

                  Have you made any changes to the MMM-AQI.css file or additions to your custom.css file referencing the module?

                  Create a working config
                  How to add modules

                  S 1 Reply Last reply
                  Reply Quote 0
                  • S
                    Smotx @Mykle1
                    last edited by

                    @Mykle1

                    nothing in MMM-AQI.CSS

                    and on custom.css

                    .aqi.good {
                    	color: #009966;
                    	font-size: 35px;
                    }
                    .aqi.moderate {
                    	color: #ffde33;
                    	font-size: 35px;
                    }
                    .aqi.unhealthy-sensitive {
                    	color: #ff9933;
                    	font-size: 35px;
                    }
                    .aqi.unhealthy {
                    	color: #cc0033;
                    	font-size: 35px;
                    }
                    .aqi.very-unhealthy {
                    	color: #660099;
                    	font-size: 35px;
                    }
                    .aqi.hazardous {
                    	color: #7e0023;
                    	font-size: 35px;
                    }
                    

                    But without, it’s the same.

                    Mykle1M 1 Reply Last reply
                    Reply Quote 0
                    • Mykle1M
                      Mykle1 Project Sponsor Module Developer @Smotx
                      last edited by

                      @Smotx

                      And have you done as @sdetweil has suggested in his last post?

                      Create a working config
                      How to add modules

                      1 Reply Last reply
                      Reply Quote 0
                      • S
                        Smotx
                        last edited by

                        Good, after Update header’s OK on screen, thx

                        1 Reply Last reply
                        Reply Quote 0
                        • LordyL
                          Lordy
                          last edited by

                          Hello,

                          I need your help, because I can not find the “token” for Berlin?

                          C 1 Reply Last reply
                          Reply Quote 0
                          • C
                            chassain 0 @Lordy
                            last edited by

                            @Lordy

                            same problem. The page can not be found for data-platform token

                            LordyL 1 Reply Last reply
                            Reply Quote 0
                            • M
                              mrdenmark
                              last edited by

                              can anyone tell me what city id i should be using for this location-http://aqicn.org/city/new-zealand/otago/arrowtown/- if i search for arrowtown it returns no results and i can’t find a city id on the page

                              1 Reply Last reply
                              Reply Quote 0
                              • LordyL
                                Lordy @chassain 0
                                last edited by

                                @chassain-0

                                Here is a Link:

                                http://aqicn.org/data-platform/token/#/

                                1 Reply Last reply
                                Reply Quote 0
                                • C
                                  chassain 0
                                  last edited by

                                  :) thanks

                                  1 Reply Last reply
                                  Reply Quote 0
                                  • E
                                    engelhertz
                                    last edited by

                                    Is it possible to use “here” for a city, but to display a custom name ?

                                    1 Reply Last reply
                                    Reply Quote 0
                                    • LordyL
                                      Lordy
                                      last edited by

                                      @engelhertz said in MMM-AQI:

                                      Is it possible to use “here” for a city, but to display a custom name

                                      No, only cities specified on the website.
                                      Here’s an example “http://aqicn.org/city/germany/hamburg/flughafen/” from Hamburg.

                                      1 Reply Last reply
                                      Reply Quote 0
                                      • E
                                        engelhertz
                                        last edited by

                                        yeah, i get that. I want to change only the display name, because its too long and looks ugly like that.1_1576518649289_zoom.JPG 0_1576518649288_whole.JPG

                                        Mykle1M 1 Reply Last reply
                                        Reply Quote 0
                                        • LordyL
                                          Lordy
                                          last edited by Lordy

                                          You send me your Config for this Modul. I’ll watch it tomorrow. OKAY?
                                          Good Night

                                          1 Reply Last reply
                                          Reply Quote 0
                                          • Mykle1M
                                            Mykle1 Project Sponsor Module Developer @engelhertz
                                            last edited by

                                            @engelhertz said in MMM-AQI:

                                            I want to change only the display name, because its too long and looks ugly like that.

                                            Like this?

                                            0_1576550834250_22.png

                                            In your custom.css file you would need to add these:

                                            .MMM-AQI .city {
                                              visibility: hidden;
                                            }
                                            
                                            .MMM-AQI .city:after {
                                              content: "engelhertz ";
                                              visibility: visible;
                                              /* display: block; */
                                              /* position: absolute; */
                                            }
                                            
                                            .MMM-AQI header {
                                              max-width: 100px;
                                              float: right;
                                              /* border-bottom: none; */
                                            }
                                            

                                            Adjust these to your liking. :-)

                                            Create a working config
                                            How to add modules

                                            E 1 Reply Last reply
                                            Reply Quote 1

                                            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
                                            • 2
                                            • 3
                                            • 4
                                            • 2 / 4
                                            • 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