From 0cab5429834ae77fd78a73f9f597b744f1ce5f25 Mon Sep 17 00:00:00 2001 From: Ioannis Canellos <iocanel@gmail.com> Date: Sat, 11 May 2024 15:41:58 +0300 Subject: [PATCH] feat: add hints in the triage review page --- .../resources/components/demo-review.js | 21 +++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/samples/review-triage/src/main/resources/META-INF/resources/components/demo-review.js b/samples/review-triage/src/main/resources/META-INF/resources/components/demo-review.js index 12ef73959..77f4ffb0d 100644 --- a/samples/review-triage/src/main/resources/META-INF/resources/components/demo-review.js +++ b/samples/review-triage/src/main/resources/META-INF/resources/components/demo-review.js @@ -64,10 +64,27 @@ export class DemoReview extends LitElement { return html` <vaadin-horizontal-layout theme="spacing padding" style="align-items: baseline"> - ${outcome} + + <vaadin-vertical-layout theme="spacing padding" + style="align-items: baseline"> + + ${outcome} + <p>Things you can try:</p> + <ul> + <li> + <a href="#" @click=${() => { this.review = "You are great! Keep up the good work!"; }}>You are great! Keep up the good work!</a>< + /li> + <li> + <a href="#" @click=${() => { this.review = "You are thieves! I want my moeny back!"; }}>You are thieves! I want my moeny back!</a> + </li> + </ul> + </vaadin-vertical-layout> + </vaadin-horizontal-layout> <vaadin-horizontal-layout theme="spacing padding" style="align-items: baseline"> + + <vaadin-text-area label="Write your review:" .maxlength=1024 @@ -112,4 +129,4 @@ export class DemoReview extends LitElement { } -customElements.define('demo-review', DemoReview); \ No newline at end of file +customElements.define('demo-review', DemoReview);