From 518983b0f689e1072d39530e78d15334363b05ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=E1=BA=A7n=20V=C4=A9nh=20Thi=E1=BB=87n=20Ph=C3=BAc?=
 <phuc.tranvinhthien@axonactive.com>
Date: Fri, 6 Dec 2024 10:32:30 +0700
Subject: [PATCH] MARP-1546 Handle Feedbacks

---
 .../vertexai/chatWithAi/chatWithAi.xhtml        | 17 ++++++++++++++---
 .../webContent/layouts/styles/chatwithai.css    | 15 +++++++++++++++
 .../utils/GeminiDataRequestServiceUtils.java    |  2 +-
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/vertexai-google-demo/src_hd/com/axonivy/connector/vertexai/chatWithAi/chatWithAi.xhtml b/vertexai-google-demo/src_hd/com/axonivy/connector/vertexai/chatWithAi/chatWithAi.xhtml
index b82357a..d37c4d5 100644
--- a/vertexai-google-demo/src_hd/com/axonivy/connector/vertexai/chatWithAi/chatWithAi.xhtml
+++ b/vertexai-google-demo/src_hd/com/axonivy/connector/vertexai/chatWithAi/chatWithAi.xhtml
@@ -13,10 +13,21 @@
 		<ui:define name="content">
 			<h:outputStylesheet name="layouts/styles/chatwithai.css" />
 			<h:form id="form" styleClass="form-container">
-				<p:dialog header="Error" widgetVar="errorDialog" modal="true"
-					closable="true">
-					<h:outputText value="#{managedBean.errorMessage}" />
+				<p:dialog id="errorDialog" widgetVar="errorDialog" header="Error"
+					showEffect="fade" hideEffect="fade" closable="true"
+					responsive="true">
+					<div class="icon-error-message">
+						<i class="pi pi-exclamation-triangle"
+							style="font-size: 24px; color: orange;"></i>
+						<h:outputText class="error-message" value="#{managedBean.errorMessage}"/>
+					</div>
+					<br />
+					<div class="cancel-error-dialog-button">
+						<p:commandButton value="Cancel"
+							onclick="PF('errorDialog').hide();" class="ui-confirmdialog-yes" />
+					</div>
 				</p:dialog>
+
 				<p:panelGrid columns="1" layout="grid">
 					<div id="model-option">
 						<p:outputLabel for="option" value="Model:" />
diff --git a/vertexai-google-demo/webContent/layouts/styles/chatwithai.css b/vertexai-google-demo/webContent/layouts/styles/chatwithai.css
index ef81f0c..86ee067 100644
--- a/vertexai-google-demo/webContent/layouts/styles/chatwithai.css
+++ b/vertexai-google-demo/webContent/layouts/styles/chatwithai.css
@@ -55,4 +55,19 @@
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
+}
+
+.cancel-error-dialog-button {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.icon-error-message {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.error-message {
+	font-size: 14px;
 }
\ No newline at end of file
diff --git a/vertexai-google/src/com/axonivy/connector/vertexai/utils/GeminiDataRequestServiceUtils.java b/vertexai-google/src/com/axonivy/connector/vertexai/utils/GeminiDataRequestServiceUtils.java
index f592e07..a4e4023 100644
--- a/vertexai-google/src/com/axonivy/connector/vertexai/utils/GeminiDataRequestServiceUtils.java
+++ b/vertexai-google/src/com/axonivy/connector/vertexai/utils/GeminiDataRequestServiceUtils.java
@@ -31,7 +31,7 @@ public class GeminiDataRequestServiceUtils {
 
 	public static InputStream getInputStream(String keyFilePath) throws IOException {
 		if (StringUtils.isBlank(keyFilePath)) {
-			throw new IOException("VertexAi credential file path is empty");
+			throw new IOException("Vertex AI credential file path is missing. Please provide it and try again!");
 		}
 
 		try {