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-BoschSmartHome

    Scheduled Pinned Locked Moved Utilities
    29 Posts 7 Posters 7.0k 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 @Baschti
      last edited by sdetweil

      @Baschti yes? and

      the author missed
      a step in his instructions

      Screenshot_20230212_095834_Chrome.jpg

      between step 1 and 2 do

      cd MMM-BoschSmartHome
      

      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
        Baschti @sdetweil
        last edited by

        @sdetweil Awesome! Youre right! Can you give me a tip on how to integrate the window sensors

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

          @Baschti no. sorry, no idea on the actual details of implementation

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • M Offline
            mcilliw
            last edited by

            Hey, I was wondering if it is possible to orientate the tiles of the rooms horizontally? Has anyone got an idea? :D

            1 Reply Last reply Reply Quote 0
            • X Offline
              Xennon
              last edited by

              Hi,

              just wanted to leave you my css, which costs me a bit of time. I wanted to have a clean overview, just see the temperatures in my house. Because I have 9 thermostats, a list with all the colors was just to much for me.

              This css gave me a 3 column design, just with the room name and the current temperature:

              /**
               * MMM-BoschSmartHome
               */
              .MMM-BoschSmartHome .bsh-wrapper {
                background-color: rgba(0,0,0,0.00);
                color: #fff;
                font-size: 10px;
                  display: grid;
                  grid-template-columns: repeat(3, 1fr);
                  grid-gap: 10px;
                line-height: normal;
              }
              
              .MMM-BoschSmartHome .bsh-wrapper br {
                  display: none;
              }
              
              .MMM-BoschSmartHome .bsh-wrapper, 
              .MMM-BoschSmartHome .bsh-tile {
                  margin: 0;
                  padding: 0;
              }
              
              .MMM-BoschSmartHome .bsh-room-icon {
                margin-right: 8px;
              }
              
              .MMM-BoschSmartHome .bsh-tiles {
                font-size: 10px;
                background-color: rgba(0,0,0,0.00);
              
              }
              
              .MMM-BoschSmartHome .bsh-badge.climate-control {
                visibility: hidden;
              }
              
              .MMM-BoschSmartHome .bsh-tile {
                  min-width: 0; /* Prevent tiles from expanding beyond their column */
                  width: 100%;
                background-color: rgba(0,0,0,0.00);
                color: white;
              }
              
              
              .MMM-BoschSmartHome .bsh-room-title {
                font-size: 10px;
              
              }
              
              .MMM-BoschSmartHome .bsh-tile.tile-row {
                visibility: hidden;
              
              }
              
              .MMM-BoschSmartHome .bsh-tile i {
                visibility: hidden;
              }
              
              .MMM-BoschSmartHome .bsh-tile.temperature-level span.setpoint-temperature {
                font-size: 10px;
              }
              
              .MMM-BoschSmartHome .bsh-tile.temperature-level div:first-child {
                  visibility: hidden;
                  position: relative;
              }
              .MMM-BoschSmartHome .bsh-tile.temperature-level span.room-temperature {
                  visibility: visible;
                  position: absolute;
                  left: 0; /* Adjust this to position the temperature correctly */
                  min-width: 0; /* Prevent tiles from expanding beyond their column */
                  width: 100%;
                font-size: 1.8em;
                font-weight: bold;
                display: inline-block;
              }
              

              I’m using this config:

              		{
              		  module: "MMM-BoschSmartHome",
              		  position: "top_left",
              		  config: {
              		    host: "", // Bosch Smart Home Bridge's local IP Address
               		    name: "MMM-BoschSmartHome", // Display name for App
               		    identifier: "MMM-BoschSmartHome", // Unique Identifier for app
              		    password: "", // Password for Bosch Smart Home Bridge
              		    refreshIntervalInSeconds: 60, // Default: 60
              		    width: "200px",
              		    displayRoomIcons: true, // Default: false
               		    hideComponents: {			
                  			 "Küche": ["dishwasher"]
              			}, // See example below. Default: {}
               		    hideEmptyRooms: false, // Hide rooms, if they have no information to display. Default: false
               		    colorizeRoomWithAirQuality: true, // Colorizes room tiles in red/orange/green depending on combined air quality. Only works with Twinguard
              		    roomOrder: ["Wohnzimmer", "Küche", "Bad EG", "Flur EG", "Schlafzimmer","Kinderzimmer", "Bad OG", "Flur OG / Büro", "HWR"], // Manually set the room order by a list of room names, e.g. ["Livingroom", "Bedroom", "Kitchen"]
               		    airquality: {
               		      purity: "none", // one of [tile, bar, donut, none]
              		      humidity: "none", // one of [tile, bar, donut, none]
              		      temperature: "none", // one of [tile, bar, donut, none]
              		      preferredTemperatureProvider: "Twinguard", // Twinguard or ClimateControl
              		      preferredHumidityProvider: "Twinguard" // Twinguard or ClimateControl
              		    },
              		    temperatureLevel: {
              		      displayCurrentTemperature: true, // Default: true
              		      displayTargetTemperature: false, // Default: true
              		      forceRowTile: false // Show tile as row, even if there is no target temperature. Default: true
              		    },
              		    thermostats: {
              		      display: false, // Default: true
              		      displayName: false // Default: false
              		    },
              		    dishwasher: {
              		      display: false, // Default: true
              		      displayName: false // Default: false
              		    }
              		  }
              		},
              

              Thanks @ the author of this module.

              Before I forget something … If you have BSHC-2 and not BSHC you just have to press the button for pairing at the BSHC.2, not hold the button, like in BSHC. This simple info costs me a week.

              1 Reply Last reply Reply Quote 1
              • 1
              • 2
              • 3
              • 3 / 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
                OSZAR »