{ "version": 1, "minor_version": 1, "key": "lovelace.3d_printer_cellphone", "data": { "config": { "views": [ { "sections": [ { "cards": [ { "heading": "Filament Usage", "heading_style": "title", "type": "heading" }, { "card": { "columns": 4, "square": false, "type": "grid" }, "card_param": "cards", "filter": { "template": "{% set ns = namespace(cards=[]) %}\n{% for n in [1, 2, 3, 4] %}\n {% set sp = namespace(ent='') %}\n {% for s in states.sensor %}\n {% if sp.ent == '' and s.entity_id.startswith('sensor.spoolman_spool_') %}\n {% set loc = (s.attributes.location | default('')) | lower %}\n {% if loc == ('cfs lite ' ~ n) %}\n {% set sp.ent = s.entity_id %}\n {% endif %}\n {% endif %}\n {% endfor %}\n {% if sp.ent != '' %}\n {% set hex = state_attr(sp.ent, 'filament_color_hex') | default('44739e') %}\n {% set hex_clean = hex if hex.startswith('#') else '#' ~ hex %}\n {% set remain = (state_attr(sp.ent, 'remaining_weight') | default(states(sp.ent)) | float(0)) | round(1) %}\n {% set total = state_attr(sp.ent, 'filament_weight') | float(0) %}\n {% set raw_pct = ((remain / total) * 100) | round(1) if total > 0 else 0 %}\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\": sp.ent,\n \"show_icon\": false,\n \"show_state\": false,\n \"show_name\": false,\n \"custom_fields\": {\n \"tube\": \"
\" ~ remain ~ \"g
Slot \" ~ n ~ \"
\"\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 {\"flex-direction\": \"column\"},\n {\"align-items\": \"center\"}\n ]\n }\n },\n \"extra_styles\": \"\n .tube-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\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 .slot-label {\n margin-top: 8px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.3px;\n color: var(--secondary-text-color);\n }\n \",\n \"tap_action\": {\n \"action\": \"more-info\"\n }\n } %}\n\n {% set ns.cards = ns.cards + [card] %}\n {% endif %}\n{% endfor %}\n{{ ns.cards }}" }, "type": "custom:auto-entities" }, { "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": [ { "entity": "sensor.sparkx_i7_active_filament_slot", "grid_options": { "columns": "full" }, "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 %}", "multiline_secondary": true, "name": "Next Deduction Match", "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 (state_attr(e[:-10], 'location') | default('', true) | lower) == ('cfs lite ' ~ slot.split('_')[-1]) %}{% 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 %}", "type": "custom:mushroom-template-card" } ], "grid_options": { "columns": "full" }, "type": "horizontal-stack" }, { "heading": "Last/Current Print Job", "heading_style": "title", "icon": "mdi:printer-3d", "type": "heading" }, { "entity": "sensor.sparkx_i7_used_material_length", "grid_options": { "columns": 6, "rows": 1 }, "icon": "mdi:plus-minus", "name": "Used Material Total (cm)", "type": "tile" }, { "entity": "sensor.sparkx_moonraker_print_eta", "features_position": "bottom", "name": "Print ETA", "type": "tile", "vertical": false }, { "entity": "sensor.sparkx_i7_filament_weight_estimated", "grid_options": { "columns": 6, "rows": 1 }, "icon": "mdi:weight-gram", "name": "Current Job Weight (est.)", "type": "tile" }, { "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": "custom:mushroom-template-card" }, { "heading": "Temperature", "heading_style": "title", "icon": "mdi:coolant-temperature", "type": "heading" }, { "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, "name": "Flow", "severity": { "green": 0, "red": 12, "yellow": 6 }, "type": "gauge" } ], "type": "grid" } ], "type": "sections" } ] } } }