API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 28th, 2023
623
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JSON 21.53 KB | None | 0 0
raw download clone embed print report
  1.   - theme: Graphite
  2.     title: Tablet
  3.     path: tablet
  4.     icon: mdi:tablet
  5.     type: custom:horizontal-layout
  6.     background: center / cover no-repeat fixed url('/local/bg.jpg')
  7.     layout:
  8.       max_cols: 3
  9.     badges: []
  10.     cards:
  11.       - type: horizontal-stack
  12.         cards:
  13.           - type: custom:button-card
  14.             entity: switch.sonoff_1000c8ee58
  15.             name: Kert Világítás
  16.             icon: mdi:lightbulb
  17.             color: rgb(253, 236, 168)
  18.             entity_picture: /local/icons/gardenlight_on.png
  19.             state:
  20.               - value: 'off'
  21.                 entity_picture: /local/icons/gardenlight_off.png
  22.             aspect_ratio: 1/0.56
  23.             show_entity_picture: true
  24.             card_mod:
  25.               style: |
  26.                 ha-card {
  27.                   --ha-card-background: rgba(15,15,18,0.4);
  28.                 }
  29.                 img {
  30.                   width: 48% !important;
  31.                   }
  32.           - type: custom:button-card
  33.             entity: binary_sensor.garazs_kapu_sensor_garazs_kapu
  34.             show_icon: true
  35.             show_name: true
  36.             tap_action:
  37.               action: call-service
  38.               service: switch.turn_on
  39.               service_data:
  40.                 entity_id: switch.garazskapunyito
  41.             icon: hass:garage
  42.             entity_picture: /local/icons/garage_closed.png
  43.             state:
  44.               - value: 'on'
  45.                 icon: hass:garage-open
  46.                 entity_picture: /local/icons/garage_open.png
  47.                 color: rgb(255,0,0)
  48.               - value: 'off'
  49.                 color: rgb(68,115,159)
  50.             aspect_ratio: 1/0.56
  51.             show_entity_picture: true
  52.             card_mod:
  53.               style: |
  54.                 ha-card {
  55.                   --ha-card-background: rgba(15,15,18,0.4);
  56.                 }
  57.         view_layout:
  58.           column: 2
  59.       - type: horizontal-stack
  60.         cards:
  61.           - type: custom:button-card
  62.             entity: cover.chicken_coop_door_chicken_coop_door
  63.             show_icon: true
  64.             show_name: true
  65.             name: Csikin-Lak Ajtó
  66.             tap_action:
  67.               action: call-service
  68.               service: cover.toggle
  69.               service_data:
  70.                 entity_id: cover.chicken_coop_door_chicken_coop_door
  71.             entity_picture: /local/icons/chicken_running.png
  72.             state:
  73.               - value: open
  74.                 color: rgb(255,0,0)
  75.               - value: closed
  76.                 color: rgb(68,115,159)
  77.                 entity_picture: /local/icons/chicken_sleeping.png
  78.             show_state: false
  79.             show_entity_picture: true
  80.             aspect_ratio: 1/0.64
  81.             card_mod:
  82.               style: |
  83.                 ha-card {
  84.                   --ha-card-background: rgba(15,15,18,0.4);
  85.                 }
  86.           - show_name: true
  87.             show_icon: true
  88.             type: custom:button-card
  89.             tap_action:
  90.               action: toggle
  91.             entity: switch.sonoff_1000c894a1
  92.             show_entity_picture: true
  93.             entity_picture: /local/icons/borhuto_off.png
  94.             show_state: false
  95.             icon: mdi:fridge-outline
  96.             aspect_ratio: 1/0.64
  97.             state:
  98.               - value: 'on'
  99.                 color: rgb(68,115,159)
  100.                 entity_picture: /local/icons/borhuto_on.png
  101.             card_mod:
  102.               style: |
  103.                 ha-card {
  104.                   --ha-card-background: rgba(15,15,18,0.4);
  105.                 }
  106.           - show_name: true
  107.             show_icon: true
  108.             type: custom:button-card
  109.             tap_action:
  110.               action: toggle
  111.             entity: switch.sonoff_1000c998c8
  112.             aspect_ratio: 1/0.64
  113.             icon: mdi:heating-coil
  114.             show_entity_picture: true
  115.             entity_picture: /local/icons/heater_off.png
  116.             state:
  117.               - value: 'on'
  118.                 color: rgb(68,115,159)
  119.                 entity_picture: /local/icons/heater_on.png
  120.             card_mod:
  121.               style: |
  122.                 ha-card {
  123.                   --ha-card-background: rgba(15,15,18,0.4);
  124.                 }
  125.         view_layout:
  126.           column: 2
  127.       - type: horizontal-stack
  128.         cards:
  129.           - type: entity
  130.             entity: sensor.havi_aramfogyasztas
  131.             icon: mdi:home-lightning-bolt
  132.             name: Havi fogyasztás
  133.             card_mod: null
  134.             style: |
  135.               ha-card {
  136.               --ha-card-background: rgba(15,15,18,0.4);
  137.               }
  138.           - type: entity
  139.             entity: sensor.havi_energia_koltseg
  140.             state_color: false
  141.             card_mod:
  142.               style: |
  143.                 ha-card {
  144.                 --ha-card-background: rgba(15,15,18,0.4);
  145.                 }
  146.         view_layout:
  147.           column: 3
  148.       - type: horizontal-stack
  149.         cards:
  150.           - type: custom:button-card
  151.             entity: person.daniel
  152.             aspect_ratio: 1/1.02
  153.             name: Person
  154.             show_entity_picture: true
  155.             show_name: false
  156.             hold_action:
  157.               action: none
  158.             styles:
  159.               card:
  160.                 - background-color: rgba(15,15,18,0.4)
  161.                 - border-radius: 5%
  162.                 - padding: 5%
  163.                 - font-size: 10px
  164.                 - text-shadow: 0px 0px 0px black
  165.                 - text-transform: capitalize
  166.                 - justify-self: end
  167.                 - align-self: middle
  168.               grid:
  169.                 - grid-template-areas: '"icon icon" "n n" "battery status"'
  170.                 - grid-template-columns: 1fr
  171.                 - grid-template-rows: 1fr min-content min-content min-content min-content
  172.               name:
  173.                 - font-size: 15px
  174.                 - align-self: middle
  175.                 - justify-self: start
  176.                 - padding-bottom: 10px
  177.               custom_fields:
  178.                 icon:
  179.                   - clip-path: circle()
  180.                   - width: 80%
  181.                   - pointer-events: none
  182.                   - display: grid
  183.                   - border: 5px solid
  184.                   - border-color: |-
  185.                       [[[
  186.                         if (states['binary_sensor.uptimekuma_dani_telefon'].state =='off') {
  187.                         return "#888888";
  188.                         } else {
  189.                         return "#00CC66";}
  190.                       ]]]
  191.                   - border-radius: 500px
  192.                   - margin: 0 +7% 0 0
  193.                   - justify-self: end
  194.                   - opacity: |-
  195.                       [[[
  196.                         if (states['binary_sensor.uptimekuma_dani_telefon'].state =='off') {
  197.                         return 0.5;
  198.                         } else {
  199.                         return 1;}
  200.                       ]]]
  201.                 status:
  202.                   - justify-self: end
  203.                   - color: white
  204.                   - margin-bottom: '-5px'
  205.                   - font-size: 15px
  206.                 battery:
  207.                   - margin-bottom: '-5px'
  208.                   - align-self: middle
  209.                   - justify-self: start
  210.                   - font-size: 15px
  211.                   - color: white
  212.                   - '--text-color-sensor': >-
  213.                       [[[ if (states["sensor.redmi_k20_pro_battery_level"].state
  214.                       < 20) return "#EF4F1A"; ]]]
  215.             custom_fields:
  216.               icon: >
  217.                 [[[ return entity === undefined ? null : `<img
  218.                 src="${states[entity.entity_id].attributes.entity_picture}"
  219.                 width="100%">`; ]]]
  220.               status: |
  221.                 [[[
  222.                   if (states['binary_sensor.uptimekuma_dani_telefon'].state =='off') {
  223.                   return `<ha-icon icon="mdi:home-export-outline"
  224.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: '#888888';">
  225.                     </ha-icon><span>Távol</span>`;
  226.                   }
  227.                   if (states['binary_sensor.uptimekuma_dani_telefon'].state =='on') {
  228.                   return `<ha-icon
  229.                     icon="mdi:home"
  230.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: 888888;">
  231.                     </ha-icon><span>Itthon</span>`;
  232.                   } else {
  233.                   return `<ha-icon
  234.                     icon="mdi:map-marker-radius"
  235.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: 888888;">
  236.                     </ha-icon><span>Ismeretlen</span>`;
  237.                   }
  238.                 ]]]
  239.               battery: |
  240.                 [[[
  241.                   if (states['sensor.redmi_k20_pro_battery_state'].state =='charging') {
  242.                     return `<ha-icon
  243.                     icon="mdi:battery-charging"
  244.                     style="width: 24px; height: 24px; color: #fff;">
  245.                     </ha-icon> <span><span style="color: var(--text-color-sensor);">${states['sensor.redmi_k20_pro_battery_level'].state}%</span></span>`;
  246.                   } else {
  247.                     return `<ha-icon
  248.                     icon="mdi:battery"
  249.                     style="width: 24px; height: 24px; color: #fff;">
  250.                     </ha-icon> <span><span style="color: var(--text-color-sensor);">${states['sensor.redmi_k20_pro_battery_level'].state}%</span></span>`;
  251.                   }
  252.                 ]]]
  253.           - type: custom:button-card
  254.             entity: person.judit
  255.             aspect_ratio: 1/1.02
  256.             name: Person
  257.             show_entity_picture: true
  258.             show_name: false
  259.             hold_action:
  260.               action: none
  261.             styles:
  262.               card:
  263.                 - background-color: rgba(15,15,18,0.4)
  264.                 - border-radius: 5%
  265.                 - padding: 5%
  266.                 - color: gray
  267.                 - font-size: 10px
  268.                 - text-shadow: 0px 0px 0px black
  269.                 - text-transform: capitalize
  270.                 - justify-self: end
  271.                 - align-self: middle
  272.               grid:
  273.                 - grid-template-areas: '"icon icon" "n n" "battery status"'
  274.                 - grid-template-columns: 1fr
  275.                 - grid-template-rows: 1fr min-content min-content min-content min-content
  276.               name:
  277.                 - font-size: 15px
  278.                 - align-self: middle
  279.                 - justify-self: start
  280.                 - padding-bottom: 10px
  281.               custom_fields:
  282.                 icon:
  283.                   - clip-path: circle()
  284.                   - width: 80%
  285.                   - pointer-events: none
  286.                   - display: grid
  287.                   - border: 5px solid
  288.                   - border-color: |-
  289.                       [[[
  290.                         if (states['binary_sensor.uptimekuma_judit_telefon'].state =='off') {
  291.                         return "#888888";
  292.                         } else {
  293.                         return "#00CC66";}
  294.                       ]]]
  295.                   - border-radius: 500px
  296.                   - margin: 0 +7% 0 0
  297.                   - justify-self: end
  298.                   - opacity: |-
  299.                       [[[
  300.                         if (states['binary_sensor.uptimekuma_judit_telefon'].state =='off') {
  301.                         return 0.5;
  302.                         } else {
  303.                         return 1;}
  304.                       ]]]
  305.                 status:
  306.                   - justify-self: end
  307.                   - color: white
  308.                   - margin-bottom: '-5px'
  309.                   - font-size: 15px
  310.                 battery:
  311.                   - margin-bottom: '-5px'
  312.                   - align-self: middle
  313.                   - justify-self: start
  314.                   - font-size: 15px
  315.                   - color: white
  316.                   - '--text-color-sensor': >-
  317.                       [[[ if (states["sensor.sm_g970f_battery_level"].state <
  318.                       20) return "#EF4F1A"; ]]]
  319.             custom_fields:
  320.               icon: >
  321.                 [[[ return entity === undefined ? null : `<img
  322.                 src="${states[entity.entity_id].attributes.entity_picture}"
  323.                 width="100%">`; ]]]
  324.               status: |
  325.                 [[[
  326.                   if (states['binary_sensor.uptimekuma_judit_telefon'].state =='off') {
  327.                   return `<ha-icon icon="mdi:home-export-outline"
  328.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: '#fff';">
  329.                     </ha-icon><span>Távol</span>`;
  330.                   }
  331.                   if (states['binary_sensor.uptimekuma_judit_telefon'].state =='on') {
  332.                   return `<ha-icon
  333.                     icon="mdi:home"
  334.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: '#fff';">
  335.                     </ha-icon><span>Itthon</span>`;
  336.                   } else {
  337.                   return `<ha-icon
  338.                     icon="mdi:map-marker-radius"
  339.                     style="width: 26px; height: 26px; margin: 0 5px 0 0; color: '#fff';">
  340.                     </ha-icon><span>Ismeretlen</span>`;
  341.                   }
  342.                 ]]]
  343.               battery: |
  344.                 [[[
  345.                   if (states['sensor.sm_g970f_battery_state'].state =='charging') {
  346.                     return `<ha-icon
  347.                     icon="mdi:battery-charging"
  348.                     style="width: 24px; height: 24px; color: #fff;">
  349.                     </ha-icon> <span><span style="color: var(--text-color-sensor);">${states['sensor.sm_g970f_battery_level'].state}%</span></span>`;
  350.                   } else {
  351.                     return `<ha-icon
  352.                     icon="mdi:battery"
  353.                     style="width: 24px; height: 24px; color: #fff;">
  354.                     </ha-icon> <span><span style="color: var(--text-color-sensor);">${states['sensor.sm_g970f_battery_level'].state}%</span></span>`;
  355.                   }
  356.                 ]]]
  357.         view_layout:
  358.           column: 1
  359.       - type: vertical-stack
  360.         cards:
  361.           - type: custom:clock-weather-card
  362.             entity: weather.tanya
  363.             temperature_sensor: sensor.weatherstation_ws_homerseklet
  364.             weather_icon_type: fill
  365.             animated_icon: true
  366.             forecast_days: 5
  367.             locale: hu-HU
  368.             time_format: 24
  369.             date_pattern: P
  370.             hide_today_section: false
  371.             hide_forecast_section: false
  372.             hide_clock: false
  373.             hide_date: false
  374.             card_mod:
  375.               style: |
  376.                 clock-weather-card-today {
  377.                 margin-top: -23px;
  378.                 }
  379.                 ha-card {
  380.                   --ha-card-background: rgba(15,15,18,0.4);
  381.                 }
  382.           - type: iframe
  383.             url: http://192.168.1.10/idokep/idokep.html
  384.             aspect_ratio: 68%
  385.         view_layout:
  386.           column: 1
  387.       - type: custom:atomic-calendar-revive
  388.         entities:
  389.           - calendar.csaladi
  390.           - calendar.beko_judit_nora_gmail_com
  391.           - calendar.holidays_in_united_arab_emirates
  392.           - calendar.holidays_in_hungary
  393.         enableModeChange: true
  394.         firstDayOfWeek: 1
  395.         maxDaysToShow: 8
  396.         refreshInterval: 60
  397.         name: Események
  398.         hoursFormat: HH:mm
  399.         showDate: true
  400.         calShowDescription: false
  401.         dateFormat: MM/DD dddd
  402.         showRelativeTime: false
  403.         showMultiDayEventParts: true
  404.         showMultiDay: true
  405.         showDatePerEvent: false
  406.         showMonth: false
  407.         showCurrentEventLine: false
  408.         showWeekDay: true
  409.         disableEventLink: false
  410.         view_layout:
  411.           column: 3
  412.         card_mod:
  413.           style: |
  414.             .event-right {
  415.               font-size: 1.2em;
  416.               padding-left: 25px !important;
  417.             }
  418.             .event-left {
  419.               font-size: 1.3em !important;
  420.             }
  421.             ha-card {
  422.               --ha-card-background: rgba(15,15,18,0.4);
  423.             }
  424.       - type: vertical-stack
  425.         cards:
  426.           - type: horizontal-stack
  427.             cards:
  428.               - show_name: false
  429.                 show_icon: true
  430.                 type: custom:button-card
  431.                 tap_action:
  432.                   action: toggle
  433.                 entity: vacuum.valetudo_oilymealymandrill
  434.                 icon_height: 80px
  435.                 entity_picture: /local/vacuum2.png
  436.                 show_entity_picture: true
  437.                 size: 200px
  438.                 styles:
  439.                   card:
  440.                     - background-color: rgba(15,15,18,0.4)
  441.                     - width: 147px
  442.                     - height: 130px
  443.               - type: entities
  444.                 entities:
  445.                   - entity: sensor.valetudo_oilymealymandrill_error
  446.                     name: Hiba
  447.                   - entity: sensor.valetudo_oilymealymandrill_sensor_cleaning
  448.                     name: Tisztítás
  449.                 card_mod:
  450.                   style: |
  451.                     ha-card {
  452.                     --ha-card-background: rgba(15,15,18,0.4);
  453.                     }
  454.                     #states {
  455.                     margin-top: 0px !important;
  456.                     }
  457.           - type: horizontal-stack
  458.             cards:
  459.               - show_name: false
  460.                 show_icon: true
  461.                 type: custom:button-card
  462.                 tap_action:
  463.                   action: call-service
  464.                   service: vacuum.start
  465.                   service_data:
  466.                     device_id: 0d992d0dbbee57757abd45e79d1f2d04
  467.                   data: {}
  468.                 entity: vacuum.valetudo_oilymealymandrill
  469.                 name: Start
  470.                 icon: mdi:play
  471.                 styles:
  472.                   card:
  473.                     - background-color: rgba(15,15,18,0.4)
  474.               - show_name: false
  475.                 show_icon: true
  476.                 type: custom:button-card
  477.                 tap_action:
  478.                   action: call-service
  479.                   service: vacuum.stop
  480.                   service_data:
  481.                     device_id: 0d992d0dbbee57757abd45e79d1f2d04
  482.                   data: {}
  483.                 entity: vacuum.valetudo_oilymealymandrill
  484.                 icon: mdi:stop
  485.                 name: Stop
  486.                 styles:
  487.                   card:
  488.                     - background-color: rgba(15,15,18,0.4)
  489.               - show_name: false
  490.                 show_icon: true
  491.                 type: custom:button-card
  492.                 tap_action:
  493.                   action: call-service
  494.                   service: vacuum.return_to_base
  495.                   service_data:
  496.                     device_id: 0d992d0dbbee57757abd45e79d1f2d04
  497.                   data: {}
  498.                 entity: vacuum.valetudo_oilymealymandrill
  499.                 icon: mdi:home-export-outline
  500.                 name: Dock
  501.                 styles:
  502.                   card:
  503.                     - background-color: rgba(15,15,18,0.4)
  504.         view_layout:
  505.           column: 3
  506.       - type: custom:mini-graph-card
  507.         entities:
  508.           - entity: sensor.weatherstation_ws_homerseklet
  509.             name: Hőmérséklet
  510.             show_state: true
  511.           - entity: sensor.weatherstation_ws_paratartalom
  512.             name: Páratartalom
  513.             show_state: true
  514.           - entity: sensor.weatherstation_ws_szelsebesseg
  515.             name: Szélsebesség
  516.             show_state: true
  517.             upper_bound: 25
  518.         name: Kinti időjárás
  519.         icon: mdi:temperature-celsius
  520.         hours_to_show: 48
  521.         show:
  522.           labels: false
  523.         view_layout:
  524.           column: 2
  525.         card_mod:
  526.           style: |
  527.             ha-card {
  528.               --ha-card-background: rgba(15,15,18,0.4);
  529.             }
  530.             .states {
  531.             padding: 0px 16px 0px;
  532.             }
  533.             .state__value.ellipsis {
  534.             font-size: 3.3em;
  535.             font-weight: 400;
  536.             }
  537.       - type: horizontal-stack
  538.         cards:
  539.           - type: custom:mini-graph-card
  540.             entities:
  541.               - entity: sensor.chicken_coop_door_csikin_lak_homerseklet
  542.                 name: Hőmérséklet
  543.                 show_state: true
  544.               - entity: sensor.chicken_coop_door_csikin_lak_paratartalom
  545.                 name: Páratartalom
  546.                 show_state: true
  547.                 show_legend: false
  548.             name: Csikin-Lak
  549.             icon: mdi:temperature-celsius
  550.             hours_to_show: 48
  551.             points_per_hour: 1
  552.             decimals: 1
  553.             show:
  554.               labels: false
  555.             view_layout:
  556.               column: 2
  557.             card_mod:
  558.               style: |
  559.                 ha-card {
  560.                   --ha-card-background: rgba(15,15,18,0.4);
  561.                 }
  562.           - type: custom:mini-graph-card
  563.             entities:
  564.               - entity: sensor.garazs_kapu_sensor_garazs_homerseklet
  565.                 name: Hőmérséklet
  566.                 show_state: true
  567.               - entity: sensor.garazs_kapu_sensor_garazs_paratartalom
  568.                 name: Páratartalom
  569.                 show_state: true
  570.                 show_legend: false
  571.             name: Garázs
  572.             icon: mdi:temperature-celsius
  573.             hours_to_show: 48
  574.             points_per_hour: 1
  575.             decimals: 1
  576.             show:
  577.               labels: false
  578.             card_mod:
  579.               style: |
  580.                 ha-card {
  581.                   --ha-card-background: rgba(15,15,18,0.4);
  582.                 }
  583.         view_layout:
  584.           column: 2
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!