API tools faq
paste
Suneman

Nest Hub Forside 1.0

Suneman
Apr 3rd, 2022
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.79 KB | None | 0 0
raw download clone embed print report
  1. type: vertical-stack
  2. cards:
  3. - type: custom:button-card
  4. styles:
  5. grid:
  6. - grid-template-areas: '"weather ute stue kjeller kaffe vvb av eco comfy automode"'
  7. - grid-template-columns: 100px 100px 100px 100px 104px 104px 104px 104px 104px 104px
  8. card:
  9. - padding: 10px
  10. - height: 69px
  11. - background-color: '#262626'
  12. - width: 1025px
  13. custom_fields:
  14. weather:
  15. card:
  16. type: custom:button-card
  17. show_entity_picture: true
  18. size: 100%
  19. styles:
  20. card:
  21. - height: 100px
  22. - top: '-1.3em'
  23. entity_picture: |
  24. [[[
  25. var weatherIconsDay = {
  26. clear: "day",
  27. "clear-night": "night",
  28. cloudy: "cloudy",
  29. fog: "cloudy",
  30. hail: "rainy-7",
  31. lightning: "thunder",
  32. "lightning-rainy": "thunder",
  33. partlycloudy: "cloudy-day-3",
  34. pouring: "rainy-6",
  35. rainy: "rainy-5",
  36. snowy: "snowy-6",
  37. "snowy-rainy": "rainy-7",
  38. sunny: "day",
  39. windy: "cloudy",
  40. "windy-variant": "cloudy-day-3",
  41. exceptional: "!!",
  42. };
  43.  
  44. var weatherIconsNight = {
  45. ...weatherIconsDay,
  46. clear: "night",
  47. sunny: "night",
  48. partlycloudy: "cloudy-night-3",
  49. "windy-variant": "cloudy-night-3",
  50. };
  51. var weather = states["weather.home"].state;
  52. var sun = states["sun.sun"].state;
  53. if (sun == 'below_horizon') {
  54. var icon = weatherIconsNight[weather];
  55. return "https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/icons/" + icon + ".svg";
  56. }
  57. else {
  58. var icon = weatherIconsDay[weather];
  59. return "https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/icons/" + icon + ".svg";
  60. }
  61. ]]]
  62. tap_action:
  63. action: navigate
  64. navigation_path: /google-nest/var
  65. automode:
  66. card:
  67. type: custom:button-card
  68. entity: input_boolean.automation_house
  69. icon: mdi:solar-power
  70. name: Autohus
  71. tap_action:
  72. action: toggle
  73. styles:
  74. card:
  75. - font-size: 90%
  76. - top: '-1.9em'
  77. color_type: card
  78. color: green
  79. ute:
  80. card:
  81. type: custom:button-card
  82. entity: sensor.temperature_ute_veranda
  83. show_state: true
  84. icon: mdi:thermometer
  85. name: Ute
  86. show_units: true
  87. show_icon: false
  88. styles:
  89. card:
  90. - font-size: 25px
  91. - top: '-1.3em'
  92. name:
  93. - font-size: 20px
  94. - color: grey
  95. color_type: icon
  96. color: grey
  97. tap_action:
  98. action: navigate
  99. navigation_path: /google-nest/temperatur
  100. stue:
  101. card:
  102. type: custom:button-card
  103. entity: sensor.temperature_spisestue
  104. show_state: true
  105. icon: mdi:thermometer
  106. name: Stue
  107. show_units: true
  108. show_icon: false
  109. styles:
  110. card:
  111. - font-size: 25px
  112. - top: '-1.3em'
  113. name:
  114. - font-size: 20px
  115. - color: grey
  116. color_type: icon
  117. color: grey
  118. tap_action:
  119. action: navigate
  120. navigation_path: /google-nest/temperatur
  121. kjeller:
  122. card:
  123. type: custom:button-card
  124. entity: sensor.temperature_hall_1etg
  125. show_state: true
  126. icon: mdi:thermometer
  127. name: Kjeller
  128. show_units: true
  129. show_icon: false
  130. styles:
  131. card:
  132. - font-size: 25px
  133. - top: '-1.3em'
  134. name:
  135. - font-size: 20px
  136. - color: grey
  137. color_type: icon
  138. color: grey
  139. tap_action:
  140. action: navigate
  141. navigation_path: /google-nest/temperatur
  142. post:
  143. card:
  144. type: custom:button-card
  145. entity: sensor.post_levering
  146. show_state: true
  147. icon: mdi:mail
  148. name: Post
  149. show_units: true
  150. show_icon: false
  151. styles:
  152. card:
  153. - height: 70px
  154. - font-size: 25px
  155. - top: '-1.3em'
  156. name:
  157. - font-size: 20px
  158. - color: grey
  159. color_type: icon
  160. color: grey
  161. eco:
  162. card:
  163. type: custom:button-card
  164. entity: input_select.house_mode
  165. icon: hass:weather-night
  166. name: Øko
  167. tap_action:
  168. action: call-service
  169. service: input_select.select_option
  170. service_data:
  171. option: Eco
  172. entity_id: input_select.house_mode
  173. state:
  174. - value: Eco
  175. color: yellow
  176. color_type: card
  177. color: '#1C1C1C'
  178. styles:
  179. card:
  180. - font-size: 90%
  181. - top: '-1.9em'
  182. av:
  183. card:
  184. type: custom:button-card
  185. entity: input_select.house_mode
  186. icon: mdi:radiator-off
  187. name: Av
  188. tap_action:
  189. action: call-service
  190. service: input_select.select_option
  191. service_data:
  192. option: Av
  193. entity_id: input_select.house_mode
  194. state:
  195. - value: Av
  196. color: grey
  197. color_type: card
  198. color: '#1C1C1C'
  199. styles:
  200. card:
  201. - font-size: 90%
  202. - top: '-1.9em'
  203. comfy:
  204. card:
  205. type: custom:button-card
  206. entity: input_select.house_mode
  207. icon: hass:white-balance-sunny
  208. name: Komfort
  209. tap_action:
  210. action: call-service
  211. service: input_select.select_option
  212. service_data:
  213. option: Comfy
  214. entity_id: input_select.house_mode
  215. state:
  216. - value: Comfy
  217. color: green
  218. color_type: card
  219. color: '#1C1C1C'
  220. styles:
  221. card:
  222. - font-size: 90%
  223. - top: '-1.9em'
  224. vvb:
  225. card:
  226. type: custom:button-card
  227. size: 40%
  228. styles:
  229. card:
  230. - font-size: 90%
  231. - top: '-1.9em'
  232. icon: hass:water-boiler
  233. entity: switch.varmtvannsbereder
  234. name: VVB
  235. show_name: true
  236. color_type: card
  237. color: green
  238. kaffe:
  239. card:
  240. type: custom:button-card
  241. size: 40%
  242. styles:
  243. card:
  244. - font-size: 90%
  245. - top: '-1.9em'
  246. icon: hass:coffee
  247. entity: switch.kaffemaskin
  248. name: Kaffe
  249. show_name: true
  250. color_type: card
  251. color: green
  252. - type: custom:button-card
  253. styles:
  254. grid:
  255. - grid-template-areas: '"calendar info"'
  256. - grid-template-columns: 400px 1fr
  257. card:
  258. - padding: 0px
  259. - background-color: black
  260. - width: 1025px
  261. - height: 450px
  262. custom_fields:
  263. info:
  264. card:
  265. type: vertical-stack
  266. cards:
  267. - type: custom:button-card
  268. styles:
  269. card:
  270. - font-size: 180px
  271. - padding: 0px
  272. - height: 160px
  273. entity: sensor.time
  274. show_icon: false
  275. show_state: true
  276. show_name: false
  277. - type: grid
  278. cards:
  279. - type: gauge
  280. entity: sensor.inverter_total_ac_output_washed
  281. max: 5000
  282. name: Lages
  283. min: 0
  284. severity:
  285. green: 1
  286. yellow: 0
  287. red: 0
  288. style: |
  289. div.name {
  290. font-size: 20px;
  291. }
  292. ha-card.type-gauge {
  293. padding: 1x;
  294. }
  295. - type: gauge
  296. entity: sensor.power_ovre_masan_26
  297. min: 0
  298. max: 20000
  299. name: Kjøpes
  300. severity:
  301. green: 1
  302. yellow: 10000
  303. red: 12500
  304. style: |
  305. div.name {
  306. font-size: 20px;
  307. }
  308. ha-card.type-gauge {
  309. padding: 1px;
  310. }
  311. - type: gauge
  312. entity: sensor.watt_total_oppvarming
  313. min: 0
  314. max: 8410
  315. name: Oppvarming
  316. severity:
  317. green: 1
  318. yellow: 0
  319. red: 0
  320. style: |
  321. div.name {
  322. font-size: 20px;
  323. }
  324. ha-card.type-gauge {
  325. padding: 1px;
  326. }
  327. - type: gauge
  328. entity: sensor.power_production_ovre_masan_26
  329. min: 0
  330. max: 5000
  331. name: Selges
  332. style: |
  333. div.name {
  334. font-size: 20px;
  335. }
  336. ha-card.type-gauge {
  337. padding: 1px;
  338. }
  339. columns: 4
  340. square: false
  341. - type: grid
  342. cards:
  343. - type: custom:button-card
  344. color_type: icon
  345. styles:
  346. card:
  347. - height: 130px
  348. - box-shadow: 0px 0px 20px -1px
  349. - border-radius: 40px
  350. - width: 140px
  351. - padding: 15px 15px
  352. - background-color: '#3D3D3D'
  353. name:
  354. - font-size: 25px
  355. tap_action:
  356. action: navigate
  357. navigation_path: /google-nest/forbruk
  358. icon: mdi:information-outline
  359. show_icon: true
  360. name: Info
  361. - type: custom:button-card
  362. color_type: icon
  363. styles:
  364. card:
  365. - height: 130px
  366. - box-shadow: 0px 0px 20px -1px
  367. - border-radius: 40px
  368. - width: 140px
  369. - padding: 15px 15px
  370. - background-color: '#3D3D3D'
  371. name:
  372. - font-size: 25px
  373. tap_action:
  374. action: navigate
  375. navigation_path: /google-nest/sonos
  376. name: Sonos
  377. icon: mdi:music
  378. show_icon: true
  379. show_name: true
  380. - type: custom:button-card
  381. color_type: icon
  382. styles:
  383. card:
  384. - height: 130px
  385. - box-shadow: 0px 0px 20px -1px
  386. - border-radius: 40px
  387. - width: 140px
  388. - padding: 15px 15px
  389. - background-color: '#3D3D3D'
  390. name:
  391. - font-size: 25px
  392. tap_action:
  393. action: call-service
  394. service: nodered.trigger
  395. service_data:
  396. entity_id: switch.nyheter_kjokken
  397. name: Nyheter
  398. icon: mdi:music
  399. show_icon: true
  400. label: Kjøkken
  401. show_label: true
  402. - type: custom:button-card
  403. color_type: icon
  404. styles:
  405. card:
  406. - height: 130px
  407. - box-shadow: 0px 0px 20px -1px
  408. - border-radius: 40px
  409. - width: 140px
  410. - padding: 15px 15px
  411. - background-color: '#3D3D3D'
  412. name:
  413. - font-size: 25px
  414. tap_action:
  415. action: call-service
  416. service: button.press
  417. service_data:
  418. entity_id: button.stop_alle_sonos
  419. name: Stopp
  420. label: All Musikk
  421. icon: mdi:stop
  422. show_icon: true
  423. show_label: true
  424. columns: 4
  425. square: false
  426. calendar:
  427. card:
  428. type: custom:atomic-calendar-revive
  429. name: Kalender
  430. enableModeChange: true
  431. entities:
  432. - calendar.suneworld_gmail_com
  433. - calendar.natalie_narud_gmail_com
  434. firstDayOfWeek: 1
  435. refreshInterval: 60
  436. maxDaysToShow: 10
  437. sortByStartTime: true
  438. hideDuplicates: true
  439. hideFinishedEvents: false
  440. showWeekDay: true
  441. disableEventLink: true
  442. showNoEventsForToday: true
  443. showFullDayProgress: false
  444. showEventIcon: false
  445. showHiddenText: false
  446. showLastCalendarWeek: true
  447. disableCalEventLink: true
  448. disableCalLocationLink: true
  449. disableCalLink: true
  450. calShowDescription: false
  451. dimFinishedEvents: false
  452. showLocation: false
  453. showDate: true
  454. cardHeight: 410px
  455. style: |
  456. .event-title {
  457. text-align: left;
  458. font-size: 23px
  459. }
  460. .event-titleRunning {
  461. text-align: left;
  462. font-size: 23px
  463. }
  464. div.hoursHTML, div.relativeTime {
  465. color: grey;
  466. font-size: 30px
  467. }
  468. div.calDate {
  469. font-size: 27px
  470. }
  471. - type: custom:button-card
  472. styles:
  473. grid:
  474. - grid-template-areas: >-
  475. "brukt_i_dag brukt_i_gar produsert_i_dag produsert_i_gar solgt_i_dag
  476. solgt_i_gar alarm"
  477. - grid-template-columns: 150px 150px 150px 150px 150px 150px 140px
  478. card:
  479. - padding: 10px
  480. - height: 70px
  481. - background-color: '#262626'
  482. - width: 1025px
  483. custom_fields:
  484. brukt_i_dag:
  485. card:
  486. type: custom:button-card
  487. show_state: true
  488. icon: mdi:flash
  489. name: Brukt idag
  490. state_display: >
  491. [[[ return
  492. Math.round(Number(states['sensor.energy'].attributes.daily)) + '
  493. kWt' ]]]
  494. size: 35px
  495. styles:
  496. card:
  497. - height: 70px
  498. - font-size: 30px
  499. - top: '-0.5em'
  500. name:
  501. - font-size: 20px
  502. - color: grey
  503. color_type: icon
  504. color: grey
  505. brukt_i_gar:
  506. card:
  507. type: custom:button-card
  508. show_state: true
  509. icon: mdi:flash
  510. name: Brukt igår
  511. state_display: >
  512. [[[ return
  513. Math.round(Number(states['sensor.energy'].attributes.daily_last_period))
  514. + ' kWt' ]]]
  515. size: 35px
  516. styles:
  517. card:
  518. - height: 70px
  519. - font-size: 30px
  520. - top: '-0.5em'
  521. name:
  522. - font-size: 20px
  523. - color: grey
  524. color_type: icon
  525. color: grey
  526. produsert_i_dag:
  527. card:
  528. type: custom:button-card
  529. show_state: true
  530. icon: mdi:flash
  531. name: Prod i dag
  532. state_display: >
  533. [[[ return
  534. Math.round(Number(states['sensor.power_produced'].attributes.this_day))
  535. + ' kWt' ]]]
  536. size: 35px
  537. styles:
  538. card:
  539. - height: 70px
  540. - font-size: 30px
  541. - top: '-0.5em'
  542. name:
  543. - font-size: 20px
  544. - color: grey
  545. color_type: icon
  546. color: grey
  547. produsert_i_gar:
  548. card:
  549. type: custom:button-card
  550. show_state: true
  551. icon: mdi:flash
  552. name: Prod i går
  553. state_display: >
  554. [[[ return
  555. Math.round(Number(states['sensor.power_produced'].attributes.daily_last_period))
  556. + ' kWt' ]]]
  557. size: 35px
  558. styles:
  559. card:
  560. - height: 70px
  561. - font-size: 30px
  562. - top: '-0.5em'
  563. name:
  564. - font-size: 20px
  565. - color: grey
  566. color_type: icon
  567. color: grey
  568. solgt_i_dag:
  569. card:
  570. type: custom:button-card
  571. show_state: true
  572. icon: mdi:flash
  573. name: Solgt i dag
  574. state_display: >
  575. [[[ return
  576. Math.round(Number(states['sensor.power_sold'].attributes.this_day))
  577. + ' kWt' ]]]
  578. size: 35px
  579. styles:
  580. card:
  581. - height: 70px
  582. - font-size: 30px
  583. - top: '-0.5em'
  584. name:
  585. - font-size: 20px
  586. - color: grey
  587. color_type: icon
  588. color: grey
  589. solgt_i_gar:
  590. card:
  591. type: custom:button-card
  592. show_state: true
  593. icon: mdi:flash
  594. name: Solgt i går
  595. state_display: >
  596. [[[ return
  597. Math.round(Number(states['sensor.power_sold'].attributes.daily_last_period))
  598. + ' kWt' ]]]
  599. size: 35px
  600. styles:
  601. card:
  602. - height: 70px
  603. - font-size: 30px
  604. - top: '-0.5em'
  605. name:
  606. - font-size: 20px
  607. - color: grey
  608. color_type: icon
  609. color: grey
  610. alarm:
  611. card:
  612. type: custom:button-card
  613. entity: alarm_control_panel.verisure_alarm
  614. show_name: false
  615. show_icon: true
  616. show_state: true
  617. color_type: icon
  618. state:
  619. - value: disarmed
  620. operator: '=='
  621. color: '#43A047'
  622. icon: mdi:shield
  623. size: 40px
  624. styles:
  625. card:
  626. - color: white
  627. - padding: 0%
  628. - background-color: '#262626'
  629. - top: '-1.1em'
  630. - operator: default
  631. color: red
  632. icon: mdi:shield-off
  633. styles:
  634. card:
  635. - color: red
  636. - height: 70px
  637. - padding: 0%
  638. - background-color: '#262626'
  639. - top: '-1.1em'
  640. vvb:
  641. card:
  642. type: custom:button-card
  643. size: 40%
  644. styles:
  645. card:
  646. - font-size: 90%
  647. - top: '-1.1em'
  648. icon: hass:water-boiler
  649. entity: switch.varmtvannsbereder
  650. name: VVB
  651. show_name: true
  652. color_type: card
  653. color: green
  654.  
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!