chore: Update server time display on dashboard

Author: codeperfectplus

README.md

@@ -2,7 +2,9 @@
 
 System Dashboard is a Flask app designed to monitor server stats such as CPU, Memory, Disk, and Network. It also provides real-time monitoring capabilities which can be useful for system administrators, developers, and DevOps engineers to keep track of their server's performance and troubleshoot issues. The app uses the `psutil` library to retrieve system stats and the `speedtest-cli` library to perform a network speed test.
 
-## Installation
+## Installation 
+
+### For running once 
 
 1. Clone the repository:
 
@@ -28,6 +30,14 @@ python app.py
 http://localhost:5000
 ```
 
+### For cronjob
+
+Task will be added to cronjob to run the script every minute and app will be stay active on port 5050 even after closing the terminal and rebooting the system.
+
+```bash
+bash cronjob.sh
+```
+
 ## Features
 
 - Monitor server stats like CPU, Memory, Disk, and Network.
@@ -38,23 +48,23 @@ http://localhost:5000
 
 ### HomePage
 
-![HomePage](/static/images/dashboard.png)
+![HomePage](/src/static/images/dashboard.png)
 
 ### CPU Stats
 
-![CPU Stats](/static/images/cpu.png)
+![CPU Stats](/src/static/images/cpu.png)
 
 ### Memory Stats
 
-![Memory Stats](/static/images/memory.png)
+![Memory Stats](/src/static/images/memory.png)
 
 ### Disk Stats
 
-![Disk Stats](/static/images/disk.png)
+![Disk Stats](/src/static/images/disk.png)
 
 ### Speed Test
 
-![Speed Test](/static/images/speedtest.png)
+![Speed Test](/src/static/images/speedtest.png)
 
 ## Why not use a Docker image?
 

src/templates/dasbhboard_comp/other/boot_time.html

@@ -1 +1,35 @@
-<div class="col-md-6 col-lg-4 mb-4"><div class="card bg-boot"><div class="card-body"><h5 class="card-title">Boot Time <i class="fas fa-clock"></i></h5><p class="card-text fs-4">{{ system_info['boot_time']}}</p></div></div></div>
+<div class="col-md-6 col-lg-4 mb-4">
+    <div class="card bg-boot">
+        <div class="card-body">
+            <h5 class="card-title">Server Time <i class="fas fa-clock"></i></h5>
+            <p class="card-text fs-4" id="server-time">{{ system_info['current_server_time'] }}</p>
+        </div>
+    </div>
+</div>
+
+<script>
+// Function to format time in HH:MM:SS
+function formatTime(hours, minutes, seconds) {
+    return [
+        hours.toString().padStart(2, '0'),
+        minutes.toString().padStart(2, '0'),
+        seconds.toString().padStart(2, '0')
+    ].join(':');
+}
+
+// Initialize the time from the server
+let serverTime = new Date('{{ system_info["current_server_time"] }}');
+let timeElement = document.getElementById('server-time');
+
+// Update the time every second
+setInterval(() => {
+    // Increment the server time by 1 second
+    serverTime.setSeconds(serverTime.getSeconds() + 1);
+    // Update the displayed time
+    timeElement.textContent = formatTime(
+        serverTime.getHours(),
+        serverTime.getMinutes(),
+        serverTime.getSeconds()
+    );
+}, 1000);
+</script>

src/utils.py

@@ -122,7 +122,7 @@ def get_system_info():
     memory_info = psutil.virtual_memory()
     disk_info = psutil.disk_usage('/')
     net_io = psutil.net_io_counters()
-
+    current_server_time = datetime.datetime.now()
     # Prepare system information dictionary
     info = {
         'username': os.getlogin(),
@@ -142,6 +142,7 @@ def get_system_info():
         'timestamp': datetime.datetime.now(),
         'cpu_frequency': get_cpu_frequency(),
         'current_temp': get_cpu_temp()[0],
+        'current_server_time': datetimeformat(current_server_time),
     }
 
     # # Adding system info to the database