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 3.8k 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.
    • S Offline
      sdetweil @DarrenHill
      last edited by sdetweil

      @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 Reply Quote 0
      • D Offline
        DarrenHill @sdetweil
        last edited by

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

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          DarrenHill @DarrenHill
          last edited by

          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

            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 Reply Quote 0
            • S Offline
              sdetweil @tintinmaster
              last edited by

              @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

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