4/10

app.py

@@ -64,13 +64,23 @@ async def classify_text(input: TextInput):
                 else:
                     print(f"การส่งการแจ้งเตือนส่วนที่ {i+1}/{len(message_parts)} ผ่าน LINE ล้มเหลว")
 
-            return {"result": result, "message": "Negative sentiment detected and notification sent to LINE."}
+            return {
+                "result": result, 
+                "message": f"Negative sentiment detected and notification sent to LINE. \n{message}",
+                "formatted_message": message
+            }
         else:
-            return {"result": result, "message": "Sentiment is not negative. No notification sent."}
+            message = f"[Sentiment Info]: ข้อความ: {input.text} \n csi score: {score:.2f}"
+            return {
+                "result": result, 
+                "message": "Sentiment is not negative. No notification sent.",
+                "formatted_message": message
+            }
 
     except Exception as e:
         raise HTTPException(status_code=500, detail=str(e))
 
+
 app.mount("/", StaticFiles(directory="static", html=True), name="static")
 
 @app.get("/")

static/script.js

@@ -29,7 +29,7 @@ document.getElementById('textForm').addEventListener('submit', async function(ev
 
         if (response.ok) {
             successMessage.style.display = "block";
-            successMessage.textContent = data.message;
+            successMessage.textContent = data.formatted_message;  // Display the formatted message with line breaks
         } else {
             throw new Error(data.detail || 'An error occurred');
         }

static/style.css

@@ -62,6 +62,8 @@ button:hover {
     background-color: #e7f9e7;
     color: #2d7a2d;
     border: 1px solid #4CAF50;
+    white-space: pre-wrap;
+    /* To preserve newlines */
 }
 
 .error {
@@ -82,6 +84,11 @@ button:hover {
 }
 
 @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
 }