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 67.4k 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.
    • Mykle1M Offline
      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 Offline
        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 Offline
          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 Offline
            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 Do not disturb
              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 Offline
                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 Offline
                  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 Offline
                    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 Offline
                      Smotx
                      last edited by

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

                      1 Reply Last reply Reply Quote 0
                      • LordyL Offline
                        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 Offline
                          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 Offline
                            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 Offline
                              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 Offline
                                chassain 0
                                last edited by

                                :) thanks

                                1 Reply Last reply Reply Quote 0
                                • E Offline
                                  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 Offline
                                    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 Offline
                                      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 Offline
                                        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 Offline
                                          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
                                          • E Offline
                                            engelhertz @Mykle1
                                            last edited by

                                            @Mykle1 thats exactly what i needed, thx :)

                                            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
                                            • 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