Advertisement
tiwing

Server Monitoring

Feb 6th, 2025
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 18.64 KB | None | 0 0
  1. type: vertical-stack
  2. cards:
  3.   - type: vertical-stack
  4.     cards:
  5.       - type: custom:decluttering-card
  6.         template: normal_title
  7.         variables:
  8.           - content: File Server FVM1
  9.           - sub-content: null
  10.       - type: picture-elements
  11.         image: /local/dashboard_photos/transparent/~transparent-1-1.png
  12.         card_mod:
  13.           style: |
  14.            ha-card {
  15.               {# method of putting overlay over or under by multiple backgrounds #}
  16.               background:
  17.                 /* top, transparent red, faked with gradient */
  18.                 linear-gradient(
  19.                   rgba(0, 0, 0, 0.7),
  20.                   rgba(0, 0, 0, 0.1)
  21.                 ),
  22.                 /* bottom, image */
  23.                 url("/local/dashboard_photos/server_background1.jpg");
  24.                 background-position: center bottom;
  25.                 background-size: cover;
  26.                 background-repeat: no-repeat;
  27.  
  28.               {% set comment = "Use for spinning fan on fan on " %}
  29.               {% if is_state('binary_sensor.hvac_active','on') %}
  30.                 --state-rotate-2s: rotation2s 2.5s linear infinite;
  31.               {% endif %}
  32.  
  33.               {% set comment = "iphone charging" %}
  34.               {% if is_state('sensor.iphone_battery_state','Charging') %}
  35.                 --iphone-charging: redpulse 4.01s linear infinite;
  36.               {% endif %}
  37.  
  38.               {% set comment = "HVAC Cooling" %}
  39.               {% if is_state_attr('climate.t6_pro_thermostat','hvac_action','heating') %}
  40.                 --hvac_cooling: bluepulse 4.01s linear infinite;
  41.               {% endif %}
  42.              
  43.             }
  44.             @keyframes rotation2s {
  45.               0% {transform: rotate(0deg)}
  46.               100% {transform: rotate(360deg)}
  47.             }
  48.             @keyframes redpulse {
  49.               0%   {color: red;}
  50.               45%  {color: grey;}
  51.               60%  {color: red;}
  52.               100% {color: red;}
  53.             }
  54.             @keyframes bluepulse {
  55.               0%   {color: lightblue;}
  56.               45%  {color: grey;}
  57.               60%  {color: lightblue;}
  58.               100% {color: lightblue;}
  59.             }
  60.         elements:
  61.           - type: image
  62.             tap_action:
  63.               action: url
  64.               url_path: http://192.168.13.50:180
  65.               new_tab: true
  66.             double_tap_action: none
  67.             hold_action: none
  68.             image: /local/dashboard_photos/unraid_kscs.png
  69.             style:
  70.               transform: none
  71.               width: 45%
  72.               min-width: 39px
  73.               top: 2%
  74.               left: 2%
  75.             card_mod:
  76.               style: |
  77.                :host {
  78.                   border-radius: 5px;
  79.                 }
  80.           - type: state-label
  81.             style:
  82.               transform: none
  83.               transform-origin: 0%
  84.               right: 53%
  85.               top: 6%
  86.               font-size: 80%
  87.               color: white
  88.             entity: sensor.192_168_13_60_containers_active
  89.             tap_action:
  90.               action: more-info
  91.             double_tap_action: none
  92.             hold_action: none
  93.             prefix: "Active Containers: "
  94.             card_mod:
  95.               style: |
  96.                :host {
  97.                   background: rgba(255,255,255,0) !important;
  98.                  
  99.                   border-radius: 4px;
  100.                 }
  101.           - type: custom:mini-graph-card
  102.             style:
  103.               transform: none
  104.               transform-origin: top left
  105.               top: 21%
  106.               left: 2%
  107.               scale: 1
  108.               max-width: 23%
  109.             entities:
  110.               - entity: sensor.192_168_13_60_package_id_0_temperature
  111.                 color: lightblue
  112.                 name: CPU0
  113.                 show_state: true
  114.                 show_indicator: true
  115.             graph: line
  116.             hour24: false
  117.             hours_to_show: 12
  118.             points_per_hour: 30
  119.             decimals: 1
  120.             tap_action: none
  121.             double_tap_action: none
  122.             hold_action: none
  123.             show:
  124.               extrema: false
  125.               icon: false
  126.               name: false
  127.               legend: false
  128.               labels: false
  129.               state: false
  130.             card_mod:
  131.               style: |
  132.                ha-card {
  133.                   font-size: 90% !important;
  134.                   background: rgba(255,255,255,0.05);
  135.                 }
  136.           - type: state-label
  137.             style:
  138.               transform: none
  139.               transform-origin: 0%
  140.               left: 2%
  141.               top: 14%
  142.               font-size: 100%
  143.               color: white
  144.             entity: sensor.192_168_13_60_package_id_0_temperature
  145.             tap_action:
  146.               action: more-info
  147.             double_tap_action: none
  148.             hold_action: none
  149.             prefix: "CPU0: "
  150.             card_mod:
  151.               style: |
  152.                :host {
  153.                   background: rgba(255,255,255,0) !important;
  154.                   font-size: 85% !important;
  155.                   border-radius: 4px;
  156.                 }
  157.           - type: custom:mini-graph-card
  158.             style:
  159.               transform: none
  160.               transform-origin: top left
  161.               top: 21%
  162.               left: 27%
  163.               scale: 1
  164.               max-width: 23%
  165.             entities:
  166.               - entity: sensor.192_168_13_60_package_id_0_temperature
  167.                 color: lightblue
  168.                 show_state: true
  169.                 show_indicator: true
  170.             graph: line
  171.             hour24: false
  172.             hours_to_show: 12
  173.             points_per_hour: 30
  174.             decimals: 1
  175.             tap_action: none
  176.             double_tap_action: none
  177.             hold_action: none
  178.             show:
  179.               extrema: false
  180.               icon: false
  181.               name: false
  182.               legend: false
  183.               labels: false
  184.               state: false
  185.             card_mod:
  186.               style: |
  187.                ha-card {
  188.                   font-size: 90% !important;
  189.                   background: rgba(255,255,255,0.05);
  190.                 }
  191.           - type: state-label
  192.             style:
  193.               transform: none
  194.               transform-origin: 0%
  195.               left: 27%
  196.               top: 14%
  197.               font-size: 100%
  198.               color: white
  199.             entity: sensor.192_168_13_60_package_id_1_temperature
  200.             tap_action:
  201.               action: more-info
  202.             double_tap_action: none
  203.             hold_action: none
  204.             prefix: "CPU1: "
  205.             card_mod:
  206.               style: |
  207.                :host {
  208.                   background: rgba(255,255,255,0) !important;
  209.                   font-size: 85% !important;
  210.                   border-radius: 4px;
  211.                 }
  212.           - type: custom:mini-graph-card
  213.             style:
  214.               transform: none
  215.               transform-origin: top right
  216.               top: 2%
  217.               right: 2%
  218.               scale: 0.7
  219.               max-width: 65%
  220.             entities:
  221.               - entity: sensor.192_168_13_60_cpu_used
  222.                 color: orange
  223.                 name: CPU
  224.                 show_state: true
  225.                 show_indicator: true
  226.             graph: line
  227.             hour24: false
  228.             hours_to_show: 12
  229.             points_per_hour: 30
  230.             decimals: 1
  231.             show:
  232.               extrema: false
  233.               icon: false
  234.               name: false
  235.               legend: false
  236.               labels: false
  237.               state: false
  238.             card_mod:
  239.               style: |
  240.                ha-card {
  241.                   font-size: 90% !important;
  242.                   background: rgba(255,255,255,0.05);
  243.                 }
  244.           - type: state-label
  245.             style:
  246.               transform: none
  247.               transform-origin: 0%
  248.               left: 53%
  249.               top: 1%
  250.               font-size: 100%
  251.               color: white
  252.               font-weight: 600
  253.             entity: sensor.dummy_blank_sensor
  254.             tap_action: none
  255.             double_tap_action: none
  256.             hold_action: none
  257.             prefix: CPU (12h)
  258.             card_mod:
  259.               style: |
  260.                :host {
  261.                   background: rgba(255,255,255,0) !important;
  262.                  
  263.                   border-radius: 4px;
  264.                 }
  265.           - type: state-label
  266.             style:
  267.               transform: none
  268.               transform-origin: 0%
  269.               right: 3%
  270.               top: 2%
  271.               font-size: 100%
  272.               color: white
  273.               font-weight: 600
  274.             entity: sensor.192_168_13_60_cpu_used
  275.             tap_action:
  276.               action: more-info
  277.             double_tap_action: none
  278.             hold_action: none
  279.             card_mod:
  280.               style: |
  281.                :host {
  282.                   background: rgba(255,255,255,0) !important;
  283.                  
  284.                   border-radius: 4px;
  285.                 }
  286.           - type: custom:mini-graph-card
  287.             style:
  288.               transform: none
  289.               transform-origin: top right
  290.               top: 18%
  291.               right: 2%
  292.               scale: 0.7
  293.               max-width: 65%
  294.             entities:
  295.               - entity: sensor.192_168_13_60_ram_used_percent
  296.                 color: green
  297.                 name: Memory
  298.                 show_state: true
  299.                 show_indicator: true
  300.             graph: line
  301.             hour24: false
  302.             hours_to_show: 12
  303.             points_per_hour: 30
  304.             decimals: 1
  305.             name: Memory
  306.             show:
  307.               extrema: false
  308.               icon: false
  309.               name: false
  310.               legend: false
  311.               labels: false
  312.               state: false
  313.             card_mod:
  314.               style: |
  315.                ha-card {
  316.                   font-size: 90% !important;
  317.                   background: rgba(255,255,255,0.05);
  318.                 }
  319.           - type: state-label
  320.             style:
  321.               transform: none
  322.               transform-origin: 0%
  323.               left: 53%
  324.               top: 16%
  325.               font-size: 100%
  326.               color: white
  327.               font-weight: 500
  328.             entity: sensor.dummy_blank_sensor
  329.             tap_action: none
  330.             double_tap_action: none
  331.             hold_action: none
  332.             prefix: Memory (12h)
  333.             card_mod:
  334.               style: |
  335.                :host {
  336.                   background: rgba(255,255,255,0.0) !important;
  337.                   border-radius: 4px;
  338.                 }
  339.           - type: state-label
  340.             style:
  341.               transform: none
  342.               transform-origin: 0%
  343.               right: 3%
  344.               top: 16%
  345.               font-size: 100%
  346.               color: white
  347.               font-weight: 600
  348.             entity: sensor.192_168_13_60_ram_used_percent
  349.             tap_action:
  350.               action: more-info
  351.             double_tap_action: none
  352.             hold_action: none
  353.             card_mod:
  354.               style: |
  355.                :host {
  356.                   background: rgba(255,255,255,0) !important;
  357.                  
  358.                   border-radius: 4px;
  359.                 }
  360.           - type: state-label
  361.             style:
  362.               transform: none
  363.               transform-origin: 0%
  364.               left: 2%
  365.               top: 34%
  366.               font-size: 110%
  367.               font-weight: 700
  368.               color: silver
  369.             entity: sensor.dummy_blank_sensor
  370.             tap_action: none
  371.             double_tap_action: none
  372.             hold_action: none
  373.             prefix: Storage Drives
  374.           - type: custom:bar-card
  375.             severity:
  376.               - color: rgba(0,128,32,0.5)
  377.                 from: 0
  378.                 to: 80
  379.               - color: rgba(255,215,0,0.5)
  380.                 from: 80
  381.                 to: 93
  382.               - color: rgba(128,0,0,0.5)
  383.                 from: 93
  384.                 to: 100
  385.             entity_row: true
  386.             positions:
  387.               icon: "off"
  388.               name: inside
  389.               indicator: "off"
  390.               value: inside
  391.             decimal: 0
  392.             min: 0
  393.             max: 100
  394.             height: 26px
  395.             width: 100%
  396.             direction: right
  397.             tap_action:
  398.               action: more-info
  399.             hold_action: none
  400.             double_tap_action: none
  401.             stack: vertical
  402.             style:
  403.               transform: none
  404.               top: 42%
  405.               left: 2%
  406.             entities:
  407.               - entity: sensor.192_168_13_60_mnt_disk1_used_percent
  408.                 name: Disk 1
  409.               - entity: sensor.192_168_13_60_mnt_disk2_used_percent
  410.                 name: Disk 2
  411.               - entity: sensor.192_168_13_60_mnt_disk3_used_percent
  412.                 name: Disk 3
  413.             card_mod:
  414.               style: |
  415.                :host {
  416.                   width: 45%;
  417.                 }
  418.                 ha-card {
  419.                   border: 0px !important;
  420.                   box-shadow: none;
  421.                   background-color: transparent !important;
  422.                   }
  423.                 bar-card-card {
  424.                   border: 1px solid rgba(255,255,255,0.2);
  425.                   border-radius: 0px 9px 9px 0px;
  426.                 }
  427.           - type: custom:bar-card
  428.             severity:
  429.               - color: rgba(0,128,32,0.5)
  430.                 from: 0
  431.                 to: 80
  432.               - color: rgba(255,215,0,0.5)
  433.                 from: 80
  434.                 to: 93
  435.               - color: rgba(128,0,0,0.5)
  436.                 from: 93
  437.                 to: 100
  438.             entity_row: true
  439.             positions:
  440.               icon: "off"
  441.               name: inside
  442.               indicator: "off"
  443.               value: inside
  444.             decimal: 0
  445.             min: 0
  446.             max: 100
  447.             height: 26px
  448.             width: 100%
  449.             direction: right
  450.             tap_action:
  451.               action: more-info
  452.             hold_action: none
  453.             double_tap_action: none
  454.             stack: vertical
  455.             style:
  456.               transform: none
  457.               top: 42%
  458.               left: 52%
  459.             entities:
  460.               - entity: sensor.192_168_13_60_mnt_disk4_used_percent
  461.                 name: Disk 4
  462.               - entity: sensor.192_168_13_60_mnt_disk5_used_percent
  463.                 name: Disk 5
  464.               - entity: sensor.192_168_13_60_mnt_disk6_used_percent
  465.                 name: Disk 6
  466.             card_mod:
  467.               style: |
  468.                :host {
  469.                   width: 45%;
  470.                 }
  471.                 ha-card {
  472.                   border: 0px !important;
  473.                   box-shadow: none;
  474.                   background-color: transparent !important;
  475.                   }
  476.                 bar-card-card {
  477.                   border: 1px solid rgba(255,255,255,0.2);
  478.                   border-radius: 0px 9px 9px 0px;
  479.                 }
  480.           - type: state-label
  481.             style:
  482.               transform: none
  483.               transform-origin: 0%
  484.               left: 2%
  485.               top: 70%
  486.               font-size: 110%
  487.               font-weight: 700
  488.               color: silver
  489.             entity: sensor.dummy_blank_sensor
  490.             tap_action:
  491.               action: more-info
  492.             double_tap_action: none
  493.             hold_action: none
  494.             prefix: Pools
  495.           - type: custom:bar-card
  496.             severity:
  497.               - color: rgba(0,128,32,0.5)
  498.                 from: 0
  499.                 to: 80
  500.               - color: rgba(255,215,0,0.5)
  501.                 from: 80
  502.                 to: 93
  503.               - color: rgba(128,0,0,0.5)
  504.                 from: 93
  505.                 to: 100
  506.             entity_row: true
  507.             positions:
  508.               icon: "off"
  509.               name: inside
  510.               indicator: "off"
  511.               value: inside
  512.             decimal: 0
  513.             min: 0
  514.             max: 100
  515.             height: 26px
  516.             width: 100%
  517.             direction: right
  518.             tap_action:
  519.               action: more-info
  520.             hold_action: none
  521.             double_tap_action: none
  522.             stack: vertical
  523.             style:
  524.               transform: none
  525.               top: 79%
  526.               left: 2%
  527.             entities:
  528.               - entity: sensor.192_168_13_60_mnt_cache_used_percent
  529.                 name: Cache Pool
  530.               - entity: sensor.192_168_13_60_mnt_datapool_used_percent
  531.                 name: Data Pool
  532.             card_mod:
  533.               style: |
  534.                :host {
  535.                   width: 45%;
  536.                 }
  537.                 ha-card {
  538.                   border: 0px !important;
  539.                   box-shadow: none;
  540.                   background-color: transparent !important;
  541.                   }
  542.                 bar-card-card {
  543.                   border: 1px solid rgba(255,255,255,0.2);
  544.                   border-radius: 0px 9px 9px 0px;
  545.                 }
  546.           - type: custom:bar-card
  547.             severity:
  548.               - color: rgba(0,128,32,0.5)
  549.                 from: 0
  550.                 to: 80
  551.               - color: rgba(255,215,0,0.5)
  552.                 from: 80
  553.                 to: 93
  554.               - color: rgba(128,0,0,0.5)
  555.                 from: 93
  556.                 to: 100
  557.             entity_row: true
  558.             positions:
  559.               icon: "off"
  560.               name: inside
  561.               indicator: "off"
  562.               value: inside
  563.             decimal: 0
  564.             min: 0
  565.             max: 100
  566.             height: 26px
  567.             width: 100%
  568.             direction: right
  569.             tap_action:
  570.               action: more-info
  571.             hold_action: none
  572.             double_tap_action: none
  573.             stack: vertical
  574.             style:
  575.               transform: none
  576.               top: 79%
  577.               left: 52%
  578.             entities:
  579.               - entity: sensor.192_168_13_60_mnt_vmpool_used_percent
  580.                 name: VM Pool
  581.               - entity: sensor.192_168_13_60_mnt_scratch2hdd_used_percent
  582.                 name: Scratch
  583.             card_mod:
  584.               style: |
  585.                :host {
  586.                   width: 45%;
  587.                 }
  588.                 ha-card {
  589.                   border: 0px !important;
  590.                   box-shadow: none;
  591.                   background-color: transparent !important;
  592.                   }
  593.                 bar-card-card {
  594.                   border: 1px solid rgba(255,255,255,0.2);
  595.                   border-radius: 0px 9px 9px 0px;
  596.                 }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement