Spaces:

Infinity-1995
/

Nourish

Running

App Files Files Community

Infinity-1995 commited on 25 days ago

Commit

680f02d

verified ·

1 Parent(s): 89e26bf

Update log.html

Browse files

Files changed (1) hide show

log.html +37 -105

log.html CHANGED Viewed

@@ -1,81 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1.0">
-<title>NourishNet AI</title>
-<script src="https://cdn.tailwindcss.com"></script>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
-<style>
-body{font-family:'Inter',sans-serif;background:#F7F5F0;}
-.card{background:white;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb;}
-.btn{padding:8px 14px;border-radius:999px;font-weight:600;margin-right:6px;cursor:pointer;}
-.high{background:#ef4444;color:white;}
-.medium{background:#f59e0b;color:white;}
-.low{background:#10b981;color:white;}
-.title{font-size:22px;font-weight:800;}
-.big{font-size:18px;}
-.small{font-size:14px;color:#6b7280;}
-</style>
-</head>
-<body>
-<div class="bg-emerald-600 text-white p-6 text-2xl font-bold">
-  NourishNet AI System
-</div>
-<div class="p-8">
-<div class="card">
-<h2 class="title mb-4">Food Input</h2>
-<label>Food Type</label>
-<select id="foodType" class="w-full border p-3 rounded-lg mt-2 mb-4">
-  <option>Cooked</option>
-  <option>Baked</option>
-  <option>Raw</option>
-  <option>Packaged</option>
-</select>
-<label>Portions: <span id="portionValue">50</span></label>
-<input type="range" min="1" max="250" value="50" id="portions" class="w-full mb-4">
-<label>Expiry</label>
-<select id="expiry" class="w-full border p-3 rounded-lg mt-2">
-  <option value="2">2–4 hours</option>
-  <option value="4">4–6 hours</option>
-  <option value="6">6–8 hours</option>
-  <option value="8">8–10 hours</option>
-  <option value="24">24 hours</option>
-  <option value="48">48 hours</option>
-</select>
-</div>
-<div class="card">
-<h2 class="title mb-4">AI Recommendations</h2>
-<div id="aiBox">Click Ask AI</div>
-<button onclick="runAI()" class="mt-4 bg-emerald-600 text-white px-6 py-2 rounded-full">
-Ask AI
-</button>
-</div>
-<div class="card">
-<h2 class="title mb-4">Matched Recipients</h2>
-<div id="matchedBox">No matches yet</div>
-</div>
-<div class="text-center">
-<button onclick="confirmDonation()" class="bg-emerald-600 text-white px-8 py-3 rounded-full font-bold">
-Confirm Donation
-</button>
-</div>
-</div>
 <script>
 let current = [];
@@ -88,7 +10,7 @@ document.getElementById("portions").oninput = e=>{
   document.getElementById("portionValue").innerText = e.target.value;
 };
-/* FIXED AI CALL (IMPORTANT) */
 async function runAI(){
   document.getElementById("aiBox").innerHTML = "Thinking...";
@@ -101,7 +23,7 @@ async function runAI(){
       meals:document.getElementById("portions").value,
       foodType:document.getElementById("foodType").value,
       expiry:document.getElementById("expiry").value,
-      t: Date.now()
     })
   });
@@ -113,34 +35,31 @@ async function runAI(){
 function renderAI(){
   document.getElementById("aiBox").innerHTML =
-  current.map((x,i)=>{
-    let color =
-      x.priority === "High" ? "high" :
-      x.priority === "Medium" ? "medium" : "low";
-    return `
     <div class="border p-4 rounded-xl mb-3">
       <div class="text-xl font-bold">${x.recipient}</div>
       <div class="small">📍 ${x.km} km away</div>
       <div class="big mt-1">${x.reason}</div>
-      <span class="btn ${color} inline-block mt-2">
-        ${x.priority}
-      </span>
       <div class="mt-3">
-        <button class="btn high" onclick="accept(${i})">Accept</button>
-        <button class="btn medium" onclick="rejectAI(${i})">Reject</button>
       </div>
-    </div>`;
-  }).join("");
 }
 /* ACCEPT */
@@ -161,12 +80,25 @@ function rejectAI(i){
 function renderAccepted(){
   document.getElementById("matchedBox").innerHTML =
-  accepted.length ? accepted.map(a=>`
-    <div class="border p-3 rounded-xl mb-2">
-      <div class="font-bold">${a.recipient}</div>
-      <div class="small">${a.km} km away</div>
     </div>
-  `).join("") : "No matches yet";
 }
 /* CONFIRM */
@@ -178,13 +110,13 @@ function confirmDonation(){
   }
   localStorage.setItem("donationData", JSON.stringify({
-    accepted
   }));
   window.location.href = "confirmation.html";
 }
-</script>
-</body>
-</html>

 <script>
 let current = [];
   document.getElementById("portionValue").innerText = e.target.value;
 };
+/* FIXED AI CALL */
 async function runAI(){
   document.getElementById("aiBox").innerHTML = "Thinking...";
       meals:document.getElementById("portions").value,
       foodType:document.getElementById("foodType").value,
       expiry:document.getElementById("expiry").value,
+      t:Date.now()
     })
   });
 function renderAI(){
   document.getElementById("aiBox").innerHTML =
+  current.map((x,i)=>`
     <div class="border p-4 rounded-xl mb-3">
       <div class="text-xl font-bold">${x.recipient}</div>
       <div class="small">📍 ${x.km} km away</div>
       <div class="big mt-1">${x.reason}</div>
+      <span class="btn ${
+        x.priority=="High"?"high":
+        x.priority=="Medium"?"medium":"low"
+      }">${x.priority}</span>
       <div class="mt-3">
+        <button class="btn" style="background:#10b981;color:white"
+        onclick="accept(${i})">Accept</button>
+        <button class="btn" style="background:#ef4444;color:white"
+        onclick="rejectAI(${i})">Reject</button>
       </div>
+    </div>
+  `).join("");
 }
 /* ACCEPT */
 function renderAccepted(){
   document.getElementById("matchedBox").innerHTML =
+  accepted.length
+  ? accepted.map((a,i)=>`
+    <div class="border p-3 rounded-xl mb-2 flex justify-between">
+      <div>
+        <div class="font-bold">${a.recipient}</div>
+        <div class="small">${a.km} km</div>
+      </div>
+      <button onclick="removeMatched(${i})"
+        style="background:#ef4444;color:white"
+        class="btn">Reject</button>
     </div>
+  `).join("")
+  : "No matches yet";
+}
+/* REMOVE FROM MATCHED */
+function removeMatched(i){
+  accepted.splice(i,1);
+  renderAccepted();
 }
 /* CONFIRM */
   }
   localStorage.setItem("donationData", JSON.stringify({
+    accepted,
+    portions:document.getElementById("portions").value,
+    foodType:document.getElementById("foodType").value,
+    expiry:document.getElementById("expiry").value
   }));
   window.location.href = "confirmation.html";
 }
+</script>