API tools faq
paste
alessmart

Dashboard immagine

alessmart
Apr 11th, 2025
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.22 KB | None | 0 0
raw download clone embed print report
  1. type: picture-elements
  2. image: local/foto-pkg/casa.png
  3. elements:
  4. - type: custom:button-card
  5. name: null
  6. icon: mdi:home-assistant
  7. color: salmon
  8. style:
  9. top: 95%
  10. left: 5%
  11. width: 100px
  12. height: 100px
  13. tap_action:
  14. action: navigate
  15. navigation_path: /connee-tablet/recap
  16. card_mod:
  17. style:
  18. mushroom-shape-icon$: |
  19. .shape {
  20. box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36) !important;
  21. }
  22. .: |
  23. ha-card:active {
  24. transform: translateY(1.5px);
  25. transition: 0s;
  26. }
  27. ha-card {
  28. transform: scale(1.3);
  29. border: none;
  30. box-shadow: none;
  31. background: rgba(0,0,0,0);
  32. text-align: center;
  33. }
  34. ha-state-icon {
  35. animation: boing 3s ease infinite;
  36. transform-origin: 50% 90%;
  37. }
  38. @keyframes boing {
  39. 0% { transform: scale3d(1, 1, 1); }
  40. 7% { transform: scale3d(1.25, 0.75, 1); }
  41. 10% { transform: scale3d(0.75, 1.25, 1); }
  42. 12% { transform: scale3d(1.15, 0.85, 1); }
  43. 16% { transform: scale3d(0.95, 1.05, 1); }
  44. 19% { transform: scale3d(1.05, 0.95, 1); }
  45. 25% { transform: scale3d(1, 1, 1); }
  46. }
  47. - type: custom:hui-element
  48. card_type: custom:mushroom-chips-card
  49. chips:
  50. - type: template
  51. icon: mdi:sofa
  52. content: Soggiorno
  53. tap_action:
  54. action: fire-dom-event
  55. browser_mod:
  56. service: browser_mod.popup
  57. data:
  58. title: Soggiorno
  59. style: |
  60. --popup-min-width: 200px;
  61. --popup-border-radius: 28px;
  62. target:
  63. device_id: null
  64. content:
  65. type: vertical-stack
  66. cards:
  67. - type: custom:mushroom-title-card
  68. subtitle: Luci
  69. - type: horizontal-stack
  70. cards:
  71. - type: custom:mushroom-light-card
  72. entity: light.luci_doppie
  73. - type: custom:mushroom-light-card
  74. entity: light.luce_singola
  75. - type: custom:mushroom-light-card
  76. entity: light.led_tv
  77. use_light_color: true
  78. show_brightness_control: true
  79. show_color_control: true
  80. show_color_temp_control: true
  81. - type: horizontal-stack
  82. cards:
  83. - type: custom:mushroom-light-card
  84. entity: light.madia
  85. use_light_color: true
  86. show_brightness_control: true
  87. show_color_control: true
  88. show_color_temp_control: true
  89. style:
  90. left: 18%
  91. top: 95%
  92. transform: scale (1)
  93. card_mod:
  94. style: >
  95. ha-card { --chip-border-color: aquamarine; /* Bordo rosso */
  96. --chip-border-width: 2px; --chip-box-shadow: 0px 0px 10px rgba(105, 200,
  97. 59, 0.7); /* Effetto glow */ --chip-height: 40px; }
  98. - type: custom:hui-element
  99. card_type: custom:mushroom-chips-card
  100. chips:
  101. - type: template
  102. icon: mdi:food-fork-drink
  103. content: Cucina
  104. tap_action:
  105. action: fire-dom-event
  106. browser_mod:
  107. service: browser_mod.popup
  108. data:
  109. title: Cucina
  110. style: |
  111. --popup-min-width: 800px;
  112. --popup-border-radius: 28px;
  113. target:
  114. device_id: null
  115. content:
  116. type: vertical-stack
  117. cards:
  118. - type: custom:mushroom-title-card
  119. subtitle: Luci
  120. - type: horizontal-stack
  121. cards:
  122. - type: custom:mushroom-light-card
  123. entity: light.faretti
  124. - type: custom:mushroom-light-card
  125. entity: light.led_piano_lavoro
  126. - type: custom:mushroom-light-card
  127. entity: light.led_soffitto
  128. use_light_color: true
  129. show_brightness_control: true
  130. show_color_control: true
  131. show_color_temp_control: true
  132. card_mod:
  133. style: >
  134. ha-card { --chip-border-color: brown; /* Bordo rosso */
  135. --chip-border-width: 2px; --chip-box-shadow: 0px 0px 10px rgba(255, 0,
  136. 0, 0.7); /* Effetto glow */ --chip-height: 40px; }
  137. style:
  138. left: 29%
  139. top: 95%
  140. transform: scale (1)
  141. - type: custom:hui-element
  142. card_type: custom:mushroom-chips-card
  143. chips:
  144. - type: template
  145. icon: mdi:power-plug
  146. content: Prese
  147. tap_action:
  148. action: fire-dom-event
  149. browser_mod:
  150. service: browser_mod.popup
  151. data:
  152. title: Prese
  153. style: |
  154. --popup-min-width: 800px;
  155. --popup-border-radius: 28px;
  156. target:
  157. device_id: null
  158. content:
  159. type: vertical-stack
  160. cards:
  161. - type: custom:mushroom-title-card
  162. subtitle: Prese
  163. - type: vertical-stack
  164. cards:
  165. - type: custom:mushroom-light-card
  166. entity: switch.aeroccino_nespresso_interruttore
  167. - type: custom:mushroom-light-card
  168. entity: switch.lavastoviglie
  169. - type: custom:mushroom-light-card
  170. entity: switch.forno
  171. - type: custom:mushroom-light-card
  172. entity: switch.frigo
  173. - type: custom:mushroom-light-card
  174. entity: switch.friggitrice_interruttore
  175. - type: custom:mushroom-light-card
  176. entity: switch.microonde_interruttore
  177. - type: custom:mushroom-light-card
  178. entity: switch.congelatore
  179. use_light_color: true
  180. show_brightness_control: true
  181. show_color_control: true
  182. show_color_temp_control: true
  183. card_mod:
  184. style: >
  185. ha-card { --chip-border-color: brown; /* Bordo rosso */
  186. --chip-border-width: 2px; --chip-box-shadow: 0px 0px 10px rgba(255, 0,
  187. 0, 0.7); /* Effetto glow */ --chip-height: 40px; }
  188. style:
  189. left: 40%
  190. top: 95%
  191. transform: scale (1)
  192. - type: custom:hui-element
  193. card_type: custom:mushroom-chips-card
  194. chips:
  195. - type: template
  196. icon: mdi:sofa
  197. content: Zona Notte
  198. tap_action:
  199. action: fire-dom-event
  200. browser_mod:
  201. service: browser_mod.popup
  202. data:
  203. title: Zona Notte
  204. style: |
  205. --popup-min-width: 800px;
  206. --popup-border-radius: 28px;
  207. target:
  208. device_id: null
  209. content:
  210. type: vertical-stack
  211. cards:
  212. - type: custom:mushroom-title-card
  213. subtitle: Luci
  214. - type: vertical-stack
  215. cards:
  216. - type: custom:mushroom-light-card
  217. entity: light.luce_antonio
  218. - type: custom:mushroom-light-card
  219. entity: light.luce_alice
  220. - type: custom:mushroom-light-card
  221. entity: light.luce_bagno
  222. - type: custom:mushroom-light-card
  223. entity: light.luce_corridoio_notte
  224. - type: custom:mushroom-light-card
  225. entity: light.luce_matrimoniale_1
  226. - type: custom:mushroom-light-card
  227. entity: light.led_mobile
  228. use_light_color: true
  229. show_brightness_control: true
  230. show_color_control: true
  231. show_color_temp_control: true
  232. - type: horizontal-stack
  233. cards:
  234. - type: custom:mushroom-light-card
  235. entity: light.madia
  236. use_light_color: true
  237. show_brightness_control: true
  238. show_color_control: true
  239. show_color_temp_control: true
  240. style:
  241. left: 50%
  242. top: 95%
  243. transform: scale (1)
  244. card_mod:
  245. style: >
  246. ha-card { --chip-border-color: aquamarine; /* Bordo rosso */
  247. --chip-border-width: 2px; --chip-box-shadow: 0px 0px 10px rgba(105, 200,
  248. 59, 0.7); /* Effetto glow */ --chip-height: 40px; }
  249. - type: state-badge
  250. style:
  251. left: 50%
  252. top: 55%
  253. entity: sensor.consumo_elettrico_potenza
  254. title: Consumo Elettrico
  255. tap_action:
  256. action: navigate
  257. navigation_path: /connee-tablet/energy
  258. - type: custom:hui-element
  259. card_type: custom:clock-weather-card
  260. entity: weather.home
  261. forecast_rows: 3
  262. sun_entity: sun.sun
  263. weather_icon_type: line
  264. animated_icon: true
  265. time_pattern: HH:mm
  266. time_format: 24
  267. hide_forecast_section: false
  268. show_humidity: false
  269. hide_clock: false
  270. hide_date: true
  271. hourly_forecast: null
  272. show_decimal: false
  273. style:
  274. left: 10%
  275. top: 30%
  276. - type: icon
  277. style:
  278. left: 70%
  279. top: 50%
  280. icon: mdi:air-conditioner
  281. entity: climate.soggiorno
  282. tap_action:
  283. action: more-info
  284. - type: state-icon
  285. style:
  286. left: 65%
  287. top: 50%
  288. entity: climate.condizionatore_soggiorno_2
  289. - type: state-badge
  290. entity: person.alessandro
  291. title: Ale
  292. tap_action:
  293. action: more-info
  294. style:
  295. left: 85%
  296. top: 95%
  297.  
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!