Fix label issue in some components

ui/components/parameter-list.ts

@@ -27,7 +27,7 @@ interface Attrs {
   device: FlatDevice;
   parameters: Record<
     string,
-    { type?: Expression; label: string; parameter: Expression }
+    { type?: Expression; label: Expression; parameter: Expression }
   >;
   deviceQuery: QueryResponse;
 }
@@ -62,7 +62,7 @@ const component: ClosureComponent<Attrs> = () => {
                 : "none";
             },
           },
-          m("th", parameter["label"]),
+          m("th", evaluateExpression(parameter.label, device)),
           m("td", p),
         );
       });

ui/components/parameter-table.ts

@@ -61,7 +61,9 @@ const component: ClosureComponent<Attrs> = () => {
         }
       }
 
-      const headers = Object.values(parameters).map((p) => m("th", p["label"]));
+      const headers = Object.values(parameters).map((p) =>
+        m("th", evaluateExpression(p["label"], device)),
+      );
 
       const thead = m("thead", m("tr", headers));
 

ui/overview-page.ts

@@ -60,13 +60,19 @@ export const component: ClosureComponent = (): Component => {
       document.title = "Overview - GenieACS";
       const children = [];
       for (const group of Object.values(GROUPS)) {
-        if (group["label"]) children.push(m("h1", group["label"]));
+        if (group["label"])
+          children.push(
+            m("h1", store.evaluateExpression(group["label"], null)),
+          );
 
         const groupChildren = [];
         for (const chartName of Object.values(group["charts"]) as string[]) {
           const chart = vnode.attrs["charts"][chartName];
           const chartChildren = [];
-          if (chart.label) chartChildren.push(m("h2", chart.label));
+          if (chart.label)
+            chartChildren.push(
+              m("h2", store.evaluateExpression(chart.label, null)),
+            );
 
           const attrs = {};
           attrs["chart"] = chart;