Upload 7 files

javascript/search.js

@@ -113,13 +113,19 @@ document.addEventListener("DOMContentLoaded", async function () {
         const userData = await getUserData();
         const transactions = userData.transactions ? userData.transactions : {};
 
-        if (transactions && Object.keys(transactions).length !== 0) {
-            const entries = Object.entries(transactions).sort(
-                (a, b) => {
-                    const parseDateFromKey = (key) => {
-                        const [year, month, day, hour, minute, second, ms] =
-                            key.split("_");
-                        return new Date(
+        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);
+        }
+
+        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,
@@ -129,111 +135,103 @@ document.addEventListener("DOMContentLoaded", async function () {
                             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)
-                    );
-                }
-            );
+                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");
+        if (filteredTransactions.length > 0) {
+            createHeader("Transaksi");
 
-                filteredTransactions.forEach(
-                    ([transactionKey, transaction]) => {
-                        const col = document.createElement("div");
-                        col.className =
+            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>
+                    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 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>
+          <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);
+                    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);
-            }
+                    col.addEventListener("click", () => {
+                        window.location.href = `transaction.html?date=${transactionKey}`;
+                    });
+                }
+            );
         } else {
             const messageElem = document.createElement("p");
-            messageElem.textContent = "Anda belum melakukan transaksi apapun. Silahkan beli produk terlebih dahulu.";
-            messageElem.className = "text-center";
+            messageElem.textContent = "Transaksi tidak ditemukan.";
+            messageElem.className = "text-center";
             alert(messageElem.textContent, false);
             resultList.appendChild(messageElem);
         }