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

    Scheduled Pinned Locked Moved Transport
    47 Posts 7 Posters 23.9k Views 7 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.
    • karsten13K Offline
      karsten13 @KI6UVE
      last edited by karsten13

      @KI6UVE

      no, but should not be a big thing to implement this.

      I see the m for the height and km/h for speed, so what are the correct imperial units?

      ft for m?
      mph for km/h?

      K 1 Reply Last reply Reply Quote 0
      • K Offline
        KI6UVE @karsten13
        last edited by

        @karsten13
        Yes, ft and mph

        Thanks!!

        karsten13K 1 Reply Last reply Reply Quote 0
        • karsten13K Offline
          karsten13 @KI6UVE
          last edited by

          @KI6UVE

          new version is released with new config option units, see https://gitlab.com/khassel/MMM-Flights/-/blob/master/MMM-Flights.js#L41

          update instructions for the module: https://gitlab.com/khassel/MMM-Flights#update-to-new-versions

          K 1 Reply Last reply Reply Quote 0
          • K Offline
            KI6UVE @karsten13
            last edited by

            @karsten13

            Awesome!! vielen Dank

            1 Reply Last reply Reply Quote 0
            • S sdetweil referenced this topic on
            • L Offline
              lif
              last edited by

              I have MMM-Flights working well except mapFixedArea: true, seems to be ignored.

              The map changes width depending upon the ac in the area.

              a20cd758-3d80-48ea-a85a-27ed2fb9fe83-image.png

              663449c8-671d-42c4-8c18-74c65bc38a68-image.png

              Also the map shows even with no traffic and showMap: “ifTraffic”,

              b582dc48-864d-429a-a27b-331cdf05973f-image.png

              Any ideas or thoughts?

              S karsten13K 2 Replies Last reply Reply Quote 0
              • S Offline
                sdetweil @lif
                last edited by

                @lif can u show the config for this module

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                L 1 Reply Last reply Reply Quote 0
                • karsten13K Offline
                  karsten13 @lif
                  last edited by

                  @lif said in MMM-Flights:

                  The map changes width depending upon the ac in the area.

                  yes, the map changes width because of the length of the flight data in the table below, the area inside the map does not change. You can test this with setting mapFontColor: "red", so you see the area points.

                  But I have to rethink this behavior or provide an option for a fixed width.

                  Also the map shows even with no traffic and showMap: “ifTraffic”,

                  will look into this, I did a rewrite of the module so maybe this was lost …

                  L 1 Reply Last reply Reply Quote 0
                  • L Offline
                    lif @sdetweil
                    last edited by sdetweil

                    @sdetweil said in MMM-Flights:

                    @lif can u show the config for this module
                    module code

                    /**
                     * @file MMM-Flights.js
                     *
                     * @author Karsten Hassel
                     * @license MIT
                     *
                     * @see  https://gitlab.com/khassel/MMM-Flights
                     */
                    
                    Module.register("MMM-Flights", {
                      defaults: {
                        provider: "flightradar24",
                        instanceId: "FR", // needs to be set to different values if you run more than 1 instance of this module
                        // // example for ADSBexchange:
                        // provider: "ADSBexchange",
                        // providerApiKey: "your-api-key",
                        // providerUrl: "https://adsbx-flight-sim-traffic.p.rapidapi.com/api/aircraft/json",
                        // // example for opensky:
                        // provider: "opensky",
                        // providerApiKey: "user:password", //optional, without limited requests
                        // providerUrl: "https://opensky-network.org/api/states/all",
                        unknown: "?", // string used if no data available
                        title: "Flights Above Us",
                        logoTitle: "fas fa-plane",
                        logoUp: "fas fa-plane-departure",
                        logoDown: "fas fa-plane-arrival",
                        logoTo: "fas fa-arrow-right",
                        // area defined by a bounding box of WGS84 coordinates (la=latitude, lo=longitude):
                        laMin: 49.85,
                        laMax: 50.25,
                        loMin: 7.8,
                        loMax: 9.3,
                        showGrounded: false, // show grounded airplanes
                        showMap: "ifTraffic", // "always", "never", "ifTraffic"
                        noFlightsMessage: "Currently no flights in chosen area ...", // message shown if no data available
                        mapUrl: "https://{a-d}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png", // you can bring your own map
                    //    mapAttributions:      '',
                        mapHeight: "300px",
                        mapFixedArea: true, // if set, the defined area is shown, if not the area is calculated from the plane locations
                        mapPosition: "bottom", // "top" or "bottom"
                        // some params to define styles in map:
                        mapFont: "40% sans-serif",
                        mapPadding: [1, 5, 0, 7],
                        mapFontColor: "white",
                        mapBackgroundColor: "black",
                        mapCurrentFlightColor: "#9c294f",
                        mapBackgroundOpacity: 0.9,
                        mapPlanePngSrc: "modules/MMM-Flights/data/plane.png",
                        mapPlanePngScale: 0.07,
                        mapPlaneTextOffset: 4,
                        useMockData: false, // if set, test data is used
                        updateInterval: 2 * 60 * 1000, // every 2 minutes
                        units: "imperial", // metric uses m and km/h, imperial uses ft and mph
                      },
                    

                    Config.js

                      {
                          module: "MMM-Flights",
                          position: "center",
                          config: {
                            laMin: 45.80,
                            laMax: 46.0081,
                            loMin: 0.4674,
                            loMax: 1.207,
                          },
                        },
                    

                    Hope this helps

                    Regards

                    S 1 Reply Last reply Reply Quote 0
                    • L Offline
                      lif @karsten13
                      last edited by

                      @karsten13 said in MMM-Flights:

                      @lif said in MMM-Flights:

                      The map changes width depending upon the ac in the area.

                      yes, the map changes width because of the length of the flight data in the table below, the area inside the map does not change. You can test this with setting mapFontColor: "red", so you see the area points.

                      Ah, OK, I’ll change the font size down a bit.

                      But I have to rethink this behavior or provide an option for a fixed width.

                      Also the map shows even with no traffic and showMap: “ifTraffic”,

                      will look into this, I did a rewrite of the module so maybe this was lost …

                      Yes, it did work before I applied an update this morning

                      Thanks for your help.

                      karsten13K 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @lif
                        last edited by sdetweil

                        @lif please NEVER edit the source file. unless you KNOW what you are getting yourself into.

                        all config should go in config.js
                        everything in the defaults section can be overridden in config.js

                        also on forum posts use the code block wrapper for all code and config.

                        paste text into message editor
                        select pasted text
                        hit button </>

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        L 1 Reply Last reply Reply Quote 0
                        • karsten13K Offline
                          karsten13 @lif
                          last edited by

                          @lif said in MMM-Flights:

                          Yes, it did work before I applied an update this morning

                          should be fixed now with latest version …

                          L 1 Reply Last reply Reply Quote 0
                          • L Offline
                            lif @sdetweil
                            last edited by

                            @sdetweil said in MMM-Flights:

                            @lif please NEVER edit the source file. unless you KNOW what you are getting yourself into.

                            When the {module}.js file has lines which state something like
                            'units: “imperial”, // metric uses m and km/h, imperial uses ft and mph,
                            I assume that it can be changed in the {module}.js file.

                            all config should go in config.js
                            everything in the defaults section can be overridden in config.js

                            Some modules list all the options in the example that goes into the config.js file, MMM-Flights (and many others) don’t.

                            also on forum posts use the code block wrapper for all code and config.

                            paste text into message editor
                            select pasted text
                            hit button </>

                            OK, sorry.

                            S 1 Reply Last reply Reply Quote 0
                            • L Offline
                              lif @karsten13
                              last edited by

                              @karsten13 said in MMM-Flights:

                              @lif said in MMM-Flights:

                              Yes, it did work before I applied an update this morning

                              should be fixed now with latest version …

                              Sorry, still the same after (I think) installing the latest version
                              cd5d1690-4b51-462e-84bd-7a6a2742afcc-image.png

                              karsten13K 1 Reply Last reply Reply Quote 0
                              • karsten13K Offline
                                karsten13 @lif
                                last edited by

                                @lif

                                was talking about showMap: "ifTraffic", and this works on my side, tested it again

                                L 1 Reply Last reply Reply Quote 0
                                • L Offline
                                  lif @karsten13
                                  last edited by

                                  @karsten13 said in MMM-Flights:

                                  @lif

                                  was talking about showMap: "ifTraffic", and this works on my side, tested it again

                                  Yes

                                   showMap: "ifTraffic", // "always", "never", "ifTraffic"
                                  
                                  1 Reply Last reply Reply Quote 0
                                  • S Offline
                                    sdetweil @lif
                                    last edited by

                                    @lif said in MMM-Flights:

                                    I assume that it can be changed in the {module}.js file.

                                    no.

                                    in config.js

                                    the design is config js is used to override the values set in the modulename.js defaults section

                                    lacking documentation is a different probem.

                                    if you find properties in the defaults section you can override them in config.js

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

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

                                      @lif I have a module that presents a form for config customization, built on the fly based on the modules you have installed now

                                      it uses the values from defaults

                                      https://github.com/sdetweil/MMM-Config

                                      in places where there could be choices, the author can augment the definition to make it more usable and understandable.

                                      not every module works some need help.
                                      if the module is old or the author chooses not to provide an improved definition, I can ship one created by a user, with my module to make the user experience better.

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      L 1 Reply Last reply Reply Quote 0
                                      • L Offline
                                        lif @sdetweil
                                        last edited by

                                        @sdetweil said in MMM-Flights:

                                        @lif I have a module that presents a form for config customization, built on the fly based on the modules you have installed now

                                        it uses the values from defaults

                                        https://github.com/sdetweil/MMM-Config

                                        in places where there could be choices, the author can augment the definition to make it more usable and understandable.

                                        not every module works some need help.
                                        if the module is old or the author chooses not to provide an improved definition, I can ship one created by a user, with my module to make the user experience better.

                                        Nice advert :-) but I’ve never been able to cut and paste, in some cases , 20 - 30 lines of options from the module config file to config.js using a command line editor if the author doesn’t give all the options in the default config.js example on Git Hub.

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @lif
                                          last edited by

                                          @lif it’s a fun challenge.

                                          the downside of changing the modulename.js file is, when an update comes, git pull will fail. and YOU have to figure it out.

                                          everything takes work. I’m just trying to help you learn the best practice so you don’t get smashed later on.

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • S Offline
                                            stashu
                                            last edited by

                                            Hi! Thank you for the module, it is my favorite on my MM, as I live on the flight path to KIAD, so lots of activity.

                                            I am wondering if there is a way I can hide the horizontal line which is under the ‘Flights’ label. When there are no flights, the line is still visible, and I would love if I were able to hide it somehow. I’m happy to add something to custom.css, but I am unsure how to do so. Thanks!

                                            S karsten13K 2 Replies 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
                                            • 2 / 3
                                            • 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