commit b48d6ca45d694a7d4d55f0123b88e7e87446bd7c
author smakov <smakov@apache.org> Sun Apr 26 15:53:44 2020 +0300
committer smakov <smakov@apache.org> Sun Apr 26 15:53:57 2020 +0300
tree 7f00a2787157e8e506a838d8624f32f84cbc3b48
parent 429142bdd2c86417ae88fbeec89597be746163e1

Better formatting of model responses.

src/app/ui/main/chat/chat.component.html

diff --git a/src/app/ui/main/chat/chat.component.html b/src/app/ui/main/chat/chat.component.html
index 56e32e1..a82a74e 100644
--- a/src/app/ui/main/chat/chat.component.html
+++ b/src/app/ui/main/chat/chat.component.html
@@ -53,7 +53,7 @@
 
                 <ng-container *ngIf="s.status === 'QRY_READY'">
                     <div *ngIf="s.resBody" class="alert alert-success">
-                        {{s.resBody}}
+                        <pre>{{s.resBody | json}}</pre>
                     </div>
                     <div *ngIf="s.error" class="alert alert-danger">
                         {{s.error}}

src/app/ui/main/chat/chat.component.ts

diff --git a/src/app/ui/main/chat/chat.component.ts b/src/app/ui/main/chat/chat.component.ts
index 19bea1e..a08f55e 100644
--- a/src/app/ui/main/chat/chat.component.ts
+++ b/src/app/ui/main/chat/chat.component.ts
@@ -31,8 +31,9 @@
 
     selectedQuery: NlpQueryState
 
-    @Input()
-    allProbes: NlpProbe[]
+    private _allProbes: NlpProbe[]
+
+    private _allModels: NlpModel[]
 
     private _states: NlpQueryState[]
 
@@ -46,6 +47,26 @@
         // No-op.
     }
 
+    get allProbes(): NlpProbe[] {
+        return this._allProbes
+    }
+
+    @Input()
+    set allProbes(value: NlpProbe[]) {
+        if (!this.isSameProbeList(value)) {
+            this._allProbes = value
+
+            // Update models cache.
+            this._allModels = []
+
+            value.forEach(p => {
+                p.models.forEach(m => {
+                    this._allModels.push(m)
+                })
+            })
+        }
+    }
+
     get states(): NlpQueryState[] {
         return this._states
     }
@@ -75,15 +96,7 @@
     }
 
     allModels(): NlpModel[] {
-        const allModels: NlpModel[] = []
-
-        this.allProbes.forEach(p => {
-            p.models.forEach(m => {
-                allModels.push(m)
-            })
-        })
-
-        return allModels
+        return this._allModels
     }
 
     async checkStatus() {
@@ -156,4 +169,10 @@
             this.selectedModelId = this.allModels()[0].id
         }
     }
+
+    private isSameProbeList(value: NlpProbe[]) {
+        // Using JSON comparison for simplicity.
+        // Should replace with comparison by probe ID for better performance.
+        return JSON.stringify(value) === JSON.stringify(this._allProbes)
+    }
 }