• 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-whoshome A way to know who is home based on cellular phones

Scheduled Pinned Locked Moved Showcase
19 Posts 6 Posters 2.1k 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.
  • D Offline
    DarrenHill @yedidia
    last edited by DarrenHill Oct 4, 2024, 8:53 PM Oct 4, 2024, 8:51 PM

    @yedidia - just updated and also made all the MAC addresses lower case, and now looks to be working.

    The colours are rather muted, so it’s difficult to tell at a glance who is actually home (aside from not having a last seen line).

    Will look into it more tomorrow, just back from a business trip and rather tired. But thanks again for the good work and useful module!

    D 1 Reply Last reply Oct 6, 2024, 10:41 AM Reply Quote 0
    • R Offline
      rewie85 @yedidia
      last edited by Oct 6, 2024, 7:33 AM

      @yedidia Hi, now it works! Thanks a lot! :-)

      1 Reply Last reply Reply Quote -1
      • D Offline
        DarrenHill @DarrenHill
        last edited by Oct 6, 2024, 10:41 AM

        @yedidia - one more quick question.

        As mentioned above, I’m trying to tweak the css to show the names for people who are present and away in different colours.
        What I’ve done so far via custom.css is :

        .whoshome {
            color: lime;
        }
        .person-away {
            color: red;
        }
        
        

        Which works, except it changes the title (the “Who’s Home”) as well.
        Is there any way to do this and keep the title the original colour to match the rest of the mirror modules?

        I tried changing .person rather than .whoshome, but then both the title and people who are home revert to the white that is defined in the css of the module itself.

        S 1 Reply Last reply Oct 6, 2024, 10:52 AM Reply Quote 0
        • S Away
          sdetweil @DarrenHill
          last edited by sdetweil Oct 6, 2024, 10:56 AM Oct 6, 2024, 10:52 AM

          @DarrenHill I don’t know the direct answer, but you can use the developers window element tab to see and test how to adjust the css changes

          See the second link in my signature below for an explanation how to use the dev window

          in css, the part before the { is called the selector clause

          It selects the elements the stuff inside the {} will be applied to

          I use this cheatsheet to help me remember, you can combine them

          . Means class
          # means id
          No prefix means tag name
          

          https://www.w3schools.com/cssref/css_selectors.php

          The selector ALWAYS selects ALL elements that match. So you may have to get very specific

          I had to hide an element created by a form library

          .possibly-hidden-tab div:nth-child(2)  > div > div >div >ul >li:only-child >a[rel*="Item%201"] {
            display: none;
          }
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          D 1 Reply Last reply Oct 7, 2024, 7:40 PM Reply Quote 0
          • D Offline
            DarrenHill @sdetweil
            last edited by Oct 7, 2024, 7:40 PM

            @sdetweil - Thanks Sam. Looks like a job for the weekend.

            D 1 Reply Last reply Oct 13, 2024, 11:47 AM Reply Quote 0
            • D Offline
              DarrenHill @DarrenHill
              last edited by Oct 13, 2024, 11:47 AM

              OK, I think I have it.
              Using the window I confirm that the home people are using the same class (whoishome) as the title window.

              To get that to work properly, I changed the MMM-whoishome.js line 34 from

              html = html + '<img class="person" src="' + this.config.TRACK[this.peopleArray[i][0]].image + '"> ' + this.peopleArray[i][0] + '<BR>';
              

              to

              html = html + '<img class="person" src="' + this.config.TRACK[this.peopleArray[i][0]].image + '"> <span class="person">' + this.peopleArray[i][0] + '</span><BR>';
              

              and then the people who are home use class person, which can then be used to configure the colour separately to the header title.

              @yedidia - is this something worth adding into the module for better flexibility?
              Sorry I’m not good at GH, so have no idea how to submit a PR for it.

              1 Reply Last reply Reply Quote 1
              • T Offline
                tintinmaster
                last edited by Oct 13, 2024, 9:36 PM

                This modules looks very similar to https://github.com/ianperrin/MMM-NetworkScanner

                Also be aware that MAC-Adresses could change on modern devices through MAC-Adress Randomization

                S R 2 Replies Last reply Oct 13, 2024, 10:31 PM Reply Quote 0
                • S Away
                  sdetweil @tintinmaster
                  last edited by Oct 13, 2024, 10:31 PM

                  @tintinmaster yes, they change at least every hour… SO much fun

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    rewie85 @tintinmaster
                    last edited by Oct 20, 2024, 6:50 AM

                    @tintinmaster if you read description you can find this topic. You can deactivate it separate for every Network. At least i have no issues to keep my mac address in my home wifi.

                    1 Reply Last reply Reply Quote 1
                    • 1
                    • 2
                    • 2 / 2
                    2 / 2
                    • First post
                      11/19
                      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