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-CountUP (COVID19 example)

    Scheduled Pinned Locked Moved Utilities
    46 Posts 6 Posters 19.1k Views 6 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.
    • B Offline
      Bromley47 @bhepler
      last edited by

      @bhepler The read me for this module shows the date format as YYYY-MM-DD so I entered 2020-03-16 because I wanted it to run from 16th March 2020 which up until today is 33 days, but it only shows 2 days on the Mirror?

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Bromley47
        last edited by sdetweil

        @Bromley47 try 2020-02-16

        I bet he didn’t adjust the month. Date/moment code uses 0 as january
        I opened issue on the module github site
        https://github.com/bibaldo/MMM-CountUP/issues/3

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil Hi Sam - thanks for your continued interest in this - I tried the 2020-02-16 date but still showing 2 day??

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Bromley47
            last edited by sdetweil

            @Bromley47 ok, so the problem is in default (showFullDate = false) he truncates the year/month/week count,
            but does NOT adjust number of days… my original guess was wrong, so the date is the one u want to count from.

            I have submitted a pull request to fix this…

            ||
            || bibaldo’s repo has integrated the fix i provided, I am closing my repo
            || May 8, 2020
            ||

            when he merges my fix, you can git pull in the .original folder
            rename them back and delete mine

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            B S 2 Replies Last reply Reply Quote 1
            • B Offline
              Bromley47 @sdetweil
              last edited by

              @sdetweil Fantastic Sam - many thanks - managed to edit with the help of my son who’s well into JavaScript (says it pays the mortgage!) and now shows the correct number of days etc. The remaining problem I have is that to restart the MM when I have done any mods. (such as this one) I have to power off the Raspberry O, which is a bit of a faff. I have tried to use the instructions on git hub by MichMich (Auto starting Magic Mirror) but when I run pm2 restart mm it says Process or Namespace mm not found.
              I can only think the Magic Mirror is called by another name but how do I find that out?

              pi@raspberrypi:~ $ pm2 restart mm
              Use --update-env to update environment variables
              [PM2][ERROR] Process or Namespace mm not found

              S 2 Replies Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @Bromley47
                last edited by

                @Bromley47 pm2 status will show the names… if u used my installation script it is call MagicMirror
                you can also use the number pm2 restart 0

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                B 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @Bromley47
                  last edited by

                  @Bromley47 so you didn’t use my repo with the fix?

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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

                    @sdetweil id │ name │ mode │ ↺ │ status │ cpu │ memory │
                    ├────┼────────────────────┼──────────┼──────┼───────────┼──────────┼──────────┤
                    │ 0 │ mmstart │ fork │ 0 │ online │ 0% │ 2.4mb │
                    └────┴────────────────────┴──────────┴──────┴───────────┴──────────┴───

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

                      @sdetweil yes used yours and reverted back to 3 for the month and now showing correct number of days

                      1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @Bromley47
                        last edited by

                        @Bromley47 so pm2 restart mmstart

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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

                          @sdetweil that worked thanks again for your valued assistance I will get the hang of this one day (I’ve got plenty of time!)

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

                            @sdetweil I’m using your fixed repo on two installs of MagicMirror, both completely up to date. One shows the correct number of days, hours, minutes and seconds, and the second does not. I copied my config from the working one to the not working one to ensure they are the same, and even deleted and reinstalled your repo on the not working one just now. I’m really confused by this.

                            Screen Shot 2020-05-05 at 11.05.37 AM.png

                            Not working on left; working on right. Date I’m basing this on is 2020-03-17. Any ideas what could be wrong?

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @sonicgoose
                              last edited by sdetweil

                              @sonicgoose I think on the left is the original repo, not my updated version

                              Please do git remote -v from the module folder to see the source repo

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

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

                                @sdetweil You’re right, it is the original. But how? I removed the entire folder and did a git pull again from your repo!

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

                                  @sdetweil Well I don’t get it but I just did an rm -R on modules/MMM-CountUp again and once again did a git clone from your repo and now it works fine. Thanks for your help.

                                  1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil
                                    last edited by

                                    ||
                                    || bibaldo’s repo has integrated the fix i provided, I am closing my repo
                                    || May 8, 2020
                                    ||

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • plainbrokeP Offline
                                      plainbroke
                                      last edited by

                                      Anyone know how to make the header font bigger.
                                      I have the rest of it figured out and working just can not find the Header part.
                                      This is what I have tried.

                                        color: orange;
                                        font-size: 60px;
                                      }
                                      

                                      AND

                                        color: orange;
                                        font-size: 60px;
                                      }
                                      

                                      Slow learner. But trying anyways.
                                      MM is on Raspberry Pi 4B w/8gb ram loaded on a 128gb nvme drive.
                                      Running Trixie and the latest MM version.

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @plainbroke
                                        last edited by

                                        @plainbroke module header?

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

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

                                          @sdetweil
                                          Sorry, brain fart.
                                          Yes module header.
                                          Did you find something?
                                          I looked for an hour and then tried these.
                                          But no go…
                                          It is still really little and gray.

                                          .countUP tr td.header {
                                            color: orange;
                                            font-size: 60px;
                                          }
                                          .countUP .header {
                                            color: orange;
                                            font-size: 60px;
                                          }
                                          

                                          Slow learner. But trying anyways.
                                          MM is on Raspberry Pi 4B w/8gb ram loaded on a 128gb nvme drive.
                                          Running Trixie and the latest MM version.

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @plainbroke
                                            last edited by

                                            @plainbroke after all this time???
                                            again the dev window elements tab would have shown you this in seconds

                                            elements tab, click the arrow, navigate over the web page to the header you want to change, click
                                            the html tree is there and you can see the classes etc assigned
                                            you can test the styles in the upper right window, it will prompt you thru it

                                            font-size: 
                                            
                                            .modulename .module-header {
                                            
                                            styles
                                            
                                            }
                                            

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            plainbrokeP 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 / 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