API tools faq
paste
Advertisement
tom_el_camino

whole dashboard

tom_el_camino
Dec 14th, 2021
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.59 KB | None | 0 0
raw download clone embed print report
  1. type: grid
  2. cards:
  3. - type: grid
  4. cards:
  5. - custom_fields:
  6. time:
  7. card:
  8. entity: sensor.current_date_time
  9. layout: horizontal
  10. name: []
  11. show_icon: false
  12. show_state: true
  13. show_name: false
  14. type: custom:button-card
  15. styles:
  16. card:
  17. - box-shadow: none
  18. - height: 60px
  19. - justify-self: start
  20. - padding-right: 30px
  21. state:
  22. - height: 27px
  23. - justify-self: start
  24. - font-size: 20px
  25. - font-weight: 300
  26. entity: light.living
  27. hold_action:
  28. action: more-info
  29. name: LIVING
  30. icon: null
  31. state:
  32. - value: 'on'
  33. icon: fas:toggle-on
  34. styles:
  35. card:
  36. - yyyy: value
  37. icon:
  38. - color: '#ff9b75'
  39. name:
  40. - color: '#ff9b75'
  41. - value: 'off'
  42. icon: fas:toggle-off
  43. styles:
  44. card:
  45. - yyyy: value
  46. icon:
  47. - color: gray
  48. name:
  49. - color: gray
  50. styles:
  51. card:
  52. - height: 100%
  53. - border-radius: 25px
  54. name:
  55. - height: 30px
  56. - justify-self: left
  57. - font-size: 15px
  58. - font-weight: 300
  59. - padding: 22px 0 0 15px
  60. grid:
  61. - grid-template-areas: '"n i" "time time" '
  62. - grid-template-columns: 60% 40%
  63. - grid-template-rows: auto
  64. icon:
  65. - width: 25px
  66. - padding: 10px 0 0 0
  67. type: custom:button-card
  68. - custom_fields:
  69. temperature:
  70. card:
  71. entity: sensor.living_temp
  72. layout: horizontal
  73. name: []
  74. show_icon: false
  75. show_state: true
  76. show_name: false
  77. type: custom:button-card
  78. styles:
  79. card:
  80. - box-shadow: none
  81. - height: 60px
  82. state:
  83. - height: 27px
  84. - justify-self: start
  85. - font-size: 20px
  86. - font-weight: 300
  87. - padding-right: 10px
  88. humid:
  89. card:
  90. entity: sensor.v_binnen
  91. layout: horizontal
  92. name: []
  93. show_icon: false
  94. show_state: true
  95. show_name: false
  96. show_units: true
  97. type: custom:button-card
  98. styles:
  99. card:
  100. - box-shadow: none
  101. - height: 60px
  102. state:
  103. - height: 27px
  104. - justify-self: end
  105. - font-size: 20px
  106. - font-weight: 300
  107. - padding-right: 10px
  108. - color: grey
  109. entity: climate.tstat_309be2
  110. tap_action:
  111. action: toggle
  112. hold_action:
  113. action: navigate
  114. navigation_path: /lovelace-phone/verwarming
  115. name: VERWARMING
  116. icon: mdi:fire
  117. state:
  118. - value: heat
  119. icon: mdi:fire
  120. styles:
  121. icon:
  122. - color: '#ff9b75'
  123. - width: 30px
  124. name:
  125. - color: '#ff9b75'
  126. - value: 'off'
  127. icon: fas:toggle-off
  128. name: VERWARMING
  129. styles:
  130. card:
  131. - yyyy: value
  132. icon:
  133. - color: gray
  134. name:
  135. - color: gray
  136. styles:
  137. card:
  138. - height: 100%
  139. - border-radius: 25px
  140. name:
  141. - height: 30px
  142. - justify-self: left
  143. - font-size: 12px
  144. - font-weight: 300
  145. - padding: 25px 0 0 15px
  146. grid:
  147. - grid-template-areas: '"n i" "temperature humid" '
  148. - grid-template-columns: 60% 40%
  149. - grid-template-rows: auto
  150. icon:
  151. - width: 25px
  152. - padding: 8px 0 0 0
  153. type: custom:button-card
  154. - custom_fields:
  155. temperature:
  156. card:
  157. entity: sensor.t_buiten
  158. layout: horizontal
  159. name: []
  160. show_icon: false
  161. show_state: true
  162. show_name: false
  163. type: custom:button-card
  164. styles:
  165. card:
  166. - box-shadow: none
  167. - height: 60px
  168. state:
  169. - height: 27px
  170. - justify-self: start
  171. - font-size: 20px
  172. - font-weight: 300
  173. - padding-right: 10px
  174. humid:
  175. card:
  176. entity: sensor.v_buiten
  177. layout: horizontal
  178. name: []
  179. show_icon: false
  180. show_state: true
  181. show_name: false
  182. show_units: true
  183. type: custom:button-card
  184. styles:
  185. card:
  186. - box-shadow: none
  187. - height: 60px
  188. state:
  189. - height: 27px
  190. - justify-self: end
  191. - font-size: 20px
  192. - font-weight: 300
  193. - padding-right: 10px
  194. - color: gray
  195. entity: light.buiten
  196. tap_action:
  197. action: toggle
  198. hold_action:
  199. action: more-info
  200. name: BUITEN
  201. icon: phu:ceiling-cher-semiflush
  202. state:
  203. - value: 'on'
  204. icon: phu:ceiling-cher-semiflush
  205. styles:
  206. icon:
  207. - color: '#ffffcc'
  208. name:
  209. - color: '#ffffcc'
  210. - value: 'off'
  211. icon: phu:ceiling-cher-semiflush
  212. styles:
  213. card:
  214. - yyyy: value
  215. icon:
  216. - color: gray
  217. name:
  218. - color: gray
  219. styles:
  220. card:
  221. - height: 100%
  222. - border-radius: 25px
  223. name:
  224. - height: 30px
  225. - justify-self: left
  226. - font-size: 15px
  227. - font-weight: 300
  228. - padding: 22px 0 0 15px
  229. grid:
  230. - grid-template-areas: '"n i" "temperature humid"'
  231. - grid-template-columns: 60% 40%
  232. - grid-template-rows: auto
  233. icon:
  234. - width: 25px
  235. - padding: 8px 0 0 0
  236. type: custom:button-card
  237. columns: 3
  238. square: true
  239. - color_type: blank-card
  240. icon: mdi:led-strip-variant
  241. name: blank
  242. styles:
  243. card:
  244. - height: 10px
  245. type: custom:button-card
  246. - type: conditional
  247. conditions:
  248. - entity: light.living
  249. state: 'on'
  250. card:
  251. type: custom:slider-button-card
  252. entity: light.living
  253. slider:
  254. direction: left-right
  255. background: gradient
  256. use_state_color: false
  257. use_percentage_bg_opacity: true
  258. show_track: true
  259. toggle_on_click: false
  260. force_square: false
  261. show_name: true
  262. show_state: true
  263. compact: true
  264. icon:
  265. show: true
  266. use_state_color: true
  267. tap_action:
  268. action: navigate
  269. navigation_path: /lovelace-phone/3
  270. icon: ''
  271. action_button:
  272. mode: toggle
  273. icon: mdi:power
  274. show: false
  275. show_spinner: true
  276. tap_action:
  277. action: toggle
  278. style: |
  279. ha-card {
  280. --ha-card-background: var(--primary-background-color);
  281. border-radius: 15px;
  282. border: 2px solid #f69973;
  283. }
  284. - color_type: blank-card
  285. icon: mdi:led-strip-variant
  286. name: blank
  287. styles:
  288. card:
  289. - height: 5px
  290. type: custom:button-card
  291. - type: conditional
  292. conditions:
  293. - entity: light.living
  294. state: 'on'
  295. card:
  296. type: custom:rgb-light-card
  297. entity: light.living
  298. justify: around
  299. colors:
  300. - type: call-service
  301. service: script.turn_on
  302. service_data:
  303. entity_id: script.hue_chillax
  304. label: '<span style="color: orange; ">chillax</span>'
  305. icon_color: center/120% url( /local/images/hue/dimmed.png)
  306. - type: call-service
  307. service: script.turn_on
  308. service_data:
  309. entity_id: script.hue_pacifia
  310. label: '<span style="color: lightblue; ">Pacifia</span>'
  311. icon_color: center/120% url( /local/images/hue/energyze.png)
  312. - type: call-service
  313. service: script.turn_on
  314. service_data:
  315. entity_id: script.hue_helder
  316. label: '<span style="color: #ffcc99; ">helder</span>'
  317. icon_color: center/120% url( /local/images/hue/bright.png)
  318. - type: call-service
  319. transition: 2
  320. service: script.turn_on
  321. service_data:
  322. entity_id: script.1634843698222
  323. label: '<span style="color: red; ">soho</span>'
  324. icon_color: center/120% url( /local/images/hue/soho.jpg)
  325. - custom_fields:
  326. artist:
  327. card:
  328. entity: sensor.bruzz_artist
  329. layout: vertical
  330. name: []
  331. show_icon: false
  332. show_state: true
  333. show_name: false
  334. type: custom:button-card
  335. styles:
  336. card:
  337. - box-shadow: none
  338. - height: 40px
  339. state:
  340. - justify-self: start
  341. - font-size: 27px
  342. - font-weight: 300
  343. - padding: 0 0 0 10px
  344. title:
  345. card:
  346. entity: sensor.bruzz_title
  347. layout: vertical
  348. name: []
  349. show_icon: false
  350. show_state: true
  351. show_name: false
  352. type: custom:button-card
  353. styles:
  354. card:
  355. - box-shadow: none
  356. - padding: 5px 0 0 10px
  357. state:
  358. - justify-self: start
  359. - font-size: 17px
  360. - font-weight: 200
  361. entity: script.radio_starten
  362. hold_action:
  363. action: more-info
  364. tap_action:
  365. action: toggle
  366. name: []
  367. show_entity_picture: true
  368. entity_picture: /local/images/bruzz.png
  369. icon: null
  370. styles:
  371. card:
  372. - border-radius: 25px
  373. - padding: 40px 0 10px 10px
  374. name:
  375. - font-size: 16px
  376. - font-weight: 300
  377. - justify-self: end
  378. - padding-top: 2px
  379. grid:
  380. - grid-template-areas: '"artist artist n i" "title title title title"'
  381. - grid-template-columns: 50% 20%
  382. - grid-template-rows: 20%
  383. img_cell:
  384. - padding-right: 15px
  385. icon:
  386. - width: 50px
  387. type: custom:button-card
  388. - color_type: blank-card
  389. icon: mdi:led-strip-variant
  390. name: blank
  391. styles:
  392. card:
  393. - height: 10px
  394. type: custom:button-card
  395. - type: grid
  396. cards:
  397. - custom_fields:
  398. vp:
  399. card:
  400. entity: script.lr_volume_up
  401. layout: vertical
  402. name: UP
  403. show_icon: true
  404. show_state: false
  405. show_name: true
  406. icon: fas:plus
  407. type: custom:button-card
  408. tap_action:
  409. action: toggle
  410. styles:
  411. card:
  412. - box-shadow: none
  413. icon:
  414. - height: 25px
  415. - width: 70px
  416. - padding-left: 5px
  417. name:
  418. - font-size: 15px
  419. - font-weight: 300
  420. - padding-top: 10px
  421. vpp:
  422. card:
  423. entity: script.lr_volume_up2
  424. layout: vertical
  425. name: UP +
  426. show_icon: true
  427. show_state: false
  428. show_name: true
  429. icon: fas:angle-double-up
  430. type: custom:button-card
  431. tap_action:
  432. action: toggle
  433. styles:
  434. card:
  435. - box-shadow: none
  436. icon:
  437. - height: 25px
  438. - width: 70px
  439. name:
  440. - font-size: 15px
  441. - font-weight: 300
  442. - padding-top: 10px
  443. vd:
  444. card:
  445. entity: script.lr_volume_down
  446. layout: vertical
  447. name: DOWN
  448. show_icon: true
  449. show_state: false
  450. show_name: true
  451. icon: fas:minus
  452. tap_action:
  453. action: toggle
  454. type: custom:button-card
  455. styles:
  456. card:
  457. - box-shadow: none
  458. - padding-top: 5px
  459. icon:
  460. - height: 25px
  461. - width: 70px
  462. - padding-left: 5px
  463. name:
  464. - font-size: 15px
  465. - font-weight: 300
  466. - padding-top: 10px
  467. vdd:
  468. card:
  469. entity: script.lr_volume_down2
  470. layout: vertical
  471. name: DOWN +
  472. show_icon: true
  473. show_state: false
  474. show_name: true
  475. tap_action:
  476. action: toggle
  477. icon: fas:angle-double-down
  478. type: custom:button-card
  479. styles:
  480. card:
  481. - box-shadow: none
  482. - padding-top: 5px
  483. icon:
  484. - height: 25px
  485. - width: 70px
  486. name:
  487. - font-size: 15px
  488. - font-weight: 300
  489. - padding-top: 10px
  490. entity: script.lr_volume_down
  491. tap_action:
  492. action: toggle
  493. hold_action:
  494. action: navigate
  495. navigation_path: /lovelace-phone/verwarming
  496. name: []
  497. icon: []
  498. styles:
  499. card:
  500. - height: 100%
  501. - border-radius: 25px
  502. name: null
  503. grid:
  504. - grid-template-areas: '"vp vpp" "vd vdd" '
  505. - grid-template-columns: 50%
  506. - grid-template-rows: 50%
  507. icon:
  508. - width: 30px
  509. - padding: 5px 0 0 0
  510. type: custom:button-card
  511. - custom_fields:
  512. amp:
  513. card:
  514. entity: script.1583267405467
  515. layout: vertical
  516. name: AMP
  517. show_icon: true
  518. show_state: false
  519. show_name: true
  520. icon: mdi:amplifier
  521. tap_action:
  522. action: toggle
  523. type: custom:button-card
  524. styles:
  525. card:
  526. - box-shadow: none
  527. name:
  528. - font-size: 15px
  529. - font-weight: 300
  530. - padding-top: 5px
  531. bass:
  532. card:
  533. entity: script.1583267965307
  534. layout: vertical
  535. name: BASS
  536. show_icon: true
  537. show_state: false
  538. show_name: true
  539. tap_action:
  540. action: toggle
  541. icon: mdi:speaker
  542. type: custom:button-card
  543. styles:
  544. card:
  545. - box-shadow: none
  546. name:
  547. - font-size: 15px
  548. - font-weight: 300
  549. - padding-top: 5px
  550. video2:
  551. card:
  552. entity: script.1583267830094
  553. layout: vertical
  554. name: CRM
  555. show_icon: true
  556. show_state: false
  557. show_name: true
  558. tap_action:
  559. action: toggle
  560. icon: mdi:google-chrome
  561. type: custom:button-card
  562. styles:
  563. card:
  564. - box-shadow: none
  565. - padding-top: 10px
  566. name:
  567. - font-size: 15px
  568. - font-weight: 300
  569. - padding-top: 5px
  570. radio:
  571. card:
  572. entity: script.1591729270400
  573. layout: vertical
  574. name: RADIO
  575. show_icon: true
  576. show_state: false
  577. show_name: true
  578. tap_action:
  579. action: toggle
  580. icon: mdi:radio
  581. type: custom:button-card
  582. styles:
  583. card:
  584. - box-shadow: none
  585. - padding-top: 10px
  586. name:
  587. - font-size: 15px
  588. - font-weight: 300
  589. - padding-top: 5px
  590. entity: script.lr_volume_up
  591. tap_action:
  592. action: toggle
  593. name: []
  594. icon: []
  595. styles:
  596. card:
  597. - height: 100%
  598. - border-radius: 25px
  599. name: null
  600. grid:
  601. - grid-template-areas: '"amp bass" "video2 radio" '
  602. - grid-template-columns: 50%
  603. - grid-template-rows: 50%
  604. icon:
  605. - width: 30px
  606. - padding: 5px 0 0 0
  607. type: custom:button-card
  608. - custom_fields:
  609. tv:
  610. card:
  611. entity: script.lr_tv_on
  612. layout: vertical
  613. name: TV
  614. show_icon: true
  615. show_state: false
  616. show_name: true
  617. icon: mdi:television
  618. tap_action:
  619. action: toggle
  620. type: custom:button-card
  621. styles:
  622. card:
  623. - box-shadow: none
  624. name:
  625. - font-size: 15px
  626. - font-weight: 300
  627. - padding-top: 5px
  628. dvd:
  629. card:
  630. entity: script.1610651162274
  631. layout: vertical
  632. name: DVD
  633. show_icon: true
  634. show_state: false
  635. show_name: true
  636. tap_action:
  637. action: toggle
  638. icon: mdi:disc
  639. type: custom:button-card
  640. styles:
  641. card:
  642. - box-shadow: none
  643. name:
  644. - font-size: 15px
  645. - font-weight: 300
  646. - padding-top: 5px
  647. spotify:
  648. card:
  649. entity: script.1583267830094
  650. layout: vertical
  651. name: SPOTIFY
  652. show_icon: true
  653. show_state: false
  654. show_name: true
  655. tap_action:
  656. action: navigate
  657. navigation_path: /lovelace-phone/spotify
  658. icon: mdi:spotify
  659. type: custom:button-card
  660. styles:
  661. card:
  662. - box-shadow: none
  663. - padding-top: 10px
  664. name:
  665. - font-size: 15px
  666. - font-weight: 300
  667. - padding-top: 5px
  668. radio:
  669. card:
  670. entity: switch.hert
  671. layout: vertical
  672. name: HERT
  673. show_icon: true
  674. show_state: false
  675. show_name: true
  676. tap_action:
  677. action: toggle
  678. icon: mdi:dog
  679. type: custom:button-card
  680. styles:
  681. card:
  682. - box-shadow: none
  683. - padding-top: 10px
  684. name:
  685. - font-size: 15px
  686. - font-weight: 300
  687. - padding-top: 5px
  688. entity: script.lr_volume_up
  689. tap_action:
  690. action: toggle
  691. name: []
  692. icon: []
  693. styles:
  694. card:
  695. - height: 100%
  696. - border-radius: 25px
  697. name: null
  698. grid:
  699. - grid-template-areas: '"tv dvd" "spotify radio" '
  700. - grid-template-columns: 50%
  701. - grid-template-rows: 50%
  702. icon:
  703. - width: 30px
  704. - padding: 5px 0 0 0
  705. type: custom:button-card
  706. square: true
  707. columns: 3
  708. columns: 1
  709. square: false
  710.  
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!