new algorithm for state

Author: andresdlt03

control-station/src/components/BarIndicator/BarIndicator.module.scss

@@ -27,24 +27,14 @@
     transition: width 0.1s ease-in-out;
 }
 
-.icon {
-    
-}
-
 .title {
     opacity: .8;
     font-size: 24px;
     font-style: italic;
     font-weight: 300;
 }
 
-.title 
-
 .value {
     opacity: .8;
     font-size: 32px;
-}
-
-.unit {
-
 }

control-station/src/components/BarIndicator/BarIndicator.tsx

@@ -9,8 +9,7 @@ interface Props {
 }
 
 export const BarIndicator = ({icon, title, measurement}: Props) => {
-
-    measurement.value.last = 30;
+    
     const state = getState(measurement);
     const percentage = getPercentFromRange(measurement.value.last, measurement.safeRange[0]!!, measurement.safeRange[1]!!)
 

control-station/src/state.ts

@@ -19,6 +19,12 @@ export const stateToColor = {
     fault: "hsl(356, 90%, 61%)",
 };
 
+export const stateToColorBackground = {
+    stable: "hsl(92, 82%, 86%)",
+    warning: "hsl(52, 90%, 86%)",
+    fault: "hsl(356, 90%, 86%)",
+};
+
 export function getState(meas: Measurement): State {
     if (isNumericMeasurement(meas)) {
         return getStateFromRange(
@@ -63,3 +69,8 @@ export function getStateFromRange(
 
     return "fault";
 }
+
+export function getPercentFromRange(value: number, min: number, max: number): number {
+    const normValue = Math.max(Math.min(value, max), min);
+    return ((normValue - min) / (max - min)) * 100;
+}