diff --git a/ui/projects/ask/src/app/home/home.component.html b/ui/projects/ask/src/app/home/home.component.html index f1ae836..313526d 100644 --- a/ui/projects/ask/src/app/home/home.component.html +++ b/ui/projects/ask/src/app/home/home.component.html @@ -33,8 +33,10 @@

…and we'll try to locate the answer in

Not sure what to search for? Here are a few examples:

- @for (example of deployment?.examples ; track example) { -
-  "{{ example }}"
+ @for (example of deployment?.examples ; track example) { +
-  " + {{ example }} + "
}
diff --git a/ui/projects/ask/src/app/home/home.component.less b/ui/projects/ask/src/app/home/home.component.less index 8a9cc32..f36e8a8 100644 --- a/ui/projects/ask/src/app/home/home.component.less +++ b/ui/projects/ask/src/app/home/home.component.less @@ -219,6 +219,11 @@ .font-sans-400; font-size: 16px; font-style: italic; + a { + cursor: pointer; + text-decoration: underline; + color: @color-blue-2; + } } } } diff --git a/ui/projects/ask/src/app/home/home.component.ts b/ui/projects/ask/src/app/home/home.component.ts index d78cd2d..160f262 100644 --- a/ui/projects/ask/src/app/home/home.component.ts +++ b/ui/projects/ask/src/app/home/home.component.ts @@ -91,10 +91,11 @@ export class HomeComponent { }); } - ask() { - if (this.question) { + ask(example?: string) { + const question = example || this.question; + if (question) { this.loading = true; - this.api.getAnswer(undefined, this.question, this.deployment_id) + this.api.getAnswer(undefined, question, this.deployment_id) .pipe( catchError((error) => { this.setAnswer('Error: ' + error.message);