Tuya - Air Condioner support - PR9

front/src/components/boxs/device-in-room/DeviceRow.jsx

@@ -12,6 +12,8 @@ import NumberDeviceFeature from './device-features/NumberDeviceFeature';
 import CoverDeviceFeature from './device-features/CoverDeviceFeature';
 import SetpointDeviceFeature from './device-features/SetpointDeviceFeature';
 import AirConditioningModeDeviceFeature from './device-features/AirConditioningModeDeviceFeature';
+import AirConditioningFanSpeedDeviceFeature from './device-features/AirConditioningFanSpeedDeviceFeature';
+import AirConditioningSwingDeviceFeature from './device-features/AirConditioningSwingDeviceFeature';
 import PilotWireModeDeviceFeature from './device-features/PilotWireModeDeviceFeature';
 import LMHVolumeDeviceFeature from './device-features/LMHVolumeDeviceFeature';
 import PushDeviceFeature from './device-features/PushDeviceFeature';
@@ -31,6 +33,9 @@ const ROW_TYPE_BY_FEATURE_TYPE = {
   [DEVICE_FEATURE_TYPES.THERMOSTAT.TARGET_TEMPERATURE]: SetpointDeviceFeature,
   [DEVICE_FEATURE_TYPES.AIR_CONDITIONING.MODE]: AirConditioningModeDeviceFeature,
   [DEVICE_FEATURE_TYPES.AIR_CONDITIONING.TARGET_TEMPERATURE]: SetpointDeviceFeature,
+  [DEVICE_FEATURE_TYPES.AIR_CONDITIONING.FAN_SPEED]: AirConditioningFanSpeedDeviceFeature,
+  [DEVICE_FEATURE_TYPES.AIR_CONDITIONING.SWING_HORIZONTAL]: AirConditioningSwingDeviceFeature,
+  [DEVICE_FEATURE_TYPES.AIR_CONDITIONING.SWING_VERTICAL]: AirConditioningSwingDeviceFeature,
   [DEVICE_FEATURE_TYPES.HEATER.PILOT_WIRE_MODE]: PilotWireModeDeviceFeature,
   [DEVICE_FEATURE_TYPES.LOCK.BINARY]: BinaryDeviceFeature,
   [DEVICE_FEATURE_TYPES.SIREN.LMH_VOLUME]: LMHVolumeDeviceFeature,

front/src/components/boxs/device-in-room/SupportedFeatureTypes.jsx

@@ -14,6 +14,9 @@ const SUPPORTED_FEATURE_TYPES = [
   DEVICE_FEATURE_TYPES.THERMOSTAT.TARGET_TEMPERATURE,
   DEVICE_FEATURE_TYPES.AIR_CONDITIONING.MODE,
   DEVICE_FEATURE_TYPES.AIR_CONDITIONING.TARGET_TEMPERATURE,
+  DEVICE_FEATURE_TYPES.AIR_CONDITIONING.FAN_SPEED,
+  DEVICE_FEATURE_TYPES.AIR_CONDITIONING.SWING_HORIZONTAL,
+  DEVICE_FEATURE_TYPES.AIR_CONDITIONING.SWING_VERTICAL,
   DEVICE_FEATURE_TYPES.LOCK.BINARY,
   DEVICE_FEATURE_TYPES.LOCK.STATE,
   DEVICE_FEATURE_TYPES.HEATER.PILOT_WIRE_MODE,

front/src/components/boxs/device-in-room/device-features/AirConditioningFanSpeedDeviceFeature.jsx

@@ -0,0 +1,52 @@
+import get from 'get-value';
+import { Text } from 'preact-i18n';
+
+import { DeviceFeatureCategoriesIcon } from '../../../../utils/consts';
+import { AC_FAN_SPEED } from '../../../../../../server/utils/constants';
+
+const FAN_SPEED_OPTIONS = [
+  { value: AC_FAN_SPEED.AUTO, i18nKey: 'auto' },
+  { value: AC_FAN_SPEED.LOW, i18nKey: 'low' },
+  { value: AC_FAN_SPEED.LOW_MID, i18nKey: 'low-mid' },
+  { value: AC_FAN_SPEED.MID, i18nKey: 'mid' },
+  { value: AC_FAN_SPEED.MID_HIGH, i18nKey: 'mid-high' },
+  { value: AC_FAN_SPEED.HIGH, i18nKey: 'high' },
+  { value: AC_FAN_SPEED.MUTE, i18nKey: 'mute' },
+  { value: AC_FAN_SPEED.TURBO, i18nKey: 'turbo' }
+];
+
+const AirConditioningFanSpeedDeviceFeature = props => {
+  const { deviceFeature } = props;
+  const { category, type } = deviceFeature;
+  const rawValue = deviceFeature.last_value;
+  const lastValue = rawValue != null && !Number.isNaN(Number(rawValue)) ? Number(rawValue) : rawValue;
+
+  const updateValue = e => {
+    props.updateValueWithDebounce(deviceFeature, Number(e.currentTarget.value));
+  };
+
+  return (
+    <tr>
+      <td>
+        <i class={`fe fe-${get(DeviceFeatureCategoriesIcon, `${category}.${type}`, { default: 'wind' })}`} />
+      </td>
+      <td>{props.rowName}</td>
+
+      <td class="py-0">
+        <div class="justify-content-end">
+          <div class="form-group mb-0">
+            <select value={lastValue} onChange={updateValue} class="form-control form-control-sm">
+              {FAN_SPEED_OPTIONS.map(option => (
+                <option value={option.value} key={option.value}>
+                  <Text id={`deviceFeatureAction.category.${category}.${type}.${option.i18nKey}`} />
+                </option>
+              ))}
+            </select>
+          </div>
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+export default AirConditioningFanSpeedDeviceFeature;

front/src/components/boxs/device-in-room/device-features/AirConditioningModeDeviceFeature.jsx

@@ -1,29 +1,26 @@
 import get from 'get-value';
 import { Text } from 'preact-i18n';
-import cx from 'classnames';
 
 import { DeviceFeatureCategoriesIcon } from '../../../../utils/consts';
 import { AC_MODE } from '../../../../../../server/utils/constants';
 
-const AirConditioningModeDeviceFeature = ({ children, ...props }) => {
-  const { deviceFeature } = props;
-  const { category, type, last_value: lastValue } = deviceFeature;
-
-  function updateValue(value) {
-    props.updateValueWithDebounce(deviceFeature, value);
-  }
+const MODE_OPTIONS = [
+  { value: AC_MODE.AUTO, i18nKey: 'auto' },
+  { value: AC_MODE.COOLING, i18nKey: 'cooling' },
+  { value: AC_MODE.HEATING, i18nKey: 'heating' },
+  { value: AC_MODE.DRYING, i18nKey: 'drying' },
+  { value: AC_MODE.FAN, i18nKey: 'fan' }
+];
 
-  function auto() {
-    updateValue(AC_MODE.AUTO);
-  }
-
-  function cooling() {
-    updateValue(AC_MODE.COOLING);
-  }
+const AirConditioningModeDeviceFeature = props => {
+  const { deviceFeature } = props;
+  const { category, type } = deviceFeature;
+  const rawValue = deviceFeature.last_value;
+  const lastValue = rawValue != null && !Number.isNaN(Number(rawValue)) ? Number(rawValue) : rawValue;
 
-  function heating() {
-    updateValue(AC_MODE.HEATING);
-  }
+  const updateValue = e => {
+    props.updateValueWithDebounce(deviceFeature, Number(e.currentTarget.value));
+  };
 
   return (
     <tr>
@@ -33,32 +30,15 @@ const AirConditioningModeDeviceFeature = ({ children, ...props }) => {
       <td>{props.rowName}</td>
 
       <td class="py-0">
-        <div class="d-flex justify-content-end">
-          <div class="btn-group" role="group">
-            <button
-              class={cx('btn btn-sm btn-secondary', {
-                active: lastValue === AC_MODE.AUTO
-              })}
-              onClick={auto}
-            >
-              <Text id={`deviceFeatureAction.category.${category}.${type}.auto`} plural={AC_MODE.HEATING} />
-            </button>
-            <button
-              class={cx('btn btn-sm btn-secondary', {
-                active: lastValue === AC_MODE.COOLING
-              })}
-              onClick={cooling}
-            >
-              <Text id={`deviceFeatureAction.category.${category}.${type}.cooling`} plural={AC_MODE.HEATING} />
-            </button>
-            <button
-              class={cx('btn btn-sm', 'btn-secondary', {
-                active: lastValue === AC_MODE.HEATING
-              })}
-              onClick={heating}
-            >
-              <Text id={`deviceFeatureAction.category.${category}.${type}.heating`} plural={AC_MODE.HEATING} />
-            </button>
+        <div class="justify-content-end">
+          <div class="form-group mb-0">
+            <select value={lastValue} onChange={updateValue} class="form-control form-control-sm">
+              {MODE_OPTIONS.map(option => (
+                <option value={option.value} key={option.value}>
+                  <Text id={`deviceFeatureAction.category.${category}.${type}.${option.i18nKey}`} />
+                </option>
+              ))}
+            </select>
           </div>
         </div>
       </td>

front/src/components/boxs/device-in-room/device-features/AirConditioningSwingDeviceFeature.jsx

@@ -0,0 +1,59 @@
+import get from 'get-value';
+import { Text } from 'preact-i18n';
+
+import { DeviceFeatureCategoriesIcon } from '../../../../utils/consts';
+import { AC_SWING_HORIZONTAL, AC_SWING_VERTICAL, DEVICE_FEATURE_TYPES } from '../../../../../../server/utils/constants';
+
+const SWING_HORIZONTAL_OPTIONS = [
+  { value: AC_SWING_HORIZONTAL.OFF, i18nKey: 'off' },
+  { value: AC_SWING_HORIZONTAL.SAME, i18nKey: 'same' },
+  { value: AC_SWING_HORIZONTAL.OPPOSITE, i18nKey: 'opposite' }
+];
+
+const SWING_VERTICAL_OPTIONS = [
+  { value: AC_SWING_VERTICAL.OFF, i18nKey: 'off' },
+  { value: AC_SWING_VERTICAL.SWING, i18nKey: 'swing' },
+  { value: AC_SWING_VERTICAL.POSITION_1, i18nKey: 'position-1' },
+  { value: AC_SWING_VERTICAL.POSITION_2, i18nKey: 'position-2' },
+  { value: AC_SWING_VERTICAL.POSITION_3, i18nKey: 'position-3' },
+  { value: AC_SWING_VERTICAL.POSITION_4, i18nKey: 'position-4' },
+  { value: AC_SWING_VERTICAL.POSITION_5, i18nKey: 'position-5' }
+];
+
+const AirConditioningSwingDeviceFeature = props => {
+  const { deviceFeature } = props;
+  const { category, type } = deviceFeature;
+  const rawValue = deviceFeature.last_value;
+  const lastValue = rawValue != null && !Number.isNaN(Number(rawValue)) ? Number(rawValue) : rawValue;
+  const options =
+    type === DEVICE_FEATURE_TYPES.AIR_CONDITIONING.SWING_HORIZONTAL ? SWING_HORIZONTAL_OPTIONS : SWING_VERTICAL_OPTIONS;
+
+  const updateValue = e => {
+    props.updateValueWithDebounce(deviceFeature, Number(e.currentTarget.value));
+  };
+
+  return (
+    <tr>
+      <td>
+        <i class={`fe fe-${get(DeviceFeatureCategoriesIcon, `${category}.${type}`, { default: 'refresh-cw' })}`} />
+      </td>
+      <td>{props.rowName}</td>
+
+      <td class="py-0">
+        <div class="justify-content-end">
+          <div class="form-group mb-0">
+            <select value={lastValue} onChange={updateValue} class="form-control form-control-sm">
+              {options.map(option => (
+                <option value={option.value} key={option.value}>
+                  <Text id={`deviceFeatureAction.category.${category}.${type}.${option.i18nKey}`} />
+                </option>
+              ))}
+            </select>
+          </div>
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+export default AirConditioningSwingDeviceFeature;

front/src/components/boxs/device-in-room/device-features/PilotWireModeDeviceFeature.jsx

@@ -41,6 +41,12 @@ const PilotWireModeDeviceFeature = ({ children, ...props }) => {
               <option value={PILOT_WIRE_MODE.COMFORT}>
                 <Text id={`deviceFeatureAction.category.${category}.${type}.comfort`} />
               </option>
+              <option value={PILOT_WIRE_MODE.PROGRAMMING}>
+                <Text id={`deviceFeatureAction.category.${category}.${type}.programming`} />
+              </option>
+              <option value={PILOT_WIRE_MODE.THERMOSTAT}>
+                <Text id={`deviceFeatureAction.category.${category}.${type}.thermostat`} />
+              </option>
             </select>
           </div>
         </div>

front/src/components/boxs/device-in-room/device-features/sensor-value/PilotWireModeDeviceValue.jsx

@@ -0,0 +1,14 @@
+import { Text } from 'preact-i18n';
+
+const PilotWireModeDeviceValue = ({ deviceFeature }) => (
+  <div>
+    {deviceFeature.last_value === null && <Text id="dashboard.boxes.devicesInRoom.noValue" />}
+    {deviceFeature.last_value !== null && (
+      <Text
+        id={`deviceFeatureValue.category.${deviceFeature.category}.${deviceFeature.type}.${deviceFeature.last_value}`}
+      />
+    )}
+  </div>
+);
+
+export default PilotWireModeDeviceValue;

front/src/components/boxs/device-in-room/device-features/sensor-value/SensorDeviceFeature.jsx

@@ -18,6 +18,7 @@ import NoRecentValueBadge from './NoRecentValueBadge';
 import TemperatureSensorDeviceValue from './TemperatureSensorDeviceValue';
 import LevelSensorDeviceValue from './LevelSensorDeviceValue';
 import PressureSensorDeviceValue from './PressureSensorDeviceValue';
+import PilotWireModeDeviceValue from './PilotWireModeDeviceValue';
 
 const DISPLAY_BY_FEATURE_CATEGORY = {
   [DEVICE_FEATURE_CATEGORIES.MOTION_SENSOR]: MotionSensorDeviceValue,
@@ -50,7 +51,8 @@ const DISPLAY_BY_FEATURE_TYPE = {
   [DEVICE_FEATURE_TYPES.ELECTRICAL_VEHICLE_CLIMATE.INDOOR_TEMPERATURE]: TemperatureSensorDeviceValue,
   [DEVICE_FEATURE_TYPES.ELECTRICAL_VEHICLE_BATTERY.BATTERY_RANGE_ESTIMATE]: DistanceSensorDeviceValue,
   [DEVICE_FEATURE_TYPES.ELECTRICAL_VEHICLE_STATE.ODOMETER]: DistanceSensorDeviceValue,
-  [DEVICE_FEATURE_TYPES.ELECTRICAL_VEHICLE_STATE.TIRE_PRESSURE]: PressureSensorDeviceValue
+  [DEVICE_FEATURE_TYPES.ELECTRICAL_VEHICLE_STATE.TIRE_PRESSURE]: PressureSensorDeviceValue,
+  [DEVICE_FEATURE_TYPES.HEATER.PILOT_WIRE_MODE]: PilotWireModeDeviceValue
 };
 
 const DEVICE_FEATURES_WITHOUT_EXPIRATION = [