API tools faq
paste
PlatoNL

Lovelace: Lots of buttons

PlatoNL
Feb 1st, 2019
4,596
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 21.62 KB | None | 0 0
raw download clone embed print report
  1.  - title: Overview
  2.     id: overview
  3.     icon: mdi:view-dashboard-variant
  4.     cards:
  5.     - type: custom:vertical-style-card
  6.       title: Occupancy
  7.       style:
  8.         font_size: 24px
  9.         border: false
  10.       cards:
  11.       - type: vertical-stack
  12.         cards:
  13.         - type: horizontal-stack
  14.           cards:
  15.            - type: picture
  16.              image: /local/divider.png
  17.         - type: horizontal-stack
  18.           cards:
  19.            - type: "custom:button-card"
  20.              icon: mdi:alarm-light
  21.              color_type: card
  22.              color: rgb(213, 41, 62)
  23.              color_off: rgb(117, 189, 111)
  24.              entity: input_boolean.alarm_state
  25.            - type: "custom:button-card"
  26.              icon: mdi:home-account
  27.              color_type: card
  28.              color: rgb(117, 189, 111)
  29.              color_off: rgb(245, 245, 245)
  30.              entity: input_boolean.home_occupied
  31.         - type: horizontal-stack
  32.           cards:
  33.            - type: picture
  34.              image: /local/divider.png
  35.         - type: horizontal-stack
  36.           cards:
  37.            - type: "custom:button-card"
  38.              icon: mdi:cellphone-android
  39.              name: Laurens
  40.              action: more_info
  41.              color_type: card
  42.              color: rgb(117, 189, 111)
  43.              color_off: rgb(245, 245, 245)
  44.              entity: device_tracker.s8zanzito
  45.              state:
  46.                - value: 'home'
  47.                  color: rgb(117, 189, 111)
  48.                - value: 'not_home'
  49.                  color: rgb(245, 245, 245)
  50.              style:
  51.                - font-size: 12px
  52.                - text-transform: capitalize
  53.            - type: "custom:button-card"
  54.              icon: mdi:cellphone-android
  55.              name: Katrin
  56.              action: more_info
  57.              color_type: card
  58.              color: rgb(117, 189, 111)
  59.              color_off: rgb(245, 245, 245)
  60.              entity: device_tracker.galaxya32016
  61.              state:
  62.                - value: 'home'
  63.                  color: rgb(117, 189, 111)
  64.                - value: 'not_home'
  65.                  color: rgb(245, 245, 245)
  66.              style:
  67.                - font-size: 12px
  68.                - text-transform: capitalize
  69.         - type: horizontal-stack
  70.           cards:
  71.            - type: picture
  72.              image: /local/divider.png
  73.         - type: horizontal-stack
  74.           cards:
  75.           - type: "custom:button-card"
  76.             icon: mdi:account-group-outline
  77.             color_type: card
  78.             color: rgb(117, 189, 111)
  79.             color_off: rgb(245, 245, 245)
  80.             entity: input_boolean.house_guests
  81.           - type: "custom:button-card"
  82.             icon: mdi:calendar-clock
  83.             color_type: card
  84.             color: rgb(117, 189, 111)
  85.             color_off: rgb(245, 245, 245)
  86.             entity: input_boolean.light_schedule
  87.         - type: horizontal-stack
  88.           cards:
  89.            - type: picture
  90.              image: /local/divider.png
  91.     - type: thermostat
  92.       entity: climate.family_room
  93.     - type: custom:vertical-style-card
  94.       title: Machine Control
  95.       style:
  96.         font_size: 24px
  97.         border: true
  98.       cards:
  99.       - type: vertical-stack
  100.         cards:
  101.         - type: horizontal-stack
  102.           cards:
  103.            - type: picture
  104.              image: /local/divider.png
  105.         - type: horizontal-stack
  106.           cards:
  107.            - type: "custom:button-card"
  108.              icon: mdi:alpha-b-box
  109.              color_type: card
  110.              color: rgb(117, 189, 111)
  111.              color_off: rgb(245, 245, 245)
  112.              entity: switch.brontosaurus
  113.            - type: "custom:button-card"
  114.              icon: attribute
  115.              color_type: card
  116.              color: rgb(117, 189, 111)
  117.              color_off: rgb(245, 245, 245)
  118.              entity: switch.velociraptor
  119.            - type: "custom:button-card"
  120.              icon: mdi:alpha-t-box
  121.              color_type: card
  122.              color: rgb(117, 189, 111)
  123.              color_off: rgb(245, 245, 245)
  124.              entity: switch.triceratops
  125.         - type: horizontal-stack
  126.           cards:
  127.            - type: "custom:button-card"
  128.              icon: mdi:arrow-decision-auto-outline
  129.              color_type: card
  130.              color: rgb(117, 189, 111)
  131.              color_off: rgb(245, 245, 245)
  132.              size: 40%
  133.              entity: input_boolean.bronto_autopower
  134.            - type: "custom:button-card"
  135.              icon: mdi:arrow-decision-auto-outline
  136.              color_type: card
  137.              color: rgb(117, 189, 111)
  138.              color_off: rgb(245, 245, 245)
  139.              size: 40%
  140.              entity: input_boolean.velo_autopower
  141.            - type: "custom:button-card"
  142.              entity: sensor.node_red
  143.              icon: mdi:home-assistant
  144.              color_type: card
  145.              size: 40%
  146.              state:
  147.                - value: 'OK'
  148.                  color: rgb(117, 189, 111)
  149.                - value: 'unavailable'
  150.                  color: rgb(245, 245, 245)
  151.              action: service
  152.              service:
  153.                domain: hassio
  154.                action: addon_restart
  155.                data:
  156.                  addon: a0d7b954_nodered
  157.         - type: horizontal-stack
  158.           cards:
  159.            - type: picture
  160.              image: /local/divider.png
  161.         - type: horizontal-stack
  162.           cards:
  163.            - type: "custom:button-card"
  164.              name: Active stream
  165.              color_type: card
  166.              icon: mdi:eye
  167.              entity: input_boolean.active_stream
  168.              action: more_info
  169.              size: 30%
  170.              tap_action:
  171.                action: call-service
  172.                service: input_boolean.toggle
  173.                service_data:
  174.                  entity_id: input_boolean.active_stream
  175.              state:
  176.                - value: 'on'
  177.                  color: rgb(237, 224, 81)
  178.                - value: 'off'
  179.                  color: rgb(245, 245, 245)
  180.              style:
  181.                - font-size: 10px
  182.                - text-transform: capitalize
  183.            - type: "custom:button-card"
  184.              name: NZBget
  185.              color_type: card
  186.              icon: mdi:download-network
  187.              entity: input_boolean.nzbget_status
  188.              action: more_info
  189.              size: 30%
  190.              tap_action:
  191.                action: call-service
  192.                service: input_boolean.toggle
  193.                service_data:
  194.                  entity_id: input_boolean.nzbget_status
  195.              state:
  196.                - value: 'on'
  197.                  color: rgb(237, 224, 81)
  198.                - value: 'off'
  199.                  color: rgb(245, 245, 245)
  200.              style:
  201.                - font-size: 10px
  202.                - text-transform: capitalize
  203.            - type: "custom:button-card"
  204.              name: Deluge
  205.              color_type: card
  206.              icon: mdi:download-network
  207.              entity: input_boolean.deluge_status
  208.              action: more_info
  209.              size: 30%
  210.              tap_action:
  211.                action: call-service
  212.                service: input_boolean.toggle
  213.                service_data:
  214.                  entity_id: input_boolean.deluge_status
  215.              state:
  216.                - value: 'on'
  217.                  color: rgb(237, 224, 81)
  218.                - value: 'off'
  219.                  color: rgb(245, 245, 245)
  220.              style:
  221.                - font-size: 10px
  222.                - text-transform: capitalize
  223.         - type: horizontal-stack
  224.           cards:
  225.            - type: picture
  226.              image: /local/divider.png
  227.         - type: horizontal-stack
  228.           cards:
  229.           - type: "custom:bignumber-card"
  230.             entity: sensor.free_space
  231.             title: Freespace
  232.             scale: 20px
  233.         - type: horizontal-stack
  234.           cards:
  235.            - type: picture
  236.              image: /local/divider.png
  237.     - type: custom:vertical-style-card
  238.       title: Light control
  239.       style:
  240.         font_size: 24px
  241.         border: true
  242.       cards:
  243.       - type: vertical-stack
  244.         cards:
  245.         - type: horizontal-stack
  246.           cards:
  247.            - type: picture
  248.              image: /local/divider.png
  249.         - type: horizontal-stack
  250.           cards:
  251.            - type: "custom:button-card"
  252.              name: Livingroom
  253.              color: rgb(237, 224, 81)
  254.              color_off: rgb(0, 0, 0)
  255.              color_type: icon
  256.              icon: mdi:lightbulb
  257.              entity: light.living_room
  258.              tap_action:
  259.                action: call-service
  260.                service: light.toggle
  261.                service_data:
  262.                  entity_id: light.living_room
  263.              style:
  264.                - font-size: 12px
  265.                - text-transform: capitalize
  266.                - padding: 5px
  267.                - background-color: rgb(245, 245, 245, 245)
  268.            - type: "custom:button-card"
  269.              name: Bedroom
  270.              color: rgb(237, 224, 81)
  271.              color_off: rgb(0, 0, 0)
  272.              color_type: icon
  273.              icon: mdi:lightbulb
  274.              entity: light.bedroom
  275.              tap_action:
  276.                action: call-service
  277.                service: light.toggle
  278.                service_data:
  279.                  entity_id: light.bedroom
  280.              style:
  281.                - font-size: 12px
  282.                - text-transform: capitalize
  283.                - padding: 5px
  284.                - background-color: rgb(245, 245, 245, 245)
  285.            - type: "custom:button-card"
  286.              name: Attic
  287.              color: rgb(237, 224, 81)
  288.              color_off: rgb(0, 0, 0)
  289.              color_type: icon
  290.              icon: mdi:lightbulb
  291.              entity: light.attic
  292.              tap_action:
  293.                action: call-service
  294.                service: light.toggle
  295.                service_data:
  296.                  entity_id: light.attic
  297.              style:
  298.                - font-size: 12px
  299.                - text-transform: capitalize
  300.                - padding: 5px
  301.                - background-color: rgb(245, 245, 245, 245)
  302.         - type: horizontal-stack
  303.           cards:
  304.           - type: picture
  305.             image: /local/divider.png
  306.     - type: custom:vertical-style-card
  307.       title: Media Center
  308.       style:
  309.         font_size: 24px
  310.         border: false
  311.       cards:
  312.       - type: vertical-stack
  313.         cards:
  314.         - type: horizontal-stack
  315.           cards:
  316.           - type: picture
  317.             image: /local/divider.png
  318.         - type: horizontal-stack
  319.           cards:
  320.             - type: "custom:button-card"
  321.               icon: mdi:monitor
  322.               color_type: card
  323.               color: rgb(117, 189, 111)
  324.               color_off: rgb(245, 245, 245)
  325.               entity: sensor.mc_activity
  326.               action: service
  327.               service:
  328.                 domain: script
  329.                 action: Harmony_Watch_PC
  330.               state:
  331.               - value: 'off'
  332.                 color: rgb(245, 245, 245)
  333.               - value: 'Watch PC'
  334.                 color: rgb(117, 189, 111)
  335.               - value: 'Watch TV'
  336.                 color: rgb(245, 245, 245)
  337.               - value: 'PS4'
  338.                 color: rgb(245, 245, 245)
  339.               - value: 'Muziek Luisteren'
  340.                 color: rgb(245, 245, 245)
  341.               - value: 'Spotify Luisteren'
  342.                 color: rgb(245, 245, 245)
  343.             - type: "custom:button-card"
  344.               icon: mdi:television-classic
  345.               color_type: card
  346.               color: rgb(117, 189, 111)
  347.               color_off: rgb(245, 245, 245)
  348.               entity: sensor.mc_activity
  349.               action: service
  350.               service:
  351.                 domain: script
  352.                 action: Harmony_Watch_TV
  353.               state:
  354.               - value: 'off'
  355.                 color: rgb(245, 245, 245)
  356.               - value: 'Watch PC'
  357.                 color: rgb(245, 245, 245)
  358.               - value: 'Watch TV'
  359.                 color: rgb(117, 189, 111)
  360.               - value: 'PS4'
  361.                 color: rgb(245, 245, 245)
  362.               - value: 'Muziek Luisteren'
  363.                 color: rgb(245, 245, 245)
  364.               - value: 'Spotify Luisteren'
  365.                 color: rgb(245, 245, 245)
  366.             - type: "custom:button-card"
  367.               icon: mdi:playstation
  368.               color_type: card
  369.               color: rgb(117, 189, 111)
  370.               color_off: rgb(245, 245, 245)
  371.               entity: sensor.mc_activity
  372.               action: service
  373.               service:
  374.                 domain: script
  375.                 action: Harmony_PS4
  376.               state:
  377.               - value: 'off'
  378.                 color: rgb(245, 245, 245)
  379.               - value: 'Watch PC'
  380.                 color: rgb(245, 245, 245)
  381.               - value: 'Watch TV'
  382.                 color: rgb(245, 245, 245)
  383.               - value: 'PS4'
  384.                 color: rgb(117, 189, 111)
  385.               - value: 'Muziek Luisteren'
  386.                 color: rgb(245, 245, 245)
  387.               - value: 'Spotify Luisteren'
  388.                 color: rgb(245, 245, 245)
  389.         - type: horizontal-stack
  390.           cards:
  391.             - type: "custom:button-card"
  392.               icon: mdi:music
  393.               color_type: card
  394.               color: rgb(117, 189, 111)
  395.               color_off: rgb(245, 245, 245)
  396.               entity: sensor.mc_activity
  397.               action: service
  398.               service:
  399.                 domain: script
  400.                 action: Harmony_Muziek_Luisteren
  401.               state:
  402.               - value: 'off'
  403.                 color: rgb(245, 245, 245)
  404.               - value: 'Watch PC'
  405.                 color: rgb(245, 245, 245)
  406.               - value: 'Watch TV'
  407.                 color: rgb(245, 245, 245)
  408.               - value: 'PS4'
  409.                 color: rgb(245, 245, 245)
  410.               - value: 'Muziek Luisteren'
  411.                 color: rgb(117, 189, 111)
  412.               - value: 'Spotify Luisteren'
  413.                 color: rgb(245, 245, 245)
  414.             - type: "custom:button-card"
  415.               icon: mdi:spotify
  416.               color_type: card
  417.               color: rgb(117, 189, 111)
  418.               color_off: rgb(245, 245, 245)
  419.               entity: sensor.mc_activity
  420.               action: service
  421.               service:
  422.                 domain: script
  423.                 action: Harmony_Spotify_Luisteren
  424.               state:
  425.               - value: 'off'
  426.                 color: rgb(245, 245, 245)
  427.               - value: 'Watch PC'
  428.                 color: rgb(245, 245, 245)
  429.               - value: 'Watch TV'
  430.                 color: rgb(245, 245, 245)
  431.               - value: 'PS4'
  432.                 color: rgb(245, 245, 245)
  433.               - value: 'Muziek Luisteren'
  434.                 color: rgb(245, 245, 245)
  435.               - value: 'Spotify Luisteren'
  436.                 color: rgb(117, 189, 111)
  437.             - type: "custom:button-card"
  438.               icon: mdi:power
  439.               color_type: card
  440.               color: rgb(117, 189, 111)
  441.               color_off: rgb(245, 245, 245)
  442.               entity: sensor.mc_activity
  443.               action: service
  444.               service:
  445.                 domain: script
  446.                 action: Harmony_Off
  447.               state:
  448.               - value: 'off'
  449.                 color: rgb(117, 189, 111)
  450.               - value: 'Watch PC'
  451.                 color: rgb(213, 41, 62)
  452.               - value: 'Watch TV'
  453.                 color: rgb(213, 41, 62)
  454.               - value: 'PS4'
  455.                 color: rgb(213, 41, 62)
  456.               - value: 'Muziek Luisteren'
  457.                 color: rgb(213, 41, 62)
  458.               - value: 'Spotify Luisteren'
  459.                 color: rgb(213, 41, 62)
  460.         -  type: picture
  461.            image: /local/divider.png
  462.         - type: horizontal-stack
  463.           cards:
  464.             - type: "custom:bignumber-card"
  465.               entity: sensor.mc_volume
  466.               title: Volume
  467.               scale: 15px
  468.             - type: "custom:bignumber-card"
  469.               entity: sensor.mc_source
  470.               title: Source
  471.               scale: 15px
  472.             - type: "custom:bignumber-card"
  473.               entity: sensor.mc_sound_mode_raw
  474.               title: Soundmode
  475.               scale: 15px
  476.         - type: picture
  477.           image: /local/divider.png
  478.     - type: custom:vertical-style-card
  479.       title: Laundry
  480.       style:
  481.         font_size: 24px
  482.         border: true
  483.       cards:
  484.       - type: vertical-stack
  485.         cards:
  486.         - type: horizontal-stack
  487.           cards:
  488.            - type: picture
  489.              image: /local/divider.png
  490.         - type: horizontal-stack
  491.           cards:
  492.            - type: "custom:button-card"
  493.              icon: mdi:washing-machine
  494.              action: more_info
  495.              color: rgb(117, 189, 111)
  496.              color_off: rgb(245, 245, 245)
  497.              color_type: card
  498.              entity: input_boolean.washingmachine
  499.            - type: "custom:button-card"
  500.              icon: mdi:tumble-dryer
  501.              action: more_info
  502.              color: rgb(117, 189, 111)
  503.              color_off: rgb(245, 245, 245)
  504.              color_type: card
  505.              entity: input_boolean.dryer
  506.         - type: horizontal-stack
  507.           cards:
  508.            - type: picture
  509.              image: /local/divider.png
  510.         - type: horizontal-stack
  511.           cards:
  512.            - type: "custom:bignumber-card"
  513.              entity: sensor.washing_ontime
  514.              title: Time elapsed
  515.              scale: 20px
  516.            - type: "custom:bignumber-card"
  517.              entity: sensor.drying_ontime
  518.              title: Time elapsed
  519.              scale: 20px
  520.         - type: horizontal-stack
  521.           cards:
  522.            - type: picture
  523.              image: /local/divider.png
  524.     - type: custom:vertical-style-card
  525.       title: Sensors
  526.       style:
  527.         font_size: 24px
  528.         border: true
  529.       cards:
  530.         - type: vertical-stack
  531.           cards:
  532.           - type: horizontal-stack
  533.             cards:
  534.             - type: picture
  535.               image: /local/divider.png
  536.           - type: horizontal-stack
  537.             cards:
  538.             - type: "custom:button-card"
  539.               icon: mdi:door
  540.               name: Front
  541.               action: more_info
  542.               color: rgb(237, 224, 81)
  543.               color_off: rgb(245, 245, 245)
  544.               color_type: card
  545.               entity: binary_sensor.door_window_sensor_158d00022d18d8
  546.               state:
  547.                - value: 'on'
  548.                  color: rgb(237, 224, 81)
  549.                - value: 'off'
  550.                  color: rgb(245, 245, 245)
  551.               style:
  552.                - font-size: 10px
  553.                - text-transform: capitalize
  554.             - type: "custom:button-card"
  555.               icon: mdi:door
  556.               name: Back
  557.               action: more_info
  558.               color: rgb(237, 224, 81)
  559.               color_off: rgb(245, 245, 245)
  560.               color_type: card
  561.               entity: binary_sensor.door_window_sensor_158d000204674e
  562.               state:
  563.                - value: 'on'
  564.                  color: rgb(237, 224, 81)
  565.                - value: 'off'
  566.                  color: rgb(245, 245, 245)
  567.               style:
  568.                - font-size: 10px
  569.                - text-transform: capitalize
  570.             - type: "custom:button-card"
  571.               icon: mdi:door
  572.               name: Garage
  573.               action: more_info
  574.               color: rgb(237, 224, 81)
  575.               color_off: rgb(245, 245, 245)
  576.               color_type: card
  577.               entity: binary_sensor.door_window_sensor_158d00020468bd
  578.               state:
  579.                - value: 'on'
  580.                  color: rgb(237, 224, 81)
  581.                - value: 'off'
  582.                  color: rgb(245, 245, 245)
  583.               style:
  584.                - font-size: 10px
  585.                - text-transform: capitalize
  586.           - type: horizontal-stack
  587.             cards:
  588.             - type: "custom:button-card"
  589.               icon: mdi:walk
  590.               name: Living
  591.               action: more_info
  592.               color: rgb(237, 224, 81)
  593.               color_off: rgb(245, 245, 245)
  594.               color_type: card
  595.               entity: binary_sensor.0x00158d000232b8ec_occupancy
  596.               state:
  597.                - value: 'on'
  598.                  color: rgb(237, 224, 81)
  599.                - value: 'off'
  600.                  color: rgb(245, 245, 245)
  601.               style:
  602.                - font-size: 10px
  603.                - text-transform: capitalize
  604.             - type: "custom:button-card"
  605.               icon: mdi:walk
  606.               name: Kitchen
  607.               action: more_info
  608.               color: rgb(237, 224, 81)
  609.               color_off: rgb(245, 245, 245)
  610.               color_type: card
  611.               entity: binary_sensor.0x00158d000200de8d_occupancy
  612.               state:
  613.                - value: 'on'
  614.                  color: rgb(237, 224, 81)
  615.                - value: 'off'
  616.                  color: rgb(245, 245, 245)
  617.               style:
  618.                - font-size: 10px
  619.                - text-transform: capitalize
  620.             - type: "custom:button-card"
  621.               icon: mdi:walk
  622.               name: Counter
  623.               action: more_info
  624.               color: rgb(237, 224, 81)
  625.               color_off: rgb(245, 245, 245)
  626.               color_type: card
  627.               entity: binary_sensor.0x00158d000200de54_occupancy
  628.               state:
  629.                - value: 'on'
  630.                  color: rgb(237, 224, 81)
  631.                - value: 'off'
  632.                  color: rgb(245, 245, 245)
  633.               style:
  634.                - font-size: 10px
  635.                - text-transform: capitalize
  636.           - type: horizontal-stack
  637.             cards:
  638.             - type: picture
  639.               image: /local/divider.png
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!