UI: Disable UnitConversion in state chart widgets

ui-ngx/src/app/modules/home/components/widget/config/basic/chart/time-series-chart-basic-config.component.html

@@ -104,6 +104,7 @@
   </tb-time-series-chart-states-panel>
   <tb-time-series-chart-y-axes-panel
     formControlName="yAxes"
+    [supportsUnitConversion]="widgetConfig.typeParameters.supportsUnitConversion"
     (axisRemoved)="yAxisRemoved($event)">
   </tb-time-series-chart-y-axes-panel>
   <tb-time-series-chart-thresholds-panel
@@ -112,7 +113,8 @@
     [dataKeyCallbacks]="callbacks"
     [datasource]="datasource"
     [widgetConfig]="widgetConfig?.config"
-    [yAxisIds]="yAxisIds">
+    [yAxisIds]="yAxisIds"
+    [supportsUnitConversion]="widgetConfig.typeParameters.supportsUnitConversion">
   </tb-time-series-chart-thresholds-panel>
   <div class="tb-form-panel">
     <div class="tb-form-panel-title" translate>widget-config.appearance</div>

ui-ngx/src/app/modules/home/components/widget/lib/settings/chart/time-series-chart-widget-settings.component.html

@@ -63,6 +63,7 @@
   <tb-time-series-chart-y-axes-panel
     formControlName="yAxes"
     (axisRemoved)="yAxisRemoved($event)"
+    [supportsUnitConversion]="widgetConfig.typeParameters.supportsUnitConversion"
     advanced>
   </tb-time-series-chart-y-axes-panel>
   <tb-time-series-chart-thresholds-panel
@@ -71,7 +72,8 @@
       [dataKeyCallbacks]="dataKeyCallbacks"
       [datasource]="datasource"
       [widgetConfig]="widgetConfig?.config"
-      [yAxisIds]="yAxisIds">
+      [yAxisIds]="yAxisIds"
+      [supportsUnitConversion]="widgetConfig.typeParameters.supportsUnitConversion">
   </tb-time-series-chart-thresholds-panel>
   <div class="tb-form-panel">
     <div class="tb-form-panel-title" translate>widgets.time-series-chart.chart-style</div>

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-threshold-row.component.html

@@ -89,7 +89,8 @@
     </tb-color-input>
   </div>
   <div class="tb-units-field">
-    <tb-unit-input formControlName="units" supportsUnitConversion>
+    <tb-unit-input formControlName="units"
+                   [supportsUnitConversion]="supportsUnitConversion">
     </tb-unit-input>
   </div>
   <div class="tb-decimals-field">

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-threshold-row.component.ts

@@ -106,6 +106,10 @@ export class TimeSeriesChartThresholdRowComponent implements ControlValueAccesso
   @coerceBoolean()
   hideYAxis = false;
 
+  @Input()
+  @coerceBoolean()
+  supportsUnitConversion = false;
+
   @Output()
   thresholdRemoved = new EventEmitter();
 

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-thresholds-panel.component.html

@@ -33,6 +33,7 @@
                                     [formControl]="thresholdControl"
                                     [hideYAxis]="hideYAxis"
                                     [yAxisIds]="yAxisIds"
+                                    [supportsUnitConversion]="supportsUnitConversion"
                                     (thresholdRemoved)="removeThreshold($index)">
         </tb-time-series-chart-threshold-row>
         <mat-divider *ngIf="!$last"></mat-divider>

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-thresholds-panel.component.ts

@@ -84,6 +84,10 @@ export class TimeSeriesChartThresholdsPanelComponent implements ControlValueAcce
   @coerceBoolean()
   hideYAxis = false;
 
+  @Input()
+  @coerceBoolean()
+  supportsUnitConversion = true;
+
   thresholdsFormGroup: UntypedFormGroup;
 
   private propagateChange = (_val: any) => {};

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-y-axes-panel.component.html

@@ -39,6 +39,7 @@
         <tb-time-series-chart-y-axis-row class="flex-1"
                                             [formControl]="axisControl"
                                             [advanced]="advanced"
+                                            [supportsUnitConversion]="supportsUnitConversion"
                                             (axisRemoved)="removeAxis($index)">
         </tb-time-series-chart-y-axis-row>
         <div class="tb-form-table-row-cell-buttons">

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-y-axes-panel.component.ts

@@ -75,6 +75,10 @@ export class TimeSeriesChartYAxesPanelComponent implements ControlValueAccessor,
   @coerceBoolean()
   advanced = false;
 
+  @Input()
+  @coerceBoolean()
+  supportsUnitConversion = false;
+
   @Output()
   axisRemoved = new EventEmitter<TimeSeriesChartYAxisId>();
 

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-y-axis-row.component.html

@@ -41,7 +41,7 @@
     </mat-form-field>
   </div>
   <div class="tb-units-field">
-    <tb-unit-input formControlName="units" supportsUnitConversion>
+    <tb-unit-input formControlName="units" [supportsUnitConversion]="supportsUnitConversion">
     </tb-unit-input>
   </div>
   <div class="tb-decimals-field">

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/chart/time-series-chart-y-axis-row.component.ts

@@ -69,6 +69,10 @@ export class TimeSeriesChartYAxisRowComponent implements ControlValueAccessor, O
   @coerceBoolean()
   advanced = false;
 
+  @Input()
+  @coerceBoolean()
+  supportsUnitConversion = false;
+
   @Output()
   axisRemoved = new EventEmitter();