Announcement: HADashboard v2 Beta3!

Third party integrations AppDaemon
81

this:

title: Test iframe dashboard
widget_dimensions: [1, 1]
widget_margins: [0, 0]
columns: 1010

iframe:
    widget_type: iframe
    refresh: 30
    url_list: 
      - http://192.168.178.26:5050/dash_main_grouped_tablet?skin=lightgrey
      - http://192.168.178.26:5050/dash_main_grouped_tablet?skin=transparant

layout:
    - iframe(1010x580)

does the trick. everything i change in the dashboard automaticly is shown on the screen.
to bad that loading the dash takes to long and every time the frame gets black in between.
but for developing it is an option. sadly not for production enviroment.

82

Can someone show an example of how a camera should look like in yaml widget. This is what I have setup as a iframe now. Would like to use the new camera widget. And yes Iā€™m using ssl.

backdoor_camera:
    widget_type: iframe
    title: Back Door
    refresh: 300
    url_list:
       -  http://192.168.1.7:8151/videostream.cgi?rate=0&user=xxxx&pwd=xxxxx

Trying this:

frontdoor_camera:
    widget_type: camera
    title: Front Door
    refresh: 300
    entity_picture:
       -  https://myaddress/api/camera_proxy/camera.front_door_camera?token=mytoken&api_password=mypassword
83

if myaddress is you HAaddress and password is your HA pasword it should be right.
i have my ha local and so no https and no token.

84

Ooooh, it seems that when we use the - /images/file.html method to get text into the url_list, it doesnā€™t actually reload the file each time. I deleted the file it was loading and it still kept displaying it every 10 seconds just like it never went away.

motd:
    widget_type: iframe
    refresh: 10
    url_list:
      - /images/motd.html
      - /images/weatherAlert.html

This does not refresh the content, it just switches pages. I refreshed the browser, and now if weatherAlert.html does not exist, it gives me a 404 error, which makes sense. I would like it though if it gave that error in the log instead of in the iframe.

NVM itā€™s reloading the data right now. But the 404 is still an issue.

85

Is local picture storage and view in iframe now possible? Couldnā€™t see that in the docs

86

I tried alarm panel but wouldnā€™t work at all ā€¦ is it still buggy? Then Iā€™ll wait. How is it supposed to look like ?

87

Great stuff - works well!
An alarm clock would be a great extension and i guess, useful not only for me.

88

Alarm panel is already included but not working for me for the moment

89

itā€™s working perfectly for me. Did you read the last post i wrote here (to you)?

image.jpg1046Ɨ699 153 KB

90

how did u put thi in the yaml file? it is opened all the time ā€¦ what exactly do u mean to put which files where ?

91

The volume is adjusted in 10%, how can i change that?

92

The skin you showed in your picture is a custom css one. So that means when updating to beta3 the custom_css folder you have is not updated with the new css stuf which is needed for the alarm panel.

So if you want to test it, try it with the default skin. Then it should show up correctly.
When you also want it to be working at your custom skin, you need to compare your customā€™s skin dashboard.css file with this file:
/appdaemon/appdaemon/assets/css/default/dashboard.css

You will see in this file stuff like this which is not in your custom skinā€™s dasboard.css file.:

   input {
      background-color: #444;
      border: none;
    }
    .gs-w {
      width: 100%;
      display: table;
      cursor: pointer;
      z-index: auto !important;
    }

.iframe {
  position: relative;
  overflow: hidden;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialogOpen {
	opacity:0.95;
	pointer-events: auto;
}

.modalDialogClose {
	opacity:0;
	pointer-events: none;
}

.modalDialog > div {
	width: 275px;
	position: relative;
	margin: 3% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}

.modalDialogCloseButton {
	line-height: 50px;
	position: absolute;
	right: -25px;
	text-align: center;
	top: -20px;
	width: 50px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.modalDialogCloseButton:hover { background: #444; }

So you should copy the missing stuf into your skins file.
and you should do the same comparison for the variables.yaml file.

93

iā€™ve seen the alarm panel - but my idea was an alarm clock. to set the time for wakeup in the morning, or if children needs to go to sport, or whatever

94

Iā€™m receiving an error trying to conf an iframe. Conf and error below.

#
# Main arguments, all optional
#
title: Main Panel
widget_dimensions: [120, 120]
widget_margins: [5, 5]
columns: 8

layout:
  - sensor.netatmo_ute_temperature, sensor.netatmo_stue_temperature, iframe(150x150)

label:
  widget_type: label
  title: label
  title2: label 2
  text: Hello World
  
temp_ute:
  widget_type: sensor
  title: Temperatur
  title2: Ute
  units: "C"
  entity: sensor.netatmo_ute_temperature

temp_inne:
  widget_type: sensor
  title: Temperatur
  title2: Inne
  units: "C"
  entity: sensor.netatmo_stue_temperature

weather:
  widget_type: iframe
  refresh: 15
  url_list:
    - http://api.met.no/weatherapi/radar/1.5/?radarsite=south_norway;type=reflectivity;content=animation;size=normal

Error:

pi@raspberrypi:~/appdaemon_dashboard/appdaemon $ python3 -m appdaemon.appdaemon -c /home/pi/appdaemon_dashboard/appdaemon/conf/
2017-03-28 12:29:59.036510 INFO AppDaemon Version 2.0.0beta3 starting
2017-03-28 12:30:04.918850 WARNING 'elevation' directive is deprecated, please remove
2017-03-28 12:30:04.919883 WARNING 'latitude' directive is deprecated, please remove
2017-03-28 12:30:04.920720 WARNING 'longitude' directive is deprecated, please remove
2017-03-28 12:30:04.921263 WARNING 'time_zone' directive is deprecated, please remove
2017-03-28 12:30:05.558492 INFO Got initial state
2017-03-28 12:30:05.561179 INFO Loading Module: /home/pi/appdaemon_dashboard/appdaemon/conf/apps/hello.py
2017-03-28 12:30:05.568096 INFO Loading Object hello_world using class HelloWorld from module hello
2017-03-28 12:30:05.818536 INFO hello_world: Hello from AppDaemon
2017-03-28 12:30:05.824761 INFO hello_world: You are now ready to run Apps!
2017-03-28 12:30:05.825494 INFO App initialization complete
2017-03-28 12:30:05.827293 INFO Starting dashboard
2017-03-28 12:30:05.867324 INFO HADashboard Started
2017-03-28 12:30:05.868271 INFO Listening on ('IP', 5050)
2017-03-28 12:30:06.080875 INFO Connected to Home Assistant 0.41.0
2017-03-28 12:30:10.949036 INFO Compiling dashboard 'main'
2017-03-28 12:30:11.687860 WARNING Unable to find widget definition for 'iframe'
2017-03-28 12:30:12.132052 WARNING Widget type not found: text
2017-03-28 12:30:12.133634 INFO function [compile_dash] finished in 1196 ms
95
  1. you dont have an iframe widget made like your sensors.
  2. you have widgetsize on 120x120 and then try a widget from 150x150 but that means 150x120, 150x120

so you need something like:

iframe1:
    widget_type: iframe
    refresh: 10
    url_list:
      - some url
      - some url

and then in your layout

layout:
  - iframe1(2x2)
2 Likes
96

Thanks! Got confused by some other posts on how to configure it.

97

Thatā€™s what it is designed to do, you are shoehorning it in to do something else! If you can describe your usecase more exactly we can figure out how best to address it in a future release.

98

You can get it to work but I will add actual support for it later - check the thread above for a couple fo ways of doing this

99

Iā€™ll add it to the list

100

Which widget? Both the climate and media player widgets are set to 10% increments.