API tools faq
paste
nedrehagen

VTR300 Bubble card

nedrehagen
Jan 2nd, 2024
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.01 KB | None | 0 0
raw download clone embed print report
  1. type: vertical-stack
  2. cards:
  3. - type: custom:bubble-pop-up
  4. card_type: pop-up
  5. hash: '#ventilasjon'
  6. entity: ''
  7. state: null
  8. back_open: true
  9. bg_opacity: '50'
  10. bg_blur: '20'
  11. - type: vertical-stack
  12. cards:
  13. - square: false
  14. columns: 1
  15. type: grid
  16. cards:
  17. - square: false
  18. type: grid
  19. cards:
  20. - type: custom:button-card
  21. entity: input_select.viftemodus
  22. icon: mdi:fan-remove
  23. aspect_ratio: 1/1
  24. show_state: false
  25. show_name: false
  26. name: Av
  27. styles:
  28. icon:
  29. - color: |
  30. [[[
  31. if (entity.state == 'Av' ) return 'green'
  32. else return '#50729c';
  33. ]]]
  34. tap_action:
  35. action: call-service
  36. service: input_select.select_option
  37. service_data:
  38. entity_id: input_select.viftemodus
  39. option: Av
  40. - type: custom:button-card
  41. entity: input_select.viftemodus
  42. icon: mdi:fan-speed-1
  43. aspect_ratio: 1/1
  44. show_state: false
  45. show_name: false
  46. name: Lav
  47. styles:
  48. icon:
  49. - color: |
  50. [[[
  51. if (entity.state == 'Lav' ) return 'green'
  52. else return '#50729c';
  53. ]]]
  54. tap_action:
  55. action: call-service
  56. service: input_select.select_option
  57. service_data:
  58. entity_id: input_select.viftemodus
  59. option: Lav
  60. - type: custom:button-card
  61. entity: input_select.viftemodus
  62. icon: mdi:fan-speed-2
  63. aspect_ratio: 1/1
  64. show_state: false
  65. show_name: false
  66. name: Medium
  67. styles:
  68. icon:
  69. - color: |
  70. [[[
  71. if (entity.state == 'Medium' ) return 'green'
  72.  
  73. else return '#50729c';
  74. ]]]
  75. tap_action:
  76. action: call-service
  77. service: input_select.select_option
  78. service_data:
  79. entity_id: input_select.viftemodus
  80. option: Medium
  81. - type: custom:button-card
  82. entity: input_select.viftemodus
  83. icon: mdi:fan-speed-3
  84. aspect_ratio: 1/1
  85. show_state: false
  86. show_name: false
  87. name: Høy
  88. styles:
  89. icon:
  90. - color: |
  91. [[[
  92. if (entity.state == 'Høy' ) return 'green'
  93. else return '#50729c';
  94. ]]]
  95. tap_action:
  96. action: call-service
  97. service: input_select.select_option
  98. service_data:
  99. entity_id: input_select.viftemodus
  100. option: Høy
  101. - type: custom:button-card
  102. entity: input_boolean.boost_ventilasjon
  103. icon: mdi:fan-plus
  104. aspect_ratio: 1/1
  105. show_state: false
  106. show_name: false
  107. name: Høy
  108. styles:
  109. icon:
  110. - color: |
  111. [[[
  112. if (entity.state == 'on' ) return 'green'
  113. else return '#50729c';
  114. ]]]
  115. tap_action:
  116. action: call-service
  117. service: input_boolean.toggle
  118. service_data:
  119. entity_id: input_boolean.boost_ventilasjon
  120. columns: 5
  121. - square: false
  122. columns: 3
  123. type: grid
  124. cards:
  125. - type: custom:stack-in-card
  126. mode: horizontal
  127. cards:
  128. - type: custom:mushroom-template-card
  129. entity: sensor.netatmo_stue_co2
  130. tap_action:
  131. action: more-info
  132. primary: |
  133. {{ states('sensor.netatmo_stue_co2')}}°
  134. secondary: CO2
  135. icon: mdi:molecule-co2
  136. icon_color: >-
  137. {% if (states['sensor.netatmo_stue_co2'].state) | float >
  138. 1200 %}
  139. 255, 87, 34
  140. {% elif (states['sensor.netatmo_stue_co2'].state) | float
  141. < 800 %}
  142. green
  143. {% else %}
  144. yellow
  145. {% endif %}
  146. card_mod:
  147. style: |
  148. ha-card {
  149. border-radius: 0px;
  150. background: none;
  151. box-shadow: none;
  152. --ha-card-border-width: 0;
  153. --card-primary-font-size: 12px;
  154. --card-secondary-font-size: 10px;
  155. }
  156. :host {
  157. flex: 1 1 0% !important;
  158. min-width:
  159. min-content !important;
  160. }
  161. - type: custom:stack-in-card
  162. mode: horizontal
  163. cards:
  164. - type: custom:mushroom-template-card
  165. entity: sensor.temp_bad_humidity
  166. tap_action:
  167. action: more-info
  168. primary: |
  169. {{ states('sensor.temp_bad_humidity') | float | int}} %
  170. secondary: Bad
  171. icon: >-
  172. {% if states['sensor.temp_bad_humidity'].state | float >
  173. 70 %}
  174. mdi:water-percent-alert
  175. {% else %}
  176. mdi:water-percent
  177. {% endif %}
  178. icon_color: >-
  179. {% if states['sensor.temp_bad_humidity'].state | float >
  180. 70 %}
  181. 255, 87, 34
  182. {% elif states['sensor.temp_bad_humidity'].state | float <
  183. 60 %}
  184. green
  185. {% else %}
  186. yellow
  187. {% endif %}
  188. card_mod:
  189. style: |
  190. ha-card {
  191. border-radius: 0px;
  192. background: none;
  193. box-shadow: none;
  194. --ha-card-border-width: 0;
  195. --card-primary-font-size: 12px;
  196. --card-secondary-font-size: 10px;
  197. }
  198. :host {
  199. flex: 1 1 0% !important;
  200. min-width:
  201. min-content !important;
  202. }
  203. - type: custom:stack-in-card
  204. mode: horizontal
  205. cards:
  206. - type: custom:mushroom-template-card
  207. entity: sensor.netatmo_stue_temperature
  208. tap_action:
  209. action: more-info
  210. primary: >
  211. {{ states('sensor.netatmo_stue_temperature') | float | int
  212. }}°
  213. secondary: Stue
  214. icon: mdi:home-thermometer-outline
  215. icon_color: >-
  216. {% if (states['sensor.netatmo_stue_temperature'].state) |
  217. float > 25 %}
  218. 255, 87, 34
  219. {% elif (states['sensor.netatmo_stue_temperature'].state)
  220. | float < 23 %}
  221. blue
  222. {% else %}
  223. green
  224. {% endif %}
  225. card_mod:
  226. style: |
  227. ha-card {
  228. border-radius: 0px;
  229. background: none;
  230. box-shadow: none;
  231. --ha-card-border-width: 0;
  232. --card-primary-font-size: 12px;
  233. --card-secondary-font-size: 10px;
  234. }
  235. :host {
  236. flex: 1 1 0% !important;
  237. min-width:
  238. min-content !important;
  239. }
  240. - type: horizontal-stack
  241. cards:
  242. - type: custom:mushroom-entity-card
  243. entity: input_select.viftemodus
  244. name: Viftemodus
  245. - type: custom:mushroom-entity-card
  246. entity: input_select.ventilasjon_temperatur
  247. name: Tilluft mål
  248. - type: custom:auto-entities
  249. card:
  250. type: entities
  251. filter:
  252. include:
  253. - entity_id: sensor.vtr*
  254. - entity_id: sensor.ventilasjon_power
  255. exclude:
  256. - entity_id: sensor.vtr300_air_fan_level
  257. - entity_id: sensor.vtr300_time_days_filter_change
  258. sort:
  259. method: domain
  260. reverse: false
  261. ignore_case: false
  262. - type: entities
  263. entities:
  264. - entity: sensor.ac_maned
  265. secondary_info: Forbuk
  266. type: custom:multiple-entity-row
  267. name: AC
  268. format: precision0
  269. unit: false
  270. icon: mdi:air-conditioner
  271. state_header: Måned
  272. styles:
  273. width: 37px
  274. font-weight: bold
  275. text-align: right
  276. entities:
  277. - entity: sensor.ac_power
  278. name: W nå
  279. format: precision0
  280. unit: false
  281. styles:
  282. width: 35px
  283. text-align: right
  284. - entity: sensor.ac_time
  285. name: Time
  286. format: precision2
  287. unit: false
  288. styles:
  289. width: 30px
  290. text-align: right
  291. - entity: sensor.ac_dag
  292. format: precision2
  293. name: Dag
  294. unit: false
  295. styles:
  296. width: 35px
  297. text-align: right
  298. - entity: sensor.klima_maned
  299. secondary_info: Forbuk
  300. type: custom:multiple-entity-row
  301. name: Klima
  302. format: precision0
  303. unit: false
  304. icon: mdi:heat-pump-outline
  305. state_header: Måned
  306. styles:
  307. width: 37px
  308. font-weight: bold
  309. text-align: right
  310. entities:
  311. - entity: sensor.ventilasjon_power
  312. name: W nå
  313. unit: false
  314. format: precision0
  315. styles:
  316. width: 35px
  317. text-align: right
  318. - entity: sensor.klima_time
  319. name: Time
  320. format: precision2
  321. unit: false
  322. styles:
  323. width: 30px
  324. text-align: right
  325. - entity: sensor.klima_dag
  326. format: precision2
  327. name: Dag
  328. unit: false
  329. styles:
  330. width: 35px
  331. text-align: right
  332.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!