(UI) Rules summary metrics format (#888)

argilla-io · Jan 7, 2022 · b7dce01 · b7dce01
1 parent a5a28ff
commit b7dce01
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/frontend/components/text-classifier/labeling-rules/RulesManagement.vue b/frontend/components/text-classifier/labeling-rules/RulesManagement.vue
@@ -82,20 +82,18 @@ export default {
           type: "action",
         },
         { name: "Label", field: "label", class: "text" },
-        { name: "Coverage", field: "coverage", class: "text", type: "number" },
+        { name: "Coverage", field: "coverage", class: "text" },
         {
           name: "Annot. Cover.",
           field: "coverage_annotated",
           class: "text",
-          type: "number",
         },
         { name: "Correct", field: "correct", class: "text" },
         { name: "Incorrect", field: "incorrect", class: "text" },
         {
           name: "Precision",
           field: "precision",
           class: "text",
-          type: "number",
         },
       ],
       sortedOrder: "desc",
@@ -126,11 +124,17 @@ export default {
           query: r.query,
           kind: "select",
           label: r.label,
-          coverage: this.metricsByLabel[r.query].coverage,
-          coverage_annotated: this.metricsByLabel[r.query].coverage_annotated,
+          coverage: this.$options.filters.percent(
+            this.metricsByLabel[r.query].coverage
+          ),
+          coverage_annotated: this.$options.filters.percent(
+            this.metricsByLabel[r.query].coverage_annotated
+          ),
           correct: this.metricsByLabel[r.query].correct,
           incorrect: this.metricsByLabel[r.query].incorrect,
-          precision: this.metricsByLabel[r.query].precision,
+          precision: this.$options.filters.percent(
+            this.metricsByLabel[r.query].precision
+          ),
         };
       });
     },