Upload 2 files

javascript/main.js

@@ -205,11 +205,11 @@ function formatTransactionDate(key) {
 
 async function loadTransactions() {
     const userData = await getUserData();
-    const transactions = userData.transactions ? userData.transactions : {};
+    const transactions = userData.transactions || {};
 
     if (!transactions || Object.keys(transactions).length === 0) {
         document.getElementById("transaction-details").innerHTML =
-            "<p>Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.</p>";
+            "<p>Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.</p>";
         alert("Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.", false)
         return;
     }

javascript/search.js

@@ -109,131 +109,91 @@ document.addEventListener("DOMContentLoaded", async function () {
         resultList.appendChild(hrElement);
     }
 
-    if (transactionQuery) {
-        const userData = await getUserData();
-        const transactions = userData.transactions ? userData.transactions : {};
-
-        if (!transactions && Object.keys(transactions).length === 0) {
-            const messageElem = document.createElement("p");
-            messageElem.textContent = "Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.";
-            messageElem.className = "text-center";
-            resultList.appendChild(messageElem);
-            alert(messageElem.textContent, false);
+    if (transactionQuery) {
+        const userData = await getUserData();
+        const transactions = userData.transactions || {};
+
+        if (Object.keys(transactions).length === 0) {
+            document.getElementById("transaction-details").innerHTML =
+            "<p>Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.</p>";
+            return;
         }
-
-        const entries = Object.entries(transactions).sort(
-            (a, b) => {
-                const parseDateFromKey = (key) => {
-                    const [year, month, day, hour, minute, second, ms] = key.split("_");
-                    return new Date(
-                            year,
-                            month - 1,
-                            day,
-                            hour,
-                            minute,
-                            second,
-                            ms
-                        );
-                    };
-                return parseDateFromKey(b[0]) - parseDateFromKey(a[0]);
-            }
-        );
-
-        const filteredTransactions = entries.filter(
-            ([key, transaction]) => {
-                const td = formatTransactionDate(key);
-                const pm = transaction.payment_method;
-                const total = transaction.total.toString();
-
-                return (
-                    key.includes(transactionQuery) ||
-                    td[0].includes(transactionQuery) ||
-                    td[1].includes(transactionQuery) ||
-                    pm.includes(transactionQuery) ||
-                    total.includes(transactionQuery) ||
-                    Object.values(productCount)
-                        .join(",")
-                        .includes(transactionQuery)
-                );
-            }
-        );
-
-        if (filteredTransactions.length > 0) {
-            createHeader("Transaksi");
-
-            filteredTransactions.forEach(
-                ([transactionKey, transaction]) => {
-                    const col = document.createElement("div");
-                    col.className =
-                            "transactions-body col-lg-4 col-md-6 col-sm-12 mt-4";
-
-                    const card = document.createElement("div");
-                    card.className = "card h-100";
-
-                    const cardBody = document.createElement("div");
-                    cardBody.className = "card-body d-flex flex-column";
-                    cardBody.style.position = "relative";
-
-                    let total = 0;
-
-                    transaction.products.forEach((product) => {
-                        total += product.price * product.total;
-                    });
-
-                    const td = formatTransactionDate(transactionKey);
-
-                    let paymentIcon = "";
-                    switch (transaction.payment_method) {
-                        case "bank":
-                            paymentIcon = "bi-building";
-                            break;
-                        case "qr":
-                            paymentIcon = "bi-qr-code";
-                            break;
-                        case "card":
-                            paymentIcon = "bi-credit-card";
-                            break;
-                        default:
-                            paymentIcon = "bi-currency-dollar";
-                    }
-
-                    cardBody.innerHTML = `
-        <div class="payment-icon-bg">
-          <i class="bi ${paymentIcon}" style="font-size: 2.5rem;"></i>
-          <span class="m-2">Metode: ${
-              transaction.payment_method
-                  ? transaction.payment_method
-                  : "N/A"
-          }</span>
-        </div>
-        <div class="content">
-          <div class="d-flex justify-content-between align-items-center">
-            <div class="transaction-total fw-bold">
-              Total: ${formatRupiah(total)}
-            </div>
-          </div>
-          <div class="d-flex justify-content-between align-items-center mt-auto">
-            <div class="transaction-date">
-                Tanggal: ${td[0]} <br> Waktu: ${td[1]}
-            </div>
-          </div>
-        </div>
-      `;
-
-                    card.appendChild(cardBody);
-                    col.appendChild(card);
-                        resultList.appendChild(col);
-                    col.addEventListener("click", () => {
-                        window.location.href = `transaction.html?date=${transactionKey}`;
-                    });
-                }
-            );
-        } else {
-            const messageElem = document.createElement("p");
-            messageElem.textContent = "Transaksi tidak ditemukan.";
-            messageElem.className = "text-center";
-            alert(messageElem.textContent, false);
-            resultList.appendChild(messageElem);
-        }
+
+        const transactionList = document.getElementById("transaction-list");
+
+        if (!transactionList) return;
+        transactionList.innerHTML = "";
+
+        const entries = Object.entries(transactions).sort((a, b) => {
+            const parseDateFromKey = (key) => {
+                const [year, month, day, hour, minute, second, ms] = key.split("_");
+                return new Date(year, month - 1, day, hour, minute, second, ms);
+            };
+            return parseDateFromKey(b[0]) - parseDateFromKey(a[0]);
+        });
+
+        entries.forEach(([transactionKey, transaction]) => {
+            let total = 0;
+        
+            if (Array.isArray(transaction.products)) {
+                transaction.products.forEach((product) => {
+                    total += product.price * product.total;
+                });
+            }
+
+            const td = formatTransactionDate(transactionKey);
+
+            let paymentIcon = "";
+            switch (transaction.payment_method) {
+                case "bank":
+                    paymentIcon = "bi-building";
+                    break;
+                case "qr":
+                    paymentIcon = "bi-qr-code";
+                    break;
+                case "card":
+                    paymentIcon = "bi-credit-card";
+                    break;
+                default:
+                    paymentIcon = "bi-currency-dollar";
+            }
+
+            const col = document.createElement("div");
+            col.className = "transactions-body col-lg-4 col-md-6 col-sm-12 mt-4";
+
+            const card = document.createElement("div");
+            card.className = "card h-100";
+
+            const cardBody = document.createElement("div");
+            cardBody.className = "card-body d-flex flex-column";
+            cardBody.style.position = "relative";
+
+            cardBody.innerHTML = `
+                <div class="payment-icon-bg">
+                  <i class="bi ${paymentIcon}" style="font-size: 2.5rem;"></i>
+                  <span class="m-2">Metode: ${transaction.payment_method || "N/A"}</span>
+                </div>
+                <div class="content">
+                  <div class="d-flex justify-content-between align-items-center">
+                    <div class="transaction-total fw-bold">
+                      Total: ${formatRupiah(total)}
+                    </div>
+                  </div>
+                  <div class="d-flex justify-content-between align-items-center mt-auto">
+                    <div class="transaction-date">
+                        Tanggal: ${td[0]} <br> Waktu: ${td[1]}
+                    </div>
+                  </div>
+                </div>
+            `;
+
+            card.appendChild(cardBody);
+            col.appendChild(card);
+            transactionList.appendChild(col);
+
+            col.addEventListener("click", () => {
+                window.location.href = `transaction.html?date=${transactionKey}`;
+            });
+        });
     }
 });