@@ -691,8 +597,6 @@ class AirQualityCard extends HTMLElement {
const co2 = this._config.co2_entity ? this._getNumericState(this._config.co2_entity) : null;
const pm25 = this._config.pm25_entity ? this._getNumericState(this._config.pm25_entity) : null;
- const hcho = this._config.hcho_entity ? this._getNumericState(this._config.hcho_entity) : null;
- const tvoc = this._config.tvoc_entity ? this._getNumericState(this._config.tvoc_entity) : null;
const humidity = this._config.humidity_entity ? this._getNumericState(this._config.humidity_entity) : null;
const temp = this._config.temperature_entity ? this._getNumericState(this._config.temperature_entity) : null;
const recommendation = this._getRecommendation();
@@ -778,34 +682,6 @@ class AirQualityCard extends HTMLElement {
}
}
- // Update HCHO
- if (hcho !== null) {
- const hchoColor = this._getHCHOColor(hcho);
- const hchoValueEl = this.shadowRoot.getElementById('hcho-value');
- if (hchoValueEl) {
- hchoValueEl.innerHTML = `${hcho.toFixed(1)} ppb`;
- const statusEl = hchoValueEl.querySelector('.status');
- statusEl.textContent = hcho < 20 ? 'Excellent' : hcho < 50 ? 'Good' : hcho < 100 ? 'Moderate' : hcho < 200 ? 'Elevated' : 'Poor';
- statusEl.style.background = hchoColor + '22';
- statusEl.style.color = hchoColor;
- hchoValueEl.style.color = hchoColor;
- }
- }
-
- // Update tVOC
- if (tvoc !== null) {
- const tvocColor = this._getTVOCColor(tvoc);
- const tvocValueEl = this.shadowRoot.getElementById('tvoc-value');
- if (tvocValueEl) {
- tvocValueEl.innerHTML = `${tvoc.toFixed(1)} ppb`;
- const statusEl = tvocValueEl.querySelector('.status');
- statusEl.textContent = tvoc < 100 ? 'Excellent' : tvoc < 300 ? 'Good' : tvoc < 500 ? 'Moderate' : tvoc < 1000 ? 'Elevated' : 'Poor';
- statusEl.style.background = tvocColor + '22';
- statusEl.style.color = tvocColor;
- tvocValueEl.style.color = tvocColor;
- }
- }
-
// Update Humidity
if (humidity !== null) {
const humidityColor = this._getHumidityColor(humidity);
@@ -828,23 +704,15 @@ class AirQualityCard extends HTMLElement {
// Update Temperature
if (temp !== null) {
const tempColor = this._getTempColor(temp);
- const tempUnit = this._getTempUnit();
const tempValueEl = this.shadowRoot.getElementById('temperature-value');
if (tempValueEl) {
- tempValueEl.innerHTML = `${Math.round(temp)} ${tempUnit}`;
+ tempValueEl.innerHTML = `${Math.round(temp)} °F`;
const statusEl = tempValueEl.querySelector('.status');
let tempStatus = 'Comfortable';
- if (this._isCelsius()) {
- if (temp < 18) tempStatus = 'Cold';
- else if (temp < 20) tempStatus = 'Cool';
- else if (temp > 24) tempStatus = 'Hot';
- else if (temp > 22) tempStatus = 'Warm';
- } else {
- if (temp < 65) tempStatus = 'Cold';
- else if (temp < 68) tempStatus = 'Cool';
- else if (temp > 76) tempStatus = 'Hot';
- else if (temp > 72) tempStatus = 'Warm';
- }
+ if (temp < 65) tempStatus = 'Cold';
+ else if (temp < 68) tempStatus = 'Cool';
+ else if (temp > 76) tempStatus = 'Hot';
+ else if (temp > 72) tempStatus = 'Warm';
statusEl.textContent = tempStatus;
statusEl.style.background = tempColor + '22';
statusEl.style.color = tempColor;
@@ -862,20 +730,11 @@ class AirQualityCard extends HTMLElement {
if (this._config.pm25_entity && this._history.pm25.length) {
this._renderGraph('pm25', this._history.pm25, this._getPM25Color.bind(this), 0, 60, 'μg/m³');
}
- if (this._config.hcho_entity && this._history.hcho.length) {
- this._renderGraph('hcho', this._history.hcho, this._getHCHOColor.bind(this), 0, 60, 'ppb');
- }
- if (this._config.tvoc_entity && this._history.tvoc.length) {
- this._renderGraph('tvoc', this._history.tvoc, this._getTVOCColor.bind(this), 0, 60, 'ppb');
- }
if (this._config.humidity_entity && this._history.humidity.length) {
this._renderGraph('humidity', this._history.humidity, this._getHumidityColor.bind(this), 0, 100, '%');
}
if (this._config.temperature_entity && this._history.temperature.length) {
- const tempUnit = this._getTempUnit();
- const tempMin = this._isCelsius() ? 10 : 50;
- const tempMax = this._isCelsius() ? 32 : 90;
- this._renderGraph('temperature', this._history.temperature, this._getTempColor.bind(this), tempMin, tempMax, tempUnit);
+ this._renderGraph('temperature', this._history.temperature, this._getTempColor.bind(this), 50, 90, '°F');
}
this._setupGraphInteractions();
@@ -1056,7 +915,7 @@ class AirQualityCard extends HTMLElement {
if (valueEl) {
let displayValue;
if (data.unit === 'ppm') displayValue = Math.round(closest.value);
- else if (data.unit === '%' || data.unit === '°F' || data.unit === '°C') displayValue = Math.round(closest.value);
+ else if (data.unit === '%' || data.unit === '°F') displayValue = Math.round(closest.value);
else displayValue = closest.value.toFixed(1);
valueEl.textContent = `${displayValue} ${data.unit}`;
valueEl.style.color = closest.color;
@@ -1116,7 +975,6 @@ if (LitElement && !customElements.get('air-quality-card-editor')) {
this._config = {
name: 'Air Quality',
hours_to_show: 24,
- temperature_unit: 'F',
...config
};
}
@@ -1126,14 +984,11 @@ if (LitElement && !customElements.get('air-quality-card-editor')) {
name: 'Card Name',
co2_entity: 'CO₂ Sensor',
pm25_entity: 'PM2.5 Sensor',
- hcho_entity: 'HCHO Sensor (optional)',
- tvoc_entity: 'tVOC Sensor (optional)',
humidity_entity: 'Humidity Sensor (optional)',
temperature_entity: 'Temperature Sensor (optional)',
air_quality_entity: 'Air Quality Index (optional)',
recommendation_entity: 'Recommendation Sensor (optional)',
- hours_to_show: 'Graph History (hours)',
- temperature_unit: 'Temperature Unit'
+ hours_to_show: 'Graph History (hours)'
};
return labels[schema.name] || schema.name;
}
@@ -1143,14 +998,11 @@ if (LitElement && !customElements.get('air-quality-card-editor')) {
{ name: 'name', selector: { text: {} } },
{ name: 'co2_entity', selector: { entity: { domain: 'sensor' } } },
{ name: 'pm25_entity', selector: { entity: { domain: 'sensor' } } },
- { name: 'hcho_entity', selector: { entity: { domain: 'sensor' } } },
- { name: 'tvoc_entity', selector: { entity: { domain: 'sensor' } } },
{ name: 'humidity_entity', selector: { entity: { domain: 'sensor' } } },
{ name: 'temperature_entity', selector: { entity: { domain: 'sensor' } } },
{ name: 'air_quality_entity', selector: { entity: { domain: 'sensor' } } },
{ name: 'recommendation_entity', selector: { entity: { domain: 'sensor' } } },
- { name: 'hours_to_show', selector: { number: { min: 1, max: 168, mode: 'box' } } },
- { name: 'temperature_unit', selector: { select: { options: [{ value: 'F', label: 'Fahrenheit (°F)' }, { value: 'C', label: 'Celsius (°C)' }], mode: 'dropdown' } } }
+ { name: 'hours_to_show', selector: { number: { min: 1, max: 168, mode: 'box' } } }
];
}