{ "version": 1, "minor_version": 1, "key": "lovelace.3d_printer_cellphone", "data": { "config": { "views": [ { "type": "sections", "sections": [ { "type": "grid", "cards": [ { "type": "heading", "heading": "Filament Usage", "heading_style": "title" }, { "type": "custom:auto-entities", "card": { "type": "grid", "columns": 4, "square": false }, "card_param": "cards", "filter": { "template": "{% set ns = namespace(cards=[]) %}\n{% for s in states.sensor %}\n {% if s.entity_id.startswith('sensor.spoolman_spool_') %}\n {% set loc = (s.attributes.location | default('')) | lower %}\n {% if 'cfs lite' in loc %}\n {% set hex = s.attributes.filament_color_hex | default('44739e') %}\n {% set hex_clean = hex if hex.startswith('#') else '#' ~ hex %}\n {% set remain = (s.attributes.remaining_weight | default(s.state) | float(0)) | round(1) %}\n {% set total = (s.attributes.initial_weight | default(1000) | float(1000)) %}\n {% set raw_pct = ((remain / total) * 100) | round(1) %}\n {% set pct = 0 if raw_pct < 0 else (100 if raw_pct > 100 else raw_pct) %}\n {% set border = '#d0d0d0' if hex_clean | lower in ['#ffffff', '#fff'] else 'transparent' %}\n\n {% set card = {\n \"type\": \"custom:button-card\",\n \"entity\": s.entity_id,\n \"show_icon\": false,\n \"show_state\": false,\n \"show_name\": false,\n \"custom_fields\": {\n \"tube\": \"
\" ~ remain ~ \"g
\"\n },\n \"styles\": {\n \"card\": [\n {\"background\": \"transparent\"},\n {\"box-shadow\": \"none\"},\n {\"border\": \"none\"},\n {\"padding\": \"8px 2px\"},\n {\"display\": \"flex\"},\n {\"flex-direction\": \"column\"},\n {\"align-items\": \"center\"}\n ],\n \"custom_fields\": {\n \"tube\": [\n {\"width\": \"100%\"},\n {\"display\": \"flex\"},\n {\"justify-content\": \"center\"}\n ]\n }\n },\n \"extra_styles\": \"\n .tube-bg {\n position: relative;\n width: 60px;\n height: 180px;\n background-color: #dedede;\n border-radius: 20px;\n overflow: hidden;\n border: 1px solid \" ~ border ~ \";\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n .tube-fill {\n width: 100%;\n border-radius: 0 0 19px 19px;\n }\n .tube-text {\n position: absolute;\n top: 48%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 13px;\n font-weight: 800;\n color: #111111;\n pointer-events: none;\n z-index: 2;\n white-space: nowrap;\n }\n \",\n \"tap_action\": {\n \"action\": \"more-info\"\n }\n } %}\n {% set ns.cards = ns.cards + [card] %}\n {% endif %}\n {% endif %}\n{% endfor %}\n{{ ns.cards }}" } }, { "entity": "sensor.sparkx_i7_cfs_box_1_humidity", "grid_options": { "columns": 6 }, "icon": "mdi:water-percent", "name": "Humidity", "type": "tile" }, { "entity": "sensor.sparkx_i7_cfs_box_1_temperature", "grid_options": { "columns": 6 }, "icon": "mdi:thermometer", "name": "Temperature", "type": "tile" }, { "cards": [ { "type": "custom:mushroom-template-card", "entity": "sensor.sparkx_i7_active_filament_slot", "name": "Next Deduction Match", "icon": "mdi:magnet", "icon_color": "{% set slot = states('sensor.sparkx_i7_active_filament_slot') %}{% set c = states('sensor.sparkx_i7_cfs_' ~ (slot | lower | replace(' ', '_')) ~ '_color') | replace('#', '') | lower %}{% if c | length == 6 %}#{{ c }}{% else %}var(--primary-color){% endif %}", "primary": "{{ states('sensor.sparkx_i7_active_filament_slot') }}", "secondary": "{% set slot = states('sensor.sparkx_i7_active_filament_slot') %}{% set ce = 'sensor.sparkx_i7_cfs_' ~ (slot | lower | replace(' ', '_')) ~ '_color' %}{% set color = states(ce) | replace('#', '') | lower %}{% set ns = namespace(id='') %}{% for e in integration_entities('spoolman') %}{% if e.endswith('_color_hex') and (states(e) | replace('#', '') | lower) == color and (state_attr(e[:-10], 'location') | default('', true) | lower) == 'cfs lite' %}{% set b = e[:-10] %}{% if (states(b) | float(0)) > 0 and ns.id == '' %}{% set ns.id = states(b ~ '_id') %}{% endif %}{% endif %}{% endfor %}{% if ns.id %}Color #{{ color | upper }} → spool {{ ns.id }} ({{ states('sensor.spoolman_spool_' ~ ns.id ~ '_filament_name') }} · {{ (states('sensor.spoolman_spool_' ~ ns.id) | float(0)) | round(1) }} g left){% elif slot in ['', 'unknown', 'unavailable'] %}No slot latched{% elif color in ['', 'unknown', 'unavailable'] %}Slot color unavailable{% else %}Color #{{ color | upper }} — no spool with stock{% endif %}", "multiline_secondary": true, "grid_options": { "columns": "full" } } ], "grid_options": { "columns": "full" }, "type": "horizontal-stack" }, { "type": "heading", "icon": "mdi:printer-3d", "heading": "Last/Current Print Job", "heading_style": "title" }, { "type": "tile", "entity": "sensor.sparkx_i7_used_material_length", "name": "Used Material Total (cm)", "icon": "mdi:plus-minus", "grid_options": { "columns": 6, "rows": 1 } }, { "type": "tile", "entity": "sensor.sparkx_moonraker_print_eta", "name": "Print ETA", "vertical": false, "features_position": "bottom" }, { "type": "tile", "entity": "sensor.sparkx_i7_filament_weight_estimated", "name": "Current Job Weight (est.)", "icon": "mdi:weight-gram", "grid_options": { "columns": 6, "rows": 1 } }, { "type": "custom:mushroom-template-card", "entity": "sensor.sparkx_i7_filament_weight_estimated", "grid_options": { "columns": 6, "rows": "auto" }, "icon": "{% set st = states('sensor.sparkx_i7_print_status') %} {% if st in ['printing', 'paused'] %}\n mdi:printer-3d-nozzle\n{% else %}\n mdi:cash-multiple\n{% endif %}", "icon_color": "{% set st = states('sensor.sparkx_i7_print_status') %} {% if st in ['printing', 'paused'] %}\n blue\n{% else %}\n green\n{% endif %}", "multiline_secondary": true, "primary": "{% set st = states('sensor.sparkx_i7_print_status') %} {% if st in ['printing', 'paused'] %}\n {{ states('sensor.sparkx_i7_filament_weight_estimated') | round(1) }} g\n{% else %}\n Last: {{ states('input_number.sparkx_i7_last_job_filament_weight') | round(1) }} g\n{% endif %}", "secondary": "{% set st = states('sensor.sparkx_i7_print_status') %} {% if st in ['printing', 'paused'] %}\n {{ states('sensor.sparkx_i7_filament_cost') | round(2) }} $ (live)\n{% else %}\n {{ states('input_number.sparkx_i7_last_job_cost') | round(2) }} $ (last job)\n{% endif %}" }, { "type": "heading", "icon": "mdi:coolant-temperature", "heading_style": "title", "heading": "Temperature" }, { "entity": "sensor.sparkx_i7_nozzle_temperature", "grid_options": { "columns": 4 }, "max": 300, "min": 0, "name": "Nozzle", "severity": { "green": 0, "red": 240, "yellow": 180 }, "type": "gauge", "unit": "°C" }, { "entity": "sensor.sparkx_i7_bed_temperature", "grid_options": { "columns": 4 }, "max": 100, "min": 0, "name": "Bed", "severity": { "green": 0, "red": 100, "yellow": 60 }, "type": "gauge", "unit": "°C" }, { "entity": "sensor.sparkx_i7_real_time_flow", "grid_options": { "columns": 4 }, "max": 20, "min": 0, "type": "gauge", "severity": { "green": 0, "yellow": 6, "red": 12 }, "name": "Flow" } ] } ] } ] } } }