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