Fix issues in last PR (#43)

Co-authored-by: Andrew <akmolina28@users.noreply.github.com> * selecting a profile should de-select the others * round off confidence percentages
akmolina28 · Feb 9, 2021 · 615be15 · 615be15
1 parent 01a5c78
commit 615be15
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/src/resources/js/app.js b/src/resources/js/app.js
@@ -11,6 +11,10 @@ Vue.filter('dateStr', function(value) {
     return moment.utc(value).local();
 });
 
+Vue.filter('percentage', function (value) {
+    return Math.round(value * 100) + "%";
+});
+
 Vue.filter('dateStrRelative', function(value) {
     return moment.utc(value).local().fromNow();
 });

diff --git a/src/resources/js/components/ShowDetectionEvent.vue b/src/resources/js/components/ShowDetectionEvent.vue
@@ -199,12 +199,6 @@
             }
         },
 
-        filters: {
-            percentage(value) {
-                return (value * 100) + "%";
-            }
-        },
-
         methods: {
             soloHighlightPrediction(prediction) {
                 if (this.soloPrediction && this.soloPrediction.id === prediction.id) {
@@ -369,13 +363,16 @@
                 this.highlightMask = null;
             },
 
-            highlightAllPredictions() {
-                this.soloPrediction = null;
-                this.highlightMask = null;
-
+            clearSelectedProfile() {
                 this.event.pattern_matched_profiles.forEach(p => {
                     if (p.isSelected) this.toggleSelectedProfile(p);
                 });
+            },
+
+            highlightAllPredictions() {
+                this.soloPrediction = null;
+                this.highlightMask = null;
+                this.clearSelectedProfile();
 
                 let predictions = [];
 
@@ -400,6 +397,10 @@
                 this.soloPrediction = null;
                 profile.isSelected = !profile.isSelected;
 
+                this.event.pattern_matched_profiles.forEach(p => {
+                    if (p.id !== profile.id) p.isSelected = false;
+                });
+
                 if (profile.isSelected) {
                     this.highlightPredictions = this.sortPredictions(this.getPredictionsForProfile(profile));
                     this.highlightMask = profile.use_mask ? profile.slug + '.png' : null;