diff --git a/config/lovelace/decluttering_templates/percentage-card.yaml b/config/lovelace/decluttering_templates/percentage-card.yaml new file mode 100644 index 0000000..cd0cfdd --- /dev/null +++ b/config/lovelace/decluttering_templates/percentage-card.yaml @@ -0,0 +1,48 @@ +percentage_card: + default: + - orange: 70 + - red: 85 + card: + type: custom:bar-card + entity: "[[entity]]" + name: "[[name]]" + icon: "[[icon]]" + entity_row: true + tap_action: + action: none + severity: + - from: 0 + to: "[[orange]]" + color: green + - from: "[[orange]]" + to: "[[red]]" + color: darkorange + - from: "[[red]]" + to: 100 + color: darkred + positions: + icon: outside + indicator: inside + title: outside + width: 50% + height: 2em + style: | + ha-card { + margin-bottom: -0.51em; + } + bar-card-value { + margin-right: auto; + color: #e0e1e1; + text-shadow: none; + font-size: 1em; + font-weight: 400; + letter-spacing: 0.01em; + } + bar-card-background { + background: radial-gradient(circle, rgba(52, 57, 58, 0.1) 0%, rgba(17,18,18,0.2) 75%); + box-shadow: inset 0 0 25px #00000045; + border-radius: 0.3em; + } + bar-card-backgroundbar { + background: none; + } diff --git a/config/lovelace/home_dashboard/08_network.yaml b/config/lovelace/home_dashboard/08_network.yaml index cab058f..3a18243 100644 --- a/config/lovelace/home_dashboard/08_network.yaml +++ b/config/lovelace/home_dashboard/08_network.yaml @@ -3,6 +3,213 @@ path: network icon: "mdi:server-network" badges: [] cards: + - type: vertical-stack + cards: + - type: entities + style: | + #states > div:last-child { + margin: 0 -16px -16px -16px; + } + title: Platinum + icon: mdi:nas + entities: + - type: custom:fold-entity-row + head: + type: custom:decluttering-card + template: percentage_card + variables: + - name: CPU + - entity: sensor.synology_dsm_cpu_load_total + - icon: mdi:chip + - orange: 40 + - red: 60 + entities: + - entity: sensor.synology_dsm_cpu_load_system + name: CPU load (System) + - entity: sensor.synology_dsm_cpu_load_user + name: CPU load (User) + - entity: sensor.synology_dsm_cpu_load_other + name: CPU load (Other) + - entity: sensor.synology_dsm_cpu_load_1_min + name: CPU load (1 min) + - entity: sensor.synology_dsm_cpu_load_5_min + name: CPU load (5 min) + - entity: sensor.synology_dsm_cpu_load_15_min + name: CPU load (15 min) + + - type: custom:fold-entity-row + head: + type: custom:decluttering-card + template: percentage_card + variables: + - name: Memory + - entity: sensor.synology_dsm_memory_usage_real + - icon: mdi:memory + - orange: 70 + - red: 85 + entities: + - entity: sensor.synology_dsm_memory_cached + name: Memory cached + - entity: sensor.synology_dsm_memory_size + name: Memory size + - entity: sensor.synology_dsm_memory_available_real + name: Memory available (Real) + - entity: sensor.synology_dsm_memory_total_real + name: Memory total (Real) + - entity: sensor.synology_dsm_memory_available_swap + name: Memory available (Swap) + - entity: sensor.synology_dsm_memory_total_swap + name: Memory total (Swap) + + - type: custom:fold-entity-row + head: + type: custom:decluttering-card + template: percentage_card + variables: + - name: Volume 1 + - entity: sensor.synology_dsm_volume_used_volume_1 + - icon: mdi:harddisk + - orange: 85 + - red: 90 + entities: + - entity: sensor.synology_dsm_average_disk_temp_volume_1 + name: Average temperature + - entity: sensor.synology_dsm_maximum_disk_temp_volume_1 + name: Maximum temperature + - entity: sensor.synology_dsm_used_space_volume_1 + name: Used space + - entity: sensor.synology_dsm_total_size_volume_1 + name: Total size + + - type: custom:fold-entity-row + head: + type: custom:decluttering-card + template: percentage_card + variables: + - name: Volume 2 + - entity: sensor.synology_dsm_volume_used_volume_2 + - icon: mdi:harddisk + - orange: 85 + - red: 90 + entities: + - entity: sensor.synology_dsm_average_disk_temp_volume_2 + name: Average temperature + - entity: sensor.synology_dsm_maximum_disk_temp_volume_2 + name: Maximum temperature + - entity: sensor.synology_dsm_used_space_volume_2 + name: Used space + - entity: sensor.synology_dsm_total_size_volume_2 + name: Total size + + - type: custom:fold-entity-row + head: + entity: sensor.synology_dsm_status_sda + name: /sda + entities: + - entity: sensor.synology_dsm_temperature_sda + name: Temperature + - entity: sensor.synology_dsm_below_min_remaining_life_sda + name: Below minimum remaining life + - entity: sensor.synology_dsm_exceeded_max_bad_sectors_sda + name: Exceeded max bad sectors + - type: custom:fold-entity-row + head: + entity: sensor.synology_dsm_status_sdb + name: /sdb + entities: + - entity: sensor.synology_dsm_temperature_sdb + name: Temperature + - entity: sensor.synology_dsm_below_min_remaining_life_sdb + name: Below minimum remaining life + - entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdb + name: Exceeded max bad sectors + - type: custom:fold-entity-row + head: + entity: sensor.synology_dsm_status_sdc + name: /sdc + entities: + - entity: sensor.synology_dsm_temperature_sdc + name: Temperature + - entity: sensor.synology_dsm_below_min_remaining_life_sdc + name: Below minimum remaining life + - entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdc + name: Exceeded max bad sectors + - type: custom:fold-entity-row + head: + entity: sensor.synology_dsm_status_sdd + name: /sdd + entities: + - entity: sensor.synology_dsm_temperature_sdd + name: Temperature + - entity: sensor.synology_dsm_below_min_remaining_life_sdd + name: Below minimum remaining life + - entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdd + name: Exceeded max bad sectors + + - type: custom:hui-horizontal-stack-card + cards: + - type: entities + entities: + - entity: sensor.synology_dsm_network_down + name: Down + style: | + :host { + --paper-item-icon-color: green; + } + style: &network-indicator-style + .: | + ha-card { + box-shadow: none; + background: none; + margin-top: -1.4em; + max-height: 1px; + z-index: 2; + } + + "#states div": + hui-sensor-entity-row: + $: + hui-generic-entity-row: + $: | + .info { + margin-left: 0; + flex-grow: 0; + text-overflow: unset; + white-space: unset + } + - type: entities + entities: + - entity: sensor.synology_dsm_network_up + name: Up + style: | + :host { + --paper-item-icon-color: var(--accent-color); + } + style: *network-indicator-style + + - type: custom:mini-graph-card + align_state: left + entities: + - color: var(--accent-color) + entity: sensor.synology_dsm_network_up + - color: green + entity: sensor.synology_dsm_network_down + group: false + points_per_hour: 1 + line_width: 3 + hour24: true + hours_to_show: 24 + show: + fill: fade + icon: false + name: false + state: false + name_adaptive_color: true + labels: hover + legend: false + tap_action: + action: none + - type: vertical-stack cards: - type: "custom:mini-graph-card" diff --git a/config/lovelace/resources.yaml b/config/lovelace/resources.yaml index d134053..defbf30 100644 --- a/config/lovelace/resources.yaml +++ b/config/lovelace/resources.yaml @@ -1,5 +1,7 @@ - type: module url: /hacsfiles/aftership-card/aftership-card.js +- type: module + url: /hacsfiles/bar-card/bar-card.js - type: module url: /hacsfiles/button-card/button-card.js - type: module