From 3ceea8cb38f0fe7634e285e4cbfe525edfc8ebaa Mon Sep 17 00:00:00 2001
From: lehel <lehel@upvest.co>
Date: Wed, 1 Oct 2025 21:27:31 +0200
Subject: [PATCH] db editor for admin page

---
 chat_service_integration_test.go |   2 +-
 db.yaml                          |  15 ++++++
 log.go                           |   1 +
 ui.html                          |  39 +++++---------
 ui_dbedit.html                   |  87 +++++++++++++++----------------
 visits.bleve/store/root.bolt     | Bin 262144 -> 262144 bytes
 6 files changed, 73 insertions(+), 71 deletions(-)

diff --git a/chat_service_integration_test.go b/chat_service_integration_test.go
index 837da5d..6886d58 100644
--- a/chat_service_integration_test.go
+++ b/chat_service_integration_test.go
@@ -57,7 +57,7 @@ func TestChatService_MatchFound(t *testing.T) {
 	}
 	visit := Visit{
 		ID:         "deworming",
-		Procedures: []Procedure{{Name: "Deworming tablet", Price: 30, DurationMin: 10}},
+		Procedures: []Procedure{{Name: "Deworming tablet", Price: 30, DurationMin: 10, Note: ""}},
 		Notes:      "Bloodwork ensures organs are safe for treatment.",
 	}
 	var db VisitDBAPI = &testVisitDB{
diff --git a/db.yaml b/db.yaml
index 4f2a6dd..2bb2275 100644
--- a/db.yaml
+++ b/db.yaml
@@ -5,9 +5,11 @@
     - name: "Alap vérvizsgálat"
       price: 12000
       duration_minutes: 30
+      note: ""
     - name: "Féregtelenítő kezelés"
       price: 8000
       duration_minutes: 15
+      note: ""
   notes: "A kezelés előtt vérvizsgálat szükséges a biztonságos gyógyszeradás miatt."
 
 - id: vaccination
@@ -17,9 +19,11 @@
     - name: "Általános állapotfelmérés"
       price: 6000
       duration_minutes: 15
+      note: ""
     - name: "Oltás beadása"
       price: 10000
       duration_minutes: 10
+      note: ""
   notes: "A kutyák oltási programja eltérhet az életkortól és korábbi oltásoktól függően."
 
 - id: neutering
@@ -29,9 +33,11 @@
     - name: "Műtéti előzetes vizsgálat"
       price: 15000
       duration_minutes: 30
+      note: ""
     - name: "Ivartalanító műtét"
       price: 35000
       duration_minutes: 90
+      note: ""
   notes: "A műtét után 2-3 nap pihenő szükséges."
 
 - id: dental_cleaning
@@ -41,9 +47,11 @@
     - name: "Altatás előtti vizsgálat"
       price: 12000
       duration_minutes: 20
+      note: ""
     - name: "Fogkő eltávolítás ultrahanggal"
       price: 25000
       duration_minutes: 60
+      note: ""
   notes: "Az altatás kockázata miatt minden esetben szükséges előzetes vizsgálat."
 
 - id: checkup
@@ -53,6 +61,7 @@
     - name: "Teljes fizikai vizsgálat"
       price: 10000
       duration_minutes: 30
+      note: ""
   notes: "Évente legalább egyszer javasolt a rutin állapotfelmérés."
 
 - id: allergy
@@ -62,6 +71,7 @@
     - name: "Bőr- és vérvizsgálat"
       price: 20000
       duration_minutes: 45
+      note: ""
   notes: "Az allergia gyakran étel vagy környezeti tényező miatt alakul ki."
 
 - id: ultrasound
@@ -71,6 +81,7 @@
     - name: "Ultrahang vizsgálat"
       price: 18000
       duration_minutes: 30
+      note: ""
   notes: "Terhesség vagy belső szervi problémák vizsgálatára gyakran használt módszer."
 
 - id: bloodwork
@@ -80,6 +91,7 @@
     - name: "Teljes vérkép"
       price: 15000
       duration_minutes: 20
+      note: ""
   notes: "Sok más vizsgálat alapja a laboreredmény."
 
 - id: xray
@@ -89,6 +101,7 @@
     - name: "Röntgen vizsgálat"
       price: 16000
       duration_minutes: 25
+      note: ""
   notes: "Törések, csontelváltozások vizsgálatára javasolt."
 
 - id: diarrhea
@@ -98,7 +111,9 @@
     - name: "Állatorvosi konzultáció"
       price: 8000
       duration_minutes: 20
+      note: ""
     - name: "Székletvizsgálat"
       price: 10000
       duration_minutes: 30
+      note: ""
   notes: "Akut hasmenés esetén mindig javasolt a mihamarabbi vizsgálat."
diff --git a/log.go b/log.go
index cd90f4e..d8024e5 100644
--- a/log.go
+++ b/log.go
@@ -28,6 +28,7 @@ type Procedure struct {
 	Name        string `yaml:"name" json:"name"`
 	Price       int    `yaml:"price" json:"price"`
 	DurationMin int    `yaml:"duration_minutes" json:"duration_minutes"`
+	Note        string `yaml:"note" json:"note"`
 }
 
 // Visit represents a visit entry
diff --git a/ui.html b/ui.html
index 0772032..26cae77 100644
--- a/ui.html
+++ b/ui.html
@@ -3,22 +3,16 @@
 <head>
   <meta charset="UTF-8">
   <title>Vet Clinic Chat Assistant</title>
-  <style>
-    body { font-family: sans-serif; margin: 2em; }
-    #chatbox { width: 100%; max-width: 600px; margin: 0 auto; }
-    #messages { border: 1px solid #ccc; min-height: 120px; padding: 1em; margin-bottom: 1em; background: #fafafa; }
-    .msg-user { color: #333; }
-    .msg-bot { color: #007a3d; margin-bottom: 1em; }
-    #input { width: 80%; padding: 0.5em; }
-    #send { padding: 0.5em 1em; }
-  </style>
+  <script src="https://cdn.tailwindcss.com"></script>
 </head>
-<body>
-  <div id="chatbox">
-    <h2>Vet Clinic Chat Assistant</h2>
-    <div id="messages"></div>
-    <input id="input" type="text" placeholder="Type your message..." autofocus />
-    <button id="send">Send</button>
+<body class="bg-gray-50 min-h-screen flex items-center justify-center">
+  <div id="chatbox" class="w-full max-w-md mx-auto bg-white rounded-xl shadow-lg p-6">
+    <h2 class="text-2xl font-bold mb-4 text-center text-green-700">Vet Clinic Chat Assistant</h2>
+    <div id="messages" class="border border-gray-300 min-h-[120px] p-3 mb-4 bg-gray-100 rounded-lg overflow-y-auto" style="max-height: 300px;"></div>
+    <div class="flex gap-2">
+      <input id="input" type="text" placeholder="Type your message..." autofocus class="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-400" />
+      <button id="send" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition">Send</button>
+    </div>
   </div>
   <script>
     const messages = document.getElementById('messages');
@@ -26,7 +20,7 @@
     const send = document.getElementById('send');
     function appendMsg(text, who) {
       const div = document.createElement('div');
-      div.className = who === 'user' ? 'msg-user' : 'msg-bot';
+      div.className = who === 'user' ? 'text-gray-800 mb-2' : 'text-green-700 mb-2';
       div.textContent = text;
       messages.appendChild(div);
       messages.scrollTop = messages.scrollHeight;
@@ -49,21 +43,14 @@
         if (data.procedures) {
           txt += "Procedures:\n";
           data.procedures.forEach(function(p) {
-            txt += "- " + p.name + ": " + p.price + " Ft, " + p.duration_minutes + " perc\n";
+            txt += "- " + p + "\n";
           });
         }
-        if (data.total_price) txt += "Total: " + data.total_price + " Ft\n";
-        if (data.total_duration) txt += "Total duration: " + data.total_duration + " perc\n";
-        if (data.notes) txt += "Notes: " + data.notes + "\n";
         appendMsg(txt, 'bot');
       } else {
-        appendMsg('Sorry, no match found. Your message will be sent to the vet.', 'bot');
+        appendMsg(data.reply || 'No match found.', 'bot');
       }
-    };
-    input.addEventListener('keydown', function(e) {
-      if (e.key === 'Enter') send.onclick();
-    });
+    }
   </script>
 </body>
 </html>
-
diff --git a/ui_dbedit.html b/ui_dbedit.html
index 2fc005c..f30cd06 100644
--- a/ui_dbedit.html
+++ b/ui_dbedit.html
@@ -3,23 +3,19 @@
 <head>
   <meta charset="UTF-8">
   <title>Edit db.yaml</title>
-  <style>
-    body { font-family: sans-serif; margin: 2em; }
-    #editor { max-width: 900px; margin: 0 auto; }
-    textarea { width: 100%; height: 300px; margin-bottom: 1em; }
-    button { padding: 0.5em 1em; margin-right: 1em; }
-    #status { color: #007a3d; margin-bottom: 1em; }
-  </style>
+  <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://cdn.jsdelivr.net/npm/js-yaml@4.1.0/dist/js-yaml.min.js"></script>
 </head>
-<body>
-  <div id="editor">
-    <h2>Edit db.yaml</h2>
-    <div id="status"></div>
-    <button id="load">Load db.yaml</button>
-    <button id="add">Add Entry</button>
-    <button id="download">Download YAML</button>
-    <textarea id="yamlArea" placeholder="YAML will appear here..."></textarea>
+<body class="bg-gray-50 min-h-screen flex items-center justify-center">
+  <div id="editor" class="w-full max-w-2xl mx-auto bg-white rounded-xl shadow-lg p-6">
+    <h2 class="text-2xl font-bold mb-4 text-center text-green-700">Edit db.yaml</h2>
+    <div id="status" class="mb-2 text-green-700"></div>
+    <div class="flex flex-wrap gap-2 mb-4">
+      <button id="load" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Load db.yaml</button>
+      <button id="add" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition">Add Entry</button>
+      <button id="download" class="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition">Download YAML</button>
+    </div>
+    <textarea id="yamlArea" placeholder="YAML will appear here..." class="w-full h-40 mb-4 p-2 border border-gray-300 rounded-lg bg-gray-100 text-sm"></textarea>
     <div id="formArea"></div>
   </div>
   <script>
@@ -68,21 +64,30 @@
       if (!Array.isArray(data)) return;
       data.forEach((entry, idx) => {
         const div = document.createElement('div');
-        div.style.border = '1px solid #ccc';
-        div.style.padding = '1em';
-        div.style.marginBottom = '1em';
+        div.className = "border border-gray-300 rounded-lg p-4 mb-6 bg-gray-50";
         div.innerHTML = `
-          <b>Entry #${idx+1}</b> <button onclick="removeEntry(${idx})">Remove</button><br>
-          <label>ID: <input type="text" value="${entry.id||''}" onchange="updateEntry(${idx}, 'id', this.value)"></label><br>
-          <label>Visit:<br><textarea rows="4" style="width:100%" onchange="updateEntry(${idx}, 'visit', this.value)">${entry.visit||''}</textarea></label><br>
-          <label>Keywords:</label>
-          <div id="keywords${idx}" style="margin-bottom:0.5em;"></div>
-          <input type="text" id="keywordInput${idx}" placeholder="Add keyword..." style="width:200px;">
-          <button type="button" onclick="addKeyword(${idx})">Add</button><br>
-          <label>Notes:<br><textarea rows="2" style="width:100%;height:48px;resize:vertical;" onchange="updateEntry(${idx}, 'notes', this.value)">${entry.notes||''}</textarea></label><br>
-          <b>Procedures:</b><br>
-          <div id="procedures${idx}"></div>
-          <button onclick="addProcedure(${idx})">Add Procedure</button>
+          <div class="flex items-center justify-between mb-2">
+            <span class="font-semibold text-lg">Entry #${idx+1}</span>
+            <button type="button" onclick="removeEntry(${idx})" class="px-2 py-1 bg-red-500 text-white rounded hover:bg-red-600">Remove</button>
+          </div>
+          <label class="block mb-2">ID:
+            <input type="text" value="${entry.id||''}" onchange="updateEntry(${idx}, 'id', this.value)" class="mt-1 w-full px-3 py-2 border border-gray-300 rounded-lg" />
+          </label>
+          <label class="block mb-2">Visit:<br>
+            <textarea rows="4" class="mt-1 w-full px-3 py-2 border border-gray-300 rounded-lg" onchange="updateEntry(${idx}, 'visit', this.value)">${entry.visit||''}</textarea>
+          </label>
+          <label class="block mb-2">Keywords:</label>
+          <div id="keywords${idx}" class="flex flex-wrap gap-2 mb-2"></div>
+          <div class="flex gap-2 mb-2">
+            <input type="text" id="keywordInput${idx}" placeholder="Add keyword..." class="px-3 py-2 border border-gray-300 rounded-lg" style="width:200px;">
+            <button type="button" onclick="addKeyword(${idx})" class="px-3 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">Add</button>
+          </div>
+          <label class="block mb-2">Notes:<br>
+            <textarea rows="2" style="height:48px;resize:vertical;" class="mt-1 w-full px-3 py-2 border border-gray-300 rounded-lg" onchange="updateEntry(${idx}, 'notes', this.value)">${entry.notes||''}</textarea>
+          </label>
+          <b class="block mb-2">Procedures:</b>
+          <div id="procedures${idx}" class="mb-2"></div>
+          <button onclick="addProcedure(${idx})" class="px-3 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600">Add Procedure</button>
         `;
         formArea.appendChild(div);
         renderKeywords(idx, entry.keywords||[]);
@@ -109,7 +114,7 @@
 
     window.addProcedure = function(idx) {
       if (!Array.isArray(data[idx].procedures)) data[idx].procedures = [];
-      data[idx].procedures.push({name: '', price: 0, duration_minutes: 0});
+      data[idx].procedures.push({name: '', price: 0, duration_minutes: 0, note: ''});
       renderForm();
       yamlArea.value = jsyaml.dump(data);
     };
@@ -152,17 +157,10 @@
       keywords.forEach((kw, kwIdx) => {
         const span = document.createElement('span');
         span.textContent = kw;
-        span.style.border = '1px solid #aaa';
-        span.style.padding = '2px 8px';
-        span.style.marginRight = '4px';
-        span.style.background = '#f0f0f0';
-        span.style.borderRadius = '12px';
-        span.style.display = 'inline-block';
-        span.style.marginBottom = '2px';
+        span.className = "inline-flex items-center bg-green-100 text-green-800 border border-green-300 rounded-full px-3 py-1 text-sm";
         const btn = document.createElement('button');
         btn.textContent = 'x';
-        btn.style.marginLeft = '4px';
-        btn.style.fontSize = '10px';
+        btn.className = "ml-2 text-xs bg-red-400 text-white rounded-full px-2 py-0.5 hover:bg-red-500";
         btn.onclick = function() { removeKeyword(idx, kwIdx); };
         span.appendChild(btn);
         kwDiv.appendChild(span);
@@ -174,12 +172,13 @@
       procDiv.innerHTML = '';
       procedures.forEach((proc, procIdx) => {
         const pdiv = document.createElement('div');
-        pdiv.style.marginBottom = '0.5em';
+        pdiv.className = "mb-2 p-2 border border-gray-200 rounded-lg bg-white";
         pdiv.innerHTML = `
-          <label>Name: <input type="text" value="${proc.name||''}" onchange="updateProcedure(${entryIdx},${procIdx},'name',this.value)"></label>
-          <label>Price: <input type="number" value="${proc.price||0}" onchange="updateProcedure(${entryIdx},${procIdx},'price',this.value)"></label>
-          <label>Duration (min): <input type="number" value="${proc.duration_minutes||0}" onchange="updateProcedure(${entryIdx},${procIdx},'duration_minutes',this.value)"></label>
-          <button onclick="removeProcedure(${entryIdx},${procIdx})">Remove</button>
+          <label class="mr-2">Name: <input type="text" value="${proc.name||''}" onchange="updateProcedure(${entryIdx},${procIdx},'name',this.value)" class="px-2 py-1 border border-gray-300 rounded-lg" /></label>
+          <label class="mr-2">Price: <input type="number" value="${proc.price||0}" onchange="updateProcedure(${entryIdx},${procIdx},'price',this.value)" class="px-2 py-1 border border-gray-300 rounded-lg w-20" /></label>
+          <label class="mr-2">Duration (min): <input type="number" value="${proc.duration_minutes||0}" onchange="updateProcedure(${entryIdx},${procIdx},'duration_minutes',this.value)" class="px-2 py-1 border border-gray-300 rounded-lg w-20" /></label>
+          <label class="block mt-2">Note:<br><input type="text" value="${proc.note||''}" onchange="updateProcedure(${entryIdx},${procIdx},'note',this.value)" class="mt-1 w-full px-2 py-1 border border-gray-300 rounded-lg text-sm" placeholder="Short note..." /></label>
+          <button onclick="removeProcedure(${entryIdx},${procIdx})" class="px-2 py-1 bg-red-500 text-white rounded hover:bg-red-600 mt-2">Remove</button>
         `;
         procDiv.appendChild(pdiv);
       });
diff --git a/visits.bleve/store/root.bolt b/visits.bleve/store/root.bolt
index 3b898ffd034fe96ff0abee6690aff6cc21a40b8d..6955f031fb5178319dbaca767a6f20c204b030a5 100644
GIT binary patch
delta 301
zcmZo@5NK!+nBX9w!vFz+a;F$=-f!327`Wbk@_&0r0bQs>&909LrF&DeKoXn(*UK@f
z8JSrb8R!|B7+6>uY8x0?85opQ7Nk}s7L=tH6=&w>0W}IR%$e-ipfNeSNrlm5@q{Kj
z#-z;?5A-m?^qLtM7@6VJI}fhcZ1aSs0^2E!6VUXV8km^iwi{jlGzUfn#`)V79T?>u
gl;<)*JqDxZvA|eR8mw}zecJ)XwgXJd4lp|a03v2p_y7O^

delta 301
zcmZo@5NK!+nBX9w!T<r0`7V(y>V0Y(1J~P6{%`LnpbC{J$t>s8ZS5}tNo@XKFUO>2
zXlZ3?pl4!XVPb5dZD3?&U{F$7kXn^kP?lO$oSB~o)F{9(W3pp|#^mfK6-I-_6PoN8
zD>hF&(8CDTYiej_Y;25E?<}}pqs<eV3T&q^PC(OdU}SEF+irCI(;OHT7-w%+bYPTs
gP@c&I^%#tr#R6kNX|T$<_H73k+YT@-JHYG!05J4a8~^|S