API tools faq
paste
JLindvig

VVM500 Picture Elements

JLindvig
Nov 26th, 2025 (edited)
970
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 9.74 KB | None | 0 0
raw download clone embed print report
  1. type: picture-elements
  2. image:
  3.   media_content_id: media-source://media_source/local/images/1x1.png
  4.   media_content_type: image/png
  5.   metadata:
  6.     title: 1x1.png
  7.     thumbnail: null
  8.     media_class: image
  9.     children_media_class: null
  10.     navigateIds:
  11.      - {}
  12.       - media_content_type: app
  13.         media_content_id: media-source://media_source
  14.       - media_content_type: ""
  15.         media_content_id: media-source://media_source/local/images
  16. elements:
  17.  # =================================================================
  18.   # ZONE 1: UDELUFT & UDE-ENHED (BUNDEN)
  19.   # =================================================================
  20.  
  21.   # Lavtryk (BP8) - Ved fordamperen (nederst)
  22.   # Placeres lige over Fordamper Temp (BT16)
  23.   - type: state-label
  24.     entity: sensor.vvm_500_low_pressure_eb101_bp8_2 # Sensoren med 'bar' enhed
  25.     style:
  26.       top: 81%
  27.       left: 48%
  28.       text-align: center
  29.  
  30.   # Højtryk (BP9) - Ved kondensatoren (øverst, den varme veksler)
  31.   # Placeres lige over Kondensator Temp (BT15)
  32.   - type: state-label
  33.     entity: sensor.vvm_500_high_pressure_eb101_bp9
  34.     style:
  35.       top: 65%
  36.       left: 48%
  37.       text-align: center
  38.  
  39.   # Udetemperatur (BT1) - Ved luftindtag venstre bund
  40.   - type: state-label
  41.     title: Udetemperatur (BT1) - Ved luftindtag venstre bund
  42.     entity: sensor.vvm_500_outdoor_temperature
  43.     style:
  44.       top: 93%
  45.       left: 10%
  46.       text-align: center
  47.       font-weight: bold
  48.  
  49.   # ANIMERET BLÆSER
  50.   - type: state-icon
  51.     title: Blæser
  52.     entity: binary_sensor.vvm_fan
  53.     icon: mdi:fan
  54.     style:
  55.       top: 88%
  56.       left: 28%
  57.       transform: scale(2)
  58.     card_mod:
  59.       style: |
  60.        state-badge {
  61.           {% if is_state(config.entity, 'on') %}
  62.             {% set rpm = states('sensor.vvm_500_fan_speed_eb101') | float(0) %}
  63.             {% set speed = (300 / rpm) if rpm > 100 else 3 %}
  64.             animation: spin {{ speed }}s linear infinite;
  65.           {% endif %}
  66.         }
  67.         @keyframes spin { 100% { transform: rotate(360deg); } }
  68.  
  69.   # RPM på blæser
  70.   - type: conditional
  71.     conditions:
  72.       - entity: binary_sensor.vvm_fan
  73.         state: "on"
  74.     elements:
  75.       - type: state-label
  76.         entity: sensor.vvm_500_fan_speed_eb101
  77.         style:
  78.           top: 87.5%
  79.           left: 22.5%
  80.  
  81.   # Fordamper Temp (BT16) - I den nederste veksler
  82.   - type: state-label
  83.     title: Fordamper Temp (BT16)
  84.     entity: sensor.vvm_500_evaporator_eb101_bt16
  85.     style:
  86.       top: 94%
  87.       left: 43%
  88.  
  89.   # Kondensator Temp / Væskelinje (BT15) - I den øverste veksler (varm side)
  90.   - type: state-label
  91.     title: Kondensator Temp (BT15)
  92.     entity: sensor.vvm_500_liquid_line_eb101_bt15
  93.     style:
  94.       top: 86.5%
  95.       left: 58%
  96.  
  97.   # ANIMERET KOMPRESSOR
  98.   - type: state-icon
  99.     title: Kompressor
  100.     entity: binary_sensor.vvm_compressor
  101.     icon: mdi:turbine
  102.     style:
  103.       top: 69.5%
  104.       left: 71.7%
  105.       transform: scale(3)
  106.     card_mod:
  107.       style: |
  108.        state-badge {
  109.           {% if is_state(config.entity, 'on') %}
  110.             {% set hz = states('sensor.vvm_500_current_compressor_frequency_eb101') | float(0) %}
  111.             {% set speed = (60 / hz) if hz > 15 else 2 %}
  112.             animation: spin {{ speed }}s linear infinite;
  113.           {% endif %}
  114.         }
  115.         @keyframes spin { 100% { transform: rotate(360deg); } }
  116.  
  117.   # Kompressor Frekvens - Lige over kompressoren
  118.   - type: conditional
  119.     conditions:
  120.       - entity: binary_sensor.vvm_compressor
  121.         state: "on"
  122.     elements:
  123.       - type: state-label
  124.         entity: sensor.vvm_500_current_compressor_frequency_eb101
  125.         style:
  126.           top: 74%
  127.           left: 90%
  128.  
  129.   # Ekspansionsventil (EEV) - Ved timeglasset til venstre
  130.   - type: state-label
  131.     entity: sensor.vvm_eev_percentage
  132.     style:
  133.       top: 74%
  134.       left: 15%
  135.  
  136.   # Driftsikoner
  137.   # Varmt Vand
  138.   - type: conditional
  139.     conditions:
  140.       - entity: binary_sensor.vvm_500_hot_water
  141.         state: "on"
  142.     elements:
  143.       - type: state-icon
  144.         entity: binary_sensor.vvm_500_hot_water
  145.         style:
  146.           top: 30%
  147.           left: 25%
  148.           transform: scale(2.3)
  149.   # Varme
  150.   - type: conditional
  151.     conditions:
  152.       - entity: binary_sensor.vvm_500_heating
  153.         state: "on"
  154.     elements:
  155.       - type: state-icon
  156.         entity: binary_sensor.vvm_500_heating
  157.         style:
  158.           top: 30%
  159.           left: 25%
  160.           transform: scale(2.3)
  161.   # Afrimning
  162.   - type: conditional
  163.     conditions:
  164.       - entity: binary_sensor.vvm_500_defrost_mode
  165.         state: "on"
  166.     elements:
  167.       - type: state-icon
  168.         entity: binary_sensor.vvm_500_defrost_mode
  169.         style:
  170.           top: 30%
  171.           left: 25%
  172.           transform: scale(2.3)
  173.   # OFF
  174.   - type: conditional
  175.     conditions:
  176.       - entity: binary_sensor.vvm_idle
  177.         state: "on"
  178.     elements:
  179.       - type: state-icon
  180.         entity: binary_sensor.vvm_idle
  181.         style:
  182.           top: 30%
  183.           left: 25%
  184.           transform: scale(2.3)
  185.  
  186.   # =================================================================
  187.   # ZONE 2: RØRFØRING MELLEM UDE/INDE
  188.   # =================================================================
  189.  
  190.   # Fremløb FRA udedel (BT12) - På det varme rør der går op
  191.   - type: state-label
  192.     entity: sensor.vvm_500_supply_line_eb101_bt12
  193.     style:
  194.       top: 57.5%
  195.       left: 72%
  196.  
  197.   # Retur TIL udedel (EB101-BT3) - På det kolde rør der går ned
  198.   - type: state-label
  199.     entity: sensor.vvm_500_return_line_eb101_bt3
  200.     style:
  201.       top: 57.5%
  202.       left: 24%
  203.  
  204.   # --- PUMPE A: GP12 (Ladepumpe - Grøn cirkel på diagram) ---
  205.   - type: state-icon
  206.     entity: binary_sensor.vvm_ladepumpe
  207.     icon: mdi:pump
  208.     style:
  209.       top: 46.4%
  210.       left: 21%
  211.       transform: scale(1.2)
  212.     card_mod:
  213.       style: |
  214.        state-badge {
  215.           {% if is_state(config.entity, 'on') %} animation: spin 3s linear infinite; {% endif %}
  216.         }
  217.         @keyframes spin { 100% { transform: rotate(360deg); } }
  218.  
  219.   # --- PUMPE B: GP1 (Varmebærerpumpe - Rød cirkel på diagram) ---
  220.   - type: state-icon
  221.     entity: binary_sensor.vvm_500_pump_heating_medium_eb100_gp1
  222.     icon: mdi:pump
  223.     style:
  224.       top: 46.4%
  225.       left: 65%
  226.       transform: scale(1.2)
  227.     card_mod:
  228.       style: |
  229.        state-badge {
  230.           {% if is_state(config.entity, 'on') %} animation: spin 3s linear infinite; {% endif %}
  231.         }
  232.         @keyframes spin { 100% { transform: rotate(360deg); } }
  233.  
  234.   # =================================================================
  235.   # ZONE 3: VVM 500 TANK & VARMEKREDS (TOPPEN)
  236.   # =================================================================
  237.  
  238.   # Indendørstemperatur
  239.   - type: state-label
  240.     style:
  241.       left: 33.5%
  242.       top: 13.5%
  243.       font-weight: bold
  244.     entity: sensor.ws2900_v2_01_18_indoor_temperature
  245.     title: Indendørs temperatur
  246.  
  247.   # Placeres inde i VVM-tanken (midten) hvor varmelegemet sidder.
  248.   - type: state-label
  249.     entity: sensor.vvm_500_power_internal_add_heat
  250.     style:
  251.       top: 33%
  252.       left: 42%
  253.       text-align: right
  254.  
  255.   # Varmt vand
  256.   - type: state-label
  257.     style:
  258.       left: 69.9%
  259.       top: 22%
  260.       font-weight: bold
  261.     entity: sensor.vvm_500_hot_water_temp
  262.     title: Varmt vand
  263.  
  264.   # Varmt Vand Indstilling
  265.   - type: state-label
  266.     entity: sensor.vvm_varmt_vand_indstilling
  267.     style:
  268.       top: 9%
  269.       left: 68%
  270.  
  271.   # =================================================================
  272.   # STYRING: VARMT VAND BOOST (Dropdown Menu)
  273.   # =================================================================
  274.   # Vi bruger 'custom:hui-element' til at indsætte en interaktiv række.
  275.   - type: custom:hui-element
  276.     card_type: entities
  277.     entities:
  278.       - entity: input_select.vvm_varmt_vand_boost_dk
  279.         name: "Luksus"
  280.         icon: mdi:NONE
  281.     style:
  282.       top: 73%
  283.       left: 43.5%
  284.       width: 50%
  285.       z-index: 200
  286.     card_mod:
  287.       style: |
  288.        ha-card {
  289.           background: transparent !important;
  290.         }
  291.         #states {
  292.           # Fjerner unødig luft (padding) inde i kortet
  293.           padding: 0 !important;
  294.         }
  295.  
  296.   # Varmt Vand Top (BT7)
  297.   - type: state-label
  298.     entity: sensor.vvm_500_hot_water_top_bt7
  299.     style:
  300.       top: 25%
  301.       left: 42%
  302.       text-align: right
  303.  
  304.   # Varmt Vand Ladning (BT6)
  305.   - type: state-label
  306.     entity: sensor.vvm_500_hot_water_charging_bt6
  307.     style:
  308.       top: 41%
  309.       left: 42%
  310.       text-align: right
  311.  
  312.   # Buffer Top (BT63)
  313.   - type: state-label
  314.     entity: sensor.vvm_500_add_heat_bt63
  315.     style:
  316.       top: 29%
  317.       left: 86%
  318.       text-align: right
  319.  
  320.   # Buffer Bund / Retur (BT3)
  321.   - type: state-label
  322.     entity: sensor.vvm_500_return_line_bt3
  323.     style:
  324.       top: 36%
  325.       left: 86%
  326.       text-align: right
  327.  
  328.   # Fremløb til Huset (BT2)
  329.   - type: state-label
  330.     entity: sensor.vvm_500_calculated_supply_climate_system_1
  331.     style:
  332.       top: 8.5%
  333.       left: 45%
  334.       text-align: center
  335.  
  336.   # Returløb fra Huset (BT3)
  337.   - type: state-label
  338.     entity: sensor.vvm_500_return_line_bt3
  339.     style:
  340.       top: 6.5%
  341.       left: 21%
  342.       text-align: center
  343.  
  344.   # Background Image
  345.   - type: image
  346.     style:
  347.       top: 50%
  348.       left: 50%
  349.       width: 70%
  350.       mix-blend-mode: lighten
  351.       filter: invert(1)
  352.     image:
  353.       media_content_id: media-source://image_upload/e863fd9bbff2dc1e258c7168909dc6a2
  354.       media_content_type: image/png
  355.       metadata:
  356.         title: VVM500 Diagram.png
  357.         thumbnail: /api/image/serve/e863fd9bbff2dc1e258c7168909dc6a2/256x256
  358.         media_class: image
  359.         navigateIds:
  360.           - media_content_type: app
  361.             media_content_id: media-source://image_upload
  362.     title: Baggrundsbillede
  363.  
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!