Spaces:

zenityx
/

ruamtalayAdmin

Running

App Files Files Community

zenityx commited on May 26, 2025

Commit

3406bb1

verified ·

1 Parent(s): 4093ef0

Upload 2 files

Browse files

Files changed (2) hide show

admin.html +50 -0
admin.js +140 -10

admin.html ADDED Viewed

	@@ -0,0 +1,50 @@

+<!DOCTYPE html>
+<html lang="th">
+<head>
+  <meta charset="UTF-8">
+  <title>Admin เช็กบิลโต๊ะ</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    body { font-family: 'Sarabun', sans-serif; background: #f9f5ef; margin:0; padding:20px;}
+    .box { max-width:440px; margin:30px auto; background:#fff; border-radius:10px; box-shadow:0 0 8px #b3c6e0; padding:22px; }
+    h2 { color:#145bb4; }
+    .order-item {display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
+    .total {font-weight:bold; text-align:right; color:#1566a4; margin-top:14px;}
+    button {padding:6px 16px;border:none;border-radius:8px;background:#145bb4;color:#fff;font-weight:bold;font-size:1rem;margin:0 2px;}
+    select,input[type=number] {font-size:1rem; margin:0 3px;}
+    #add-form { margin:20px 0; padding:10px 0; border-top:1px solid #eee; }
+    .order-item button {background:#e64343;}
+    .order-item button:hover {background:#b21818;}
+    #add-btn {background:#1780ec;}
+  </style>
+</head>
+<body>
+<div class="box">
+  <h2>เช็กบิลโต๊ะ</h2>
+  <label>เลือกโต๊ะ:
+    <select id="table">
+      <option value="1">1</option>
+      <option value="2">2</option>
+      <option value="3">3</option>
+      <option value="4">4</option>
+      <option value="5">5</option>
+    </select>
+    <button onclick="loadOrder()" id="fetch-btn" style="background:#2362aa;">ดึงข้อมูล</button>
+  </label>
+  <div id="order-list" style="margin-top:18px;"></div>
+  <div id="total" class="total"></div>
+  <button id="checkout-btn" onclick="checkout()" style="display:none;background:#2362aa;">เช็กบิล</button>
+  <div id="add-form">
+    <h3>เพิ่มรายการ</h3>
+    <select id="add-menu">
+      <option value="">เลือกเมนู</option>
+    </select>
+    <input type="number" id="add-qty" value="1" min="1" style="width:45px;">
+    <button id="add-btn" onclick="addOrder()">เพิ่มรายการ</button>
+  </div>
+</div>
+<script src="admin.js"></script>
+</body>
+</html>

admin.js CHANGED Viewed

@@ -1,17 +1,90 @@
 const scriptURL = "https://api.sheetbest.com/sheets/67a68e64-dca9-4eea-99b7-0431c5786cf6";
-// ดึงออเดอร์ของโต๊ะ (ที่ยังไม่ paid)
 async function loadOrder() {
   const table = document.getElementById("table").value;
   const res = await fetch(`${scriptURL}?table=${table}`);
   const data = await res.json();
-  // filter เฉพาะเลขโต๊ะตรงเป๊ะ (กันปัญหาโต๊ะอื่นหลุดมา)
-  const orders = data.filter(
-    i =>
-      (i.status ?? "") !== "paid" &&
-      String(i.table).trim() === String(table)
-  );
   let html = "";
   let sum = 0;
@@ -29,7 +102,11 @@ async function loadOrder() {
     document.getElementById("checkout-btn").style.display = "none";
   } else {
     for (const [name, item] of Object.entries(summary)) {
-      html += `<div class="order-item"><span>${name} x${item.qty}</span><span>${item.price * item.qty} ฿</span></div>`;
     }
     document.getElementById("checkout-btn").style.display = "inline-block";
   }
@@ -37,9 +114,59 @@ async function loadOrder() {
   document.getElementById("total").textContent = sum ? `รวมทั้งหมด ${sum} ฿` : "";
 }
 async function checkout() {
   const table = document.getElementById("table").value;
-  // PATCH ทุก row ของโต๊ะนี้ให้ status=paid
   await fetch(`${scriptURL}?table=${table}`, {
     method: "PATCH",
     headers: { "Content-Type": "application/json" },
@@ -48,3 +175,6 @@ async function checkout() {
   alert("เช็กบิลเรียบร้อย!");
   loadOrder();
 }

 const scriptURL = "https://api.sheetbest.com/sheets/67a68e64-dca9-4eea-99b7-0431c5786cf6";
+const menu = [
+  {
+    section: "เมนูข้าวต้ม",
+    items: [
+      { name: "ข้าวต้มปลา (ปลาช่อน)", price: 59 },
+      { name: "ข้าวต้มปลา (ปลากระพง)", price: 79 },
+      { name: "ข้าวต้มปลาแห้ง (ปลาช่อน)", price: 59 },
+      { name: "ข้าวต้มปลาแห้ง (ปลากระพง)", price: 79 },
+      { name: "ข้าวต้มกุ้ง", price: 79 },
+      { name: "ข้าวต้มปลาหมึก", price: 59 },
+      { name: "ข้าวต้มทะเล", price: 99 }
+    ]
+  },
+  {
+    section: "เมนูอาหารไทย",
+    items: [
+      { name: "ผัดฉ่าปลา (ปลาช่อน)", price: 69 },
+      { name: "ผัดฉ่าปลา (ปลากระพง)", price: 89 },
+      { name: "ผัดขี้เมาปลา (ปลาช่อน)", price: 69 },
+      { name: "ผัดขี้เมาปลา (ปลากระพง)", price: 89 },
+      { name: "ต้มยำเนื้อปลา (ปลาช่อน)", price: 69 },
+      { name: "ต้มยำเนื้อปลา (ปลากระพง)", price: 89 },
+      { name: "ต้มยำหัวปลา", price: 89 },
+      { name: "ต้มยำทะเล", price: 109 },
+      { name: "ต้มยำกุ้ง", price: 99 },
+      { name: "เกาเหลาปลา (ปลาช่อน)", price: 79 },
+      { name: "เกาเหลาปลา (ปลากระพง)", price: 99 },
+      { name: "เกาเหลาทะเล", price: 109 },
+      { name: "ลวกจิ้มปลา (ปลาช่อน)", price: 79 },
+      { name: "ลวกจิ้มปลา (ปลากระพง)", price: 99 },
+      { name: "รวมทะเลลวกจิ้ม", price: 129 },
+      { name: "ยำรวมทะเล", price: 109 },
+      { name: "ยำแมงกะพรุน", price: 69 },
+      { name: "แมงกะพรุนล้นน้ำมันงา", price: 59 }
+    ]
+  },
+  {
+    section: "ของทอด",
+    items: [
+      { name: "แหนมกระดูกอ่อนหมู", price: 69 },
+      { name: "ปีกไก่ทอด", price: 79 },
+      { name: "คางกุ้งทอด", price: 59 },
+      { name: "เฟรนซ์ฟรายส์", price: 59 },
+      { name: "ไข่เจียว", price: 20 }
+    ]
+  },
+  {
+    section: "เครื่องดื่ม/อื่นๆ",
+    items: [
+      { name: "ข้าวสวย", price: 15 },
+      { name: "น้ำเปล่า", price: 15 },
+      { name: "น้ำอัดลม", price: 20 },
+      { name: "น้ำอัดลม ขวดใหญ่", price: 40 },
+      { name: "น้ำแข็ง", price: 25 },
+      { name: "โซดา", price: 20 }
+    ]
+  }
+];
+// Render dropdown เมนู
+function renderMenuDropdown() {
+  const select = document.getElementById("add-menu");
+  let html = `<option value="">เลือกเมนู</option>`;
+  menu.forEach(section => {
+    section.items.forEach(item => {
+      html += `<option value="${item.name}">${item.name} (${item.price} ฿)</option>`;
+    });
+  });
+  select.innerHTML = html;
+}
+// Filter เฉพาะเลขโต๊ะตรงเป๊ะและยังไม่เช็กบิล/ไม่ถูกลบ
+function filterOrders(data, table) {
+  return data.filter(
+    i => (i.status ?? "") !== "paid" && (i.status ?? "") !== "deleted" && String(i.table).trim() === String(table)
+  );
+}
+// แสดงออเดอร์
 async function loadOrder() {
   const table = document.getElementById("table").value;
   const res = await fetch(`${scriptURL}?table=${table}`);
   const data = await res.json();
+  const orders = filterOrders(data, table);
   let html = "";
   let sum = 0;
     document.getElementById("checkout-btn").style.display = "none";
   } else {
     for (const [name, item] of Object.entries(summary)) {
+      html += `<div class="order-item">
+        <span>${name} x${item.qty}</span>
+        <span>${item.price * item.qty} ฿</span>
+        <button onclick="removeOrder('${name}')">ลบ</button>
+      </div>`;
     }
     document.getElementById("checkout-btn").style.display = "inline-block";
   }
   document.getElementById("total").textContent = sum ? `รวมทั้งหมด ${sum} ฿` : "";
 }
+// เพิ่มรายการออเดอร์
+async function addOrder() {
+  const table = document.getElementById("table").value;
+  const menuName = document.getElementById("add-menu").value;
+  const qty = parseInt(document.getElementById("add-qty").value, 10) || 1;
+  // หาราคาจากเมนู
+  let price = 0;
+  menu.forEach(section => {
+    section.items.forEach(item => {
+      if(item.name === menuName) price = item.price;
+    });
+  });
+  if (!menuName || !qty) return alert("กรุณาเลือกเมนูและจำนวน");
+  for (let i = 0; i < qty; i++) {
+    const order = {
+      table: table,
+      menu: menuName,
+      price: price,
+      qty: 1,
+      note: "[เพิ่มโดยแอดมิน]",
+      timestamp: new Date().toISOString(),
+      status: ""
+    };
+    await fetch(scriptURL, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(order),
+    });
+  }
+  alert("เพิ่มรายการสำเร็จ");
+  loadOrder();
+}
+// ลบเมนูทั้งเมนู (ของโต๊ะนี้ ที่ยังไม่เช็กบิล)
+async function removeOrder(menuName) {
+  const table = document.getElementById("table").value;
+  if (!confirm(`ต้องการลบเมนู "${menuName}" ออกจากโต๊ะ ${table} ?`)) return;
+  await fetch(`${scriptURL}?table=${table}&menu=${encodeURIComponent(menuName)}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ status: "deleted" }),
+  });
+  alert("ลบเมนูสำเร็จ");
+  loadOrder();
+}
+// เช็กบิล (mark paid)
 async function checkout() {
   const table = document.getElementById("table").value;
   await fetch(`${scriptURL}?table=${table}`, {
     method: "PATCH",
     headers: { "Content-Type": "application/json" },
   alert("เช็กบิลเรียบร้อย!");
   loadOrder();
 }
+renderMenuDropdown();
+loadOrder();