Comments (2)
this worked to make the addition to the card persistent:
type: custom:mod-card
card:
type: custom:vacuum-card
entity: vacuum.roborock_s8_pro_ultra
show_name: true
show_status: true
show_toolbar: true
compact_view: false
stats:
default:
- entity_id: sensor.roborock_s8_pro_ultra_filter_time_left
unit: hours
subtitle: Filter
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
- unit: hours
entity_id: sensor.roborock_s8_pro_ultra_side_brush_time_left
subtitle: Side brush
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
- entity_id: sensor.roborock_s8_pro_ultra_main_brush_time_left
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
unit: hours
subtitle: Main brush
- entity_id: sensor.roborock_s8_pro_ultra_sensor_time_left
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
unit: hours
subtitle: Sensors
cleaning:
- entity_id: sensor.roborock_s8_pro_ultra_cleaning_time
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
unit: minutes
subtitle: Cleaning time
- entity_id: sensor.roborock_s8_pro_ultra_main_brush_time_left
value_template: '{{ (value | float(0) / 3600) | round(1) }}'
subtitle: Main brush
unit: hours
shortcuts:
- name: Clean living room
service: script.clean_living_room
icon: mdi:sofa
- name: Clean bedroom
service: script.clean_bedroom
icon: mdi:bed-empty
- name: Clean kitchen
service: script.clean_kitchen
icon: mdi:silverware-fork-knife
card_mod:
style:
vacuum-card $: |
.metadata .status {
flex-wrap: wrap;
}
.metadata .status::after {
content: '{{ states('sensor.roborock_s8_pro_ultra_status') | replace('_', ' ') }}';
display: block;
text-transform: capitalize;
color: var(--vc-secondary-text-color);
width: 100%;
opacity: 0.6;
}
.metadata .status .status-text {
margin-left: 28px;
}
.metadata .status .status-text {
margin-left: 28px;
}
It's the same code just inside a custom:mod-card and using $
to penetrate the shadow dom isolation
from vacuum-card.
Related Issues (20)
- State is not centered HOT 6
- Cannot find plugin in HACS 1.33.0 HOT 2
- Add support for Taurus HomeLand Gyro HOT 4
- value_template not working on Chrome HOT 8
- Support for Xiaomi Mi Robot Vacuum SDJQR01RR / SDJQR02RR (First generation) HOT 2
- Card not shown with official Ecovacs integration HOT 1
- Action Buttons Not Showing HOT 1
- After updating to 2024.2.4 is the card empty HOT 26
- Vacuum starts when changing fan speed HOT 1
- Card no longer displays HOT 7
- Make the vacuum-card translucent
- Question about connect with my own built vacuum robot HOT 2
- Also support mowers HOT 2
- Chinese translation doesn't work. HOT 2
- Support Yeedi Vac 2 Pro HOT 3
- Visual editor toggles have no effect HOT 2
- Clarify shortcut usage in readme.md HOT 9
- Consider adding additional support for Ecovacs T20 Omni & Ozmo T8 AIVI HOT 3
- Neabot NoMo N1 Plus Integration help HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vacuum-card.