API tools faq
paste
Advertisement
pqpxoxa

HA - Floor Plan Ground

pqpxoxa
Nov 1st, 2020
1,053
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
raw download clone embed print report
  1. cards:
  2. - type: horizontal-stack
  3. cards:
  4. - color_type: blank-card
  5. styles:
  6. card:
  7. - width: 25px
  8. type: 'custom:button-card'
  9. - type: entities
  10. show_icon: false
  11. entities:
  12. - input_select.ground_floor_plan
  13. - color_type: blank-card
  14. styles:
  15. card:
  16. - width: 25px
  17. type: 'custom:button-card'
  18. - color_type: blank-card
  19. styles:
  20. card:
  21. - height: 5px
  22. type: 'custom:button-card'
  23. - type: horizontal-stack
  24. cards:
  25. - color_type: blank-card
  26. icon: 'mdi:led-strip-variant'
  27. name: Floor
  28. styles:
  29. card:
  30. - width: 25px
  31. type: 'custom:button-card'
  32. - type: 'custom:state-switch'
  33. entity: input_select.ground_floor_plan
  34. states:
  35. Lights:
  36. type: picture-elements
  37. image: local/floorg.png
  38. elements:
  39. - type: state-icon
  40. entity: switch.front_door_lamp
  41. icon: 'mdi:lamp'
  42. tap_action:
  43. action: toggle
  44. style:
  45. top: 6%
  46. left: 8%
  47. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  48. '--paper-item-icon-active-color': white
  49. border-radius: 100%
  50. background-color: '#0f1b29'
  51. border: 2px solid white
  52. transform: 'scale(1.1,1.1)'
  53. - type: state-icon
  54. entity: switch.front_door_lamp
  55. icon: 'mdi:wall-sconce-flat'
  56. tap_action:
  57. action: toggle
  58. style:
  59. top: 20%
  60. left: 15%
  61. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  62. '--paper-item-icon-active-color': white
  63. border-radius: 100%
  64. background-color: '#0f1b29'
  65. border: 2px solid white
  66. transform: 'scale(1.1,1.1)'
  67. - type: state-icon
  68. entity: switch.front_door_lamp
  69. icon: 'mdi:wall-sconce-flat'
  70. tap_action:
  71. action: toggle
  72. style:
  73. top: 12%
  74. left: 65%
  75. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  76. '--paper-item-icon-active-color': white
  77. border-radius: 100%
  78. background-color: '#0f1b29'
  79. border: 2px solid white
  80. transform: 'scale(1.1,1.1)'
  81. - type: state-icon
  82. entity: switch.front_door_lamp
  83. icon: 'mdi:wall-sconce-flat'
  84. tap_action:
  85. action: toggle
  86. style:
  87. top: 72%
  88. left: 63%
  89. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  90. '--paper-item-icon-active-color': white
  91. border-radius: 100%
  92. background-color: '#0f1b29'
  93. border: 2px solid white
  94. transform: 'scale(1.1,1.1)'
  95. - type: state-icon
  96. entity: switch.sonoff_10004008d2
  97. icon: 'mdi:floor-lamp'
  98. tap_action:
  99. action: toggle
  100. style:
  101. top: 29%
  102. left: 50%
  103. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  104. '--paper-item-icon-active-color': white
  105. border-radius: 100%
  106. background-color: '#0f1b29'
  107. border: 2px solid white
  108. transform: 'scale(1.1,1.1)'
  109. - type: state-icon
  110. entity: light.kitchen_corner_rgb
  111. icon: 'mdi:led-strip-variant'
  112. tap_action:
  113. action: toggle
  114. hold_action:
  115. action: more-info
  116. style:
  117. top: 39%
  118. left: 83%
  119. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  120. '--paper-item-icon-active-color': white
  121. border-radius: 100%
  122. background-color: '#0f1b29'
  123. border: 2px solid white
  124. transform: 'scale(1.1,1.1)'
  125. - type: state-icon
  126. entity: light.kitchen_sink_rgb
  127. tap_action:
  128. action: toggle
  129. hold_action:
  130. action: more-info
  131. icon: 'mdi:led-strip-variant'
  132. style:
  133. top: 60%
  134. left: 83%
  135. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  136. '--paper-item-icon-active-color': white
  137. border-radius: 100%
  138. background-color: '#0f1b29'
  139. border: 2px solid white
  140. transform: 'scale(1.1,1.1)'
  141. - type: state-icon
  142. entity: light.kitchen_corner_rgb
  143. icon: 'mdi:ceiling-light'
  144. style:
  145. top: 76%
  146. left: 26%
  147. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  148. '--paper-item-icon-active-color': white
  149. border-radius: 100%
  150. background-color: '#0f1b29'
  151. border: 2px solid white
  152. transform: 'scale(1.1,1.1)'
  153. Security:
  154. type: picture-elements
  155. image: local/floorg.png
  156. elements:
  157. - type: state-icon
  158. entity: binary_sensor.openclose_26
  159. icon: 'mdi:door-closed'
  160. style:
  161. top: 0.5%
  162. left: 21%
  163. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  164. '--paper-item-icon-active-color': white
  165. border-radius: 100%
  166. background-color: '#0f1b29'
  167. border: 2px solid white
  168. transform: 'scale(1.1,1.1)'
  169. - type: state-icon
  170. entity: binary_sensor.openclose_30
  171. icon: 'mdi:door-closed'
  172. style:
  173. top: 25%
  174. left: 35%
  175. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  176. '--paper-item-icon-active-color': white
  177. border-radius: 100%
  178. background-color: '#0f1b29'
  179. border: 2px solid white
  180. transform: 'scale(1.1,1.1)'
  181. - type: state-icon
  182. entity: binary_sensor.openclose_20
  183. icon: 'mdi:door-closed'
  184. style:
  185. top: 46.5%
  186. left: 42%
  187. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  188. '--paper-item-icon-active-color': white
  189. border-radius: 100%
  190. background-color: '#0f1b29'
  191. border: 2px solid white
  192. transform: 'scale(1.1,1.1)'
  193. - type: state-icon
  194. entity: binary_sensor.openclose_19
  195. icon: 'mdi:door-closed'
  196. style:
  197. color: red
  198. top: 89%
  199. left: 65%
  200. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  201. '--paper-item-icon-active-color': white
  202. border-radius: 100%
  203. background-color: '#0f1b29'
  204. border: 2px solid white
  205. transform: 'scale(1.1,1.1)'
  206. - type: state-icon
  207. entity: binary_sensor.hall_pir
  208. tap_action:
  209. action: more-info
  210. icon: 'mdi:motion-sensor'
  211. style:
  212. top: 52%
  213. left: 31%
  214. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  215. '--paper-item-icon-active-color': white
  216. border-radius: 100%
  217. background-color: '#0f1b29'
  218. border: 2px solid white
  219. transform: 'scale(1.1,1.1)'
  220. - type: state-icon
  221. entity: binary_sensor.hall_pir
  222. tap_action:
  223. action: more-info
  224. icon: 'mdi:motion-sensor'
  225. style:
  226. top: 3%
  227. left: 85%
  228. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  229. '--paper-item-icon-active-color': white
  230. border-radius: 100%
  231. background-color: '#0f1b29'
  232. border: 2px solid white
  233. transform: 'scale(1.1,1.1)'
  234. - type: state-icon
  235. entity: binary_sensor.kitchen_motion_sensor2
  236. icon: 'mdi:motion-sensor'
  237. tap_action:
  238. action: more-info
  239. style:
  240. top: 89%
  241. left: 50%
  242. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  243. '--paper-item-icon-active-color': white
  244. border-radius: 100%
  245. background-color: '#0f1b29'
  246. border: 2px solid white
  247. transform: 'scale(1.1,1.1)'
  248. - type: state-icon
  249. entity: camera.uvc_g3_back_2
  250. tap_action:
  251. action: more-info
  252. icon: 'mdi:cctv'
  253. style:
  254. top: 37.5%
  255. left: 66%
  256. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  257. '--paper-item-icon-active-color': white
  258. border-radius: 100%
  259. background-color: '#0f1b29'
  260. border: 2px solid white
  261. transform: 'scale(1.1,1.1)'
  262. Temperature:
  263. type: picture-elements
  264. image: local/floorg.png
  265. elements:
  266. - type: state-icon
  267. entity: sensor.temperature_27
  268. icon: 'mdi:thermometer'
  269. tap_action:
  270. action: more-info
  271. style:
  272. top: 12%
  273. left: 29%
  274. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  275. '--paper-item-icon-active-color': white
  276. border-radius: 100%
  277. background-color: '#0f1b29'
  278. border: 2px solid white
  279. transform: 'scale(1.1,1.1)'
  280. - type: state-icon
  281. entity: sensor.temperature_27
  282. icon: 'mdi:thermometer'
  283. tap_action:
  284. action: more-info
  285. style:
  286. top: 30%
  287. left: 63%
  288. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  289. '--paper-item-icon-active-color': white
  290. border-radius: 100%
  291. background-color: '#0f1b29'
  292. border: 2px solid white
  293. transform: 'scale(1.1,1.1)'
  294. - type: state-icon
  295. entity: sensor.temperature_27
  296. icon: 'mdi:thermometer'
  297. tap_action:
  298. action: more-info
  299. style:
  300. top: 57%
  301. left: 43%
  302. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  303. '--paper-item-icon-active-color': white
  304. border-radius: 100%
  305. background-color: '#0f1b29'
  306. border: 2px solid white
  307. transform: 'scale(1.1,1.1)'
  308. - type: state-icon
  309. entity: light.kitchen_sink_rgb
  310. icon: 'mdi:water-alert'
  311. style:
  312. top: 72%
  313. left: 83%
  314. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  315. '--paper-item-icon-active-color': white
  316. border-radius: 100%
  317. background-color: '#0f1b29'
  318. border: 2px solid white
  319. transform: 'scale(1.1,1.1)'
  320. Media:
  321. type: picture-elements
  322. image: local/floorg.png
  323. elements:
  324. - type: state-icon
  325. entity: media_player.snug_tv
  326. icon: 'mdi:television'
  327. tap_action:
  328. action: more-info
  329. style:
  330. top: 10%
  331. left: 85%
  332. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  333. '--paper-item-icon-active-color': white
  334. border-radius: 100%
  335. background-color: '#0f1b29'
  336. border: 2px solid white
  337. transform: 'scale(1.1,1.1)'
  338. - type: state-icon
  339. entity: media_player.googlehome4654
  340. icon: 'mdi:google-home'
  341. tap_action:
  342. action: more-info
  343. style:
  344. top: 43%
  345. left: 85%
  346. '--paper-item-icon-color': 'rgba(255,255,255,0.5)'
  347. '--paper-item-icon-active-color': white
  348. border-radius: 100%
  349. background-color: '#0f1b29'
  350. border: 2px solid white
  351. transform: 'scale(1.1,1.1)'
  352. - color_type: blank-card
  353. icon: 'mdi:led-strip-variant'
  354. name: Floor
  355. styles:
  356. card:
  357. - width: 25px
  358. type: 'custom:button-card'
  359. - color_type: blank-card
  360. styles:
  361. card:
  362. - height: 20px
  363. type: 'custom:button-card'
  364. type: vertical-stack
  365.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!