Share your Floorplan

Smoculetz · August 21, 2017, 4:17pm

Thanks man, coming from one of our best, it means a lot to me …

I just finished the AC Unit Modes, have a peek

FloorPlan = AC Unit Modes

The small white grill like bars become orange as each of them is a template sensor which becomes “True” as the power drawn rises over its threshold >10W, >50W, >100W, >300W … >700W … etc. (the Power is reported by a Fibaro Wall Plug).
Fan speed is only presumed at first, as it is an IR command sent by a Broadlink Universal Remote, but usually it reaches the unit without problems.

Good luck to you all ! …

DarthSebulba04 · August 25, 2017, 7:16pm

Not really a “floorplan”, but the start of a simple remote to be used on a kiosk mode iPhone using floorplan for hass. Icons grabbed off the noun project website.

Will eventually be adding presets for the radio.

synth3tk · August 25, 2017, 7:23pm

That’s an ingenious use of floorplan! I may have to steal this idea for a living room remote tablet.

shire210 · August 25, 2017, 8:41pm

This is what I have put together so far. Still a work in progress. Took a lot of inspiration from other plans on here.

The weather icon next to the time is animated and clicking on the tv in the bottom left pops out more icons to change the input of the tv.

Have it running on a new fire tablet with Fully Kiosk.

Still on the list is to change the “home button” change the layout of the buttons/scripts on the right hand side, and get the tablet mounted on the wall.

DarthSebulba04 · August 25, 2017, 9:21pm

Are you willing to share the code you used to do your tv pop outs? I’m interested in something similar in my remote.

Thanks

shire210 · August 25, 2017, 9:31pm

Definitely!

In my floorplan.svg I have a separate layer with the ID tv_select_layer that houses the “pop out” buttons. I also have the tv button on the bottom left in the main layer with the ID of tv_select_button.

In my floorplan.yaml I have the following code:

    #### ELEMENTS ####
        - name: TV Selection
          elements:
            - tv_select_button
          action:
            domain: class
            service: toggle
            data:
              elements:
                - tv_select_layer
              classes:
                - layer-visible
                - layer-hidden
              default_class: layer-hidden

In my floorplan.css I had to add the following:

/* Hide Layers */
.layer-visible {
  display: initial !important;
}
.layer-hidden {
  display: none !important;

I think that covers everything. Let me know if you have any questions.

DarthSebulba04 · August 25, 2017, 9:46pm

Very cool. Thank you!

I’ll try it out and let you know if I have any issues.

DarthSebulba04 · August 26, 2017, 6:48pm

That code worked great. Thanks again!

Still lots of tweaking to do, but the basic concept is solid.

** EDIT: I forgot to add. If any knows how to get rid of or use that white space at the bottom, please let me know. It’s the space where the header “would” be, but I have it hidden.

Thanks!

ggravlingen · August 28, 2017, 5:24pm

Is your floor plan the size of your phone screen? My plan fills up the Kindle Fire I’m using it on completely but I’ve explicitly set the size of the canvas area = resolution of Kindle Fire…

DarthSebulba04 · August 29, 2017, 1:14am

Yes, it is. If I try to make it any taller, it starts to scale and the side margins are no longer correct. I know that space is where the header “would” be if I was showing it, but safari must do something weird with the way it’s being hidden.

Will_Garbutt · August 29, 2017, 9:45am

You can actually turn off the cursor when using the touch screen. If that is something you’d like to do:

Will_Garbutt · August 29, 2017, 10:00am

I went out and brought a raspberry pi screen, but am having trouble with the plan fitting the screen and leaving space around the edge.

How did you get the background colour?

lerroy_b · August 29, 2017, 1:15pm

Hi all

Can anyone give me pointers on adding 90 degree door rotations ?

So far I’ve successfully been able to change the color of the door with my sensor action, have tired a few ideas i pulled from some posts but didn’t have much luck

thanks

PhyberApex · August 29, 2017, 5:53pm

floorplan.css

/* Animation */
@keyframes rotate90 {
	100% {
		transform: rotate(90deg);
	}
}

@keyframes rotateReset90 {
	0% {
		transform: rotate(90deg);
	}
	100% {
		transform: none;
	}
}

/* Doors that open to the top left */
#DOMAIN\.DOOR1 {
  transform-origin: top left;
}

/* Doors that open to the bottom right */
#DOMAIN\.DOOR2 {
  transform-origin: bottom right;
}

.door_closed {
  fill: #008000 !important;
  animation-duration: 4s;
  animation-name: rotateReset90;
}

.door_open {
  fill: #ff0000 !important;
  animation-duration: 4s;
  animation-name: rotate90;
  animation-fill-mode: forwards;
}

floorplan.yaml

        #  DOORS  #
        - name: Doors
          entities:
            - DOOR1
            - DOOR2
          states:
            - state: 'off'
              class: 'door_closed'
            - state: 'on'
              class: 'door_open'

you might have to change the degree to fit your needs.

~Cheers

lerroy_b · August 31, 2017, 6:37am

Thank you for this ill give it a go

Can I ask though what is #DOMAIN referring to ?

cheers

EDIT: OK I got the animation working but its anchor point is off the screen, im guessing the #domain is my problem can you shed some light one what the placeholder should be referring to ?
thanks

lancehaynie · August 31, 2017, 2:14pm

Thanks! I actually have been wanting to do that but haven’t gotten around to it. I will be implementing that one soon.

lancehaynie · August 31, 2017, 2:21pm

I believe I added the div starting at line 17 as well as line 11 on this file: https://github.com/Haynie-Research-and-Development/jarvis/blob/master/panels/downstairs.html

It’s probably redundant, but it didn’t hurt anything to have it twice. I don’t remember having a fitting problem, but it could be your SVG. I made sure my SVG dimensions matched the resolution of my Pi screen.

lancehaynie · August 31, 2017, 3:11pm

Just an FYI, if you setup your Raspberry Pi like I did, this will not work. I didn’t install lightdm or any window manager. I am only using straight x server. I didn’t want to waste resources on window/desktop manager system I wouldn’t ever use since I am always running HA in kiosk mode.

This did however help me find the right direction to remove the cursor though, so very helpful. I updated my X server script to have the nocursor option, which did in fact remove it.

github.com

haynieresearch/jarvis/blob/master/scripts/jarvis-xserver.sh

#!/bin/bash
#**********************************************************
#* CATEGORY    JARVIS HOME AUTOMTION
#* GROUP       START X SERVER
#* AUTHOR      LANCE HAYNIE <[email protected]>
#**********************************************************
#Jarvis Home Automation
#Copyright (C) 2017  Haynie Research & Development

#This program is free software; you can redistribute it and/or modify
#it under the terms of the GNU General Public License as published by
#the Free Software Foundation; either version 2 of the License, or
#(at your option) any later version.

#This program is distributed in the hope that it will be useful,
#but WITHOUT ANY WARRANTY; without even the implied warranty of
#MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
#GNU General Public License for more details.

#You should have received a copy of the GNU General Public License along

This file has been truncated. show original

PhyberApex · August 31, 2017, 10:14pm

Domain is the thing of the entity id before the dot. So an entity_id looks like this

input_boolean.tv_switch

input_boolean would be the domain and tv_switch the entity. So for you it’s probably sensor or binary_sensor.

~Cheers

lerroy_b · September 1, 2017, 2:58am

thankyou that fixes it, working great now

cheers