removed socket io

app/assets/javascripts/activityChart.js

@@ -185,41 +185,38 @@
             return;
         }
 
-        var socket = io("/services");
-        var eventType = type === 'service' ? 'fetch_daily_stats' : 'fetch_daily_stats_by_user';
-        var socketConnect = type === 'service' ? 'daily_stats_update' : 'daily_stats_by_user_update';
+        var daily_stats = activityChartContainer.getAttribute('data-daily-stats');
+        var daily_stats_by_user = activityChartContainer.getAttribute('data-daily_stats_by_user');
 
-        socket.on('connect', function () {
-            socket.emit(eventType);
-        });
+        var data;
+        try {
+            data = type === 'service' ? eval("(" + daily_stats + ")") : eval("(" + daily_stats_by_user + ")");
+        } catch (error) {
+            console.error('Error parsing data:', error);
+            return;
+        }
 
-        socket.on('connect_error', function(error) {
-            console.error('WebSocket connection error:', error);
-        });
+        var labels = [];
+        var deliveredData = [];
+        var failedData = [];
 
-        socket.on(socketConnect, function(data) {
-
-            var labels = [];
-            var deliveredData = [];
-            var failedData = [];
-
-            for (var dateString in data) {
-                // Parse the date string (assuming format YYYY-MM-DD)
+        for (var dateString in data) {
+            if (data.hasOwnProperty(dateString)) {
                 const dateParts = dateString.split('-');
-                const formattedDate = `${dateParts[1]}/${dateParts[2]}/${dateParts[0].slice(2)}`; // Format to MM/DD/YY
+                const formattedDate = `${dateParts[1]}/${dateParts[2]}/${dateParts[0].slice(2)}`;
 
                 labels.push(formattedDate);
                 deliveredData.push(data[dateString].sms.delivered);
                 failedData.push(data[dateString].sms.failure);
             }
+        }
 
+        try {
             createChart('#weeklyChart', labels, deliveredData, failedData);
             createTable('weeklyTable', 'activityChart', labels, deliveredData, failedData);
-        });
-
-        socket.on('error', function(data) {
-            console.log('Error:', data);
-        });
+        } catch (error) {
+            console.error('Error creating chart or table:', error);
+        }
     };
 
     const handleDropdownChange = function(event) {

app/assets/javascripts/sampleChartDashboard.js

@@ -1,70 +0,0 @@
-(function (window) {
-
-    function initializeChartAndSocket() {
-        var ctx = document.getElementById('myChart');
-        if (!ctx) {
-            return;
-        }
-
-        var myBarChart = new Chart(ctx.getContext('2d'), {
-            type: 'bar',
-            data: {
-                labels: [],
-                datasets: [
-                    {
-                        label: 'Delivered',
-                        data: [],
-                        backgroundColor: '#0076d6',
-                        stack: 'Stack 0'
-                    },
-                ]
-            },
-            options: {
-                animation: false,
-                scales: {
-                    y: {
-                        beginAtZero: true
-                    }
-                }
-            }
-        });
-
-        var socket = io();
-
-        socket.on('connect', function() {
-            socket.emit('fetch_daily_stats_by_user');
-        });
-
-        socket.on('daily_stats_by_user_update', function(data) {
-            // console.log('Data received:', data);
-            var labels = [];
-            var deliveredData = [];
-            var failedData = [];
-
-            for (var date in data) {
-                labels.push(date);
-                deliveredData.push(data[date].sms.delivered);
-
-            }
-
-            myBarChart.data.labels = labels;
-            myBarChart.data.datasets[0].data = deliveredData;
-            myBarChart.update();
-        });
-
-        socket.on('error', function(data) {
-            // console.log('Error:', data);
-        });
-
-        var sevenDaysButton = document.getElementById('sevenDaysButton');
-        if (sevenDaysButton) {
-            sevenDaysButton.addEventListener('click', function() {
-                socket.emit('fetch_daily_stats_by_user');
-                // console.log('clicked');
-            });
-        }
-    }
-
-    document.addEventListener('DOMContentLoaded', initializeChartAndSocket);
-
-})(window);