ChatDetails

Welcome Data

Welcome Data

<script>
    // Your web app's Firebase configuration
   const firebaseConfig = {
            apiKey: "AIzaSyDoHld2zgF5QU2Fh9_H_maRtYwbaq32J6E",
            authDomain: "mandaramecofirebase.firebaseapp.com",
            databaseURL: "https://mandaramecofirebase-default-rtdb.firebaseio.com",
            projectId: "mandaramecofirebase",
            storageBucket: "mandaramecofirebase.firebasestorage.app",
            messagingSenderId: "41143671871",
            appId: "1:41143671871:web:8bb69bda1eede48fc2ec8a",
            measurementId: "G-S3KSFCM8RF"
        };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);

    // Reference to the database path
    var databaseRef = firebase.database().ref('wellcome');

    // Fetch and display data
    databaseRef.once('value').then(function(snapshot) {
        var data = snapshot.val();
        var welcomeDataContainer = document.getElementById('welcomeData');
        welcomeDataContainer.innerHTML = '';

        Object.keys(data).forEach(function(room) {
            var roomData = data[room];
            if (roomData.Status && roomData.Status === 'Ready') {
                var chatMessages = '';
                if (roomData.ChatHistory) {
                    Object.keys(roomData.ChatHistory).forEach(function(chatId) {
                        var chat = roomData.ChatHistory[chatId];
                        chatMessages += `<div>${chat.datetime} - ${chat.UserQuestion}: ${chat.GoogleReply}</div>`;
                    });
                }
                welcomeDataContainer.innerHTML += `
                    <div class="data-field"><span class="label">Room Name:</span><span class="value">${room}</span></div>
                    <div class="data-field"><span class="label">Customer Messages:</span><span class="value">${chatMessages}</span></div>
                    <div class="data-field"><span class="label">Status:</span><span class="value">${roomData.Status}</span></div>
                    <hr>
                `;
            }
        });
    }).catch(function(error) {
        console.error('Error fetching data:', error);
    });
</script>