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

MMM-SpaceX

Scheduled Pinned Locked Moved Fun & Games
21 Posts 10 Posters 6.2k Views 10 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.
  • K Offline
    koxm
    last edited by koxm Feb 21, 2020, 3:08 PM Feb 21, 2020, 11:25 AM

    I’m very new to Magic Mirror and javascript development, so I’m very proud to present my first self written module!!

    MMM-SpaceX
    This module will show all recent or future launches based on the SpaceX API.

    I’m still working on expanding the module with additional information and options. If you have nice ideas, then you should certainly pass them on.

    Also, because I’m new to javascript development, don’t hesitate to review my code and give me tips about it.

    Screenshot
    screenshot

    Download
    https://github.com/koxm/MMM-SpaceX

    S M J 3 Replies Last reply Feb 21, 2020, 2:02 PM Reply Quote 4
    • R Offline
      retroflex Project Sponsor Module Developer
      last edited by Feb 21, 2020, 12:24 PM

      Nice work, really cool! A couple of ideas…

      • Optional column headings. For those uninitiated, it’s not really obvious what e.g. CRS-20 is.
      • Options whether to show each column, instead of only extrainfo or no extrainfo. Maybe I only want to show date and launch site for example.
      • Countdown column for upcoming launches.
      K 1 Reply Last reply Feb 21, 2020, 2:13 PM Reply Quote 0
      • S Offline
        sonicgoose @koxm
        last edited by Feb 21, 2020, 2:02 PM

        @koxm That looks awesome! It looks like you have launch date as the second last column—can that show upcoming launches in ascending order (so soonest to latest?) Can you add in the launch window time?

        I agree with @retroflex that the option to show each column would be nice. Otherwise well done!

        K 1 Reply Last reply Feb 21, 2020, 2:15 PM Reply Quote 0
        • K Offline
          koxm @retroflex
          last edited by Feb 21, 2020, 2:13 PM

          @retroflex Thanks for the compliment!
          Optional column headings are a great idea. I’m gonna work on it. I will see how I can fit the other features in it.

          S 1 Reply Last reply Feb 21, 2020, 2:15 PM Reply Quote 0
          • K Offline
            koxm @sonicgoose
            last edited by Feb 21, 2020, 2:15 PM

            @sonicgoose Thanks!
            Unfortunately the dates for the upcoming launches are not fully maintained in the api. Maybe I can use a different field. I’m going to look at it.

            R 1 Reply Last reply Feb 21, 2020, 8:46 PM Reply Quote 0
            • S Offline
              sonicgoose @koxm
              last edited by Feb 21, 2020, 2:15 PM

              @koxm I’ve just installed it and have noticed the table cells are awfully close together, i.e. there is no separation at all between the last two columns, so it appears as 02 Mar 2020 Falcon 9. This is with the module bottom_center. I tried adding a padding to the left and right side of the cells in my custom.css and also added a width to the table in custom.css, but neither seemed to help.

              K 1 Reply Last reply Feb 21, 2020, 2:34 PM Reply Quote 0
              • K Offline
                koxm @sonicgoose
                last edited by Feb 21, 2020, 2:34 PM

                @sonicgoose You’re right, it’s pretty close. The stylesheet included only manipulates the td and th. If I test it on my screen on bottom_center, it looks quite fine. This is because of the column header which creates some kind of spacing.
                I’m gonna see if I can make it al little better with the MMM-SpaceX.css.

                S 1 Reply Last reply Feb 21, 2020, 3:36 PM Reply Quote 0
                • S Offline
                  sonicgoose @koxm
                  last edited by Feb 21, 2020, 3:36 PM

                  @koxm Is this the api you’re using?

                  K 1 Reply Last reply Feb 21, 2020, 6:43 PM Reply Quote 0
                  • ? Offline
                    A Former User
                    last edited by Feb 21, 2020, 5:37 PM

                    This post is deleted!
                    K 1 Reply Last reply Feb 21, 2020, 6:44 PM Reply Quote 0
                    • K Offline
                      koxm @sonicgoose
                      last edited by Feb 21, 2020, 6:43 PM

                      @sonicgoose Yep

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        1/21
                        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