Update setup.sh and api.py, and style.css and frequency.html and graphs.html

Author: codeperfectplus

setup.sh

@@ -24,12 +24,11 @@ color_white="\033[1;37m"    # White
 color_prompt="\033[1;36m" # Cyan for the prompt
 color_option="\033[37m"   # Blue for options
 
+# function to get the user name
 get_user_name() {
     if [ "$(whoami)" = "root" ]; then
         LOGNAME_USER=$(logname 2>/dev/null) # Redirect any error output to /dev/null
         if [ $? -ne 0 ]; then               # Check if the exit status of the last command is not 0
-            echo "No login name found. Using fallback method."
-            # use head -n 1 for native linux. tail -n 1 works with wsl.
             USER_NAME=$(cat /etc/passwd | grep '/home' | cut -d: -f1 | tail -n 1)
         else
             USER_NAME=$LOGNAME_USER
@@ -39,6 +38,7 @@ get_user_name() {
     fi
     echo "$USER_NAME"
 }
+
 USER_NAME=$(get_user_name)
 USER_HOME=/home/$USER_NAME
 

src/routes/api.py

@@ -39,9 +39,14 @@ def graph_data_api():
             '2 days': timedelta(days=2),
             '3 days': timedelta(days=3),
             '1 week': timedelta(weeks=1),
-            '1 month': timedelta(weeks=4)
+            '1 month': timedelta(weeks=4),
+            '3 months': timedelta(weeks=12),
+
         }
-        start_time = now - time_deltas.get(time_filter, timedelta(days=1))
+        if time_filter == 'all':
+            start_time = datetime.min
+        else:
+            start_time = now - time_deltas.get(time_filter, timedelta(days=1))
 
         # Fetch entries within the time range
         query = SystemInformation.query.filter(SystemInformation.timestamp >= start_time)

src/static/css/style.css

@@ -135,7 +135,7 @@ body {
 
 /* General Card Styles */
 .card {
-    min-height: 140px;
+    min-height: 160px;
     /* background: linear-gradient(120deg, #e3f2fd, #bbdefb); */
     /* background: linear-gradient(135deg, #f5f7fa, #c3cfe2); */
     background: linear-gradient(200deg, #f5f7fa, #c3cfe2);
@@ -204,15 +204,11 @@ body {
     overflow: hidden;
 }
 
-.temp-bar, .disk-bar, .frequency-bar, .cpu-usage-bar, .memory-usage-bar {
-    height: 25px;
+.temp-bar, .disk-bar, .frequency-bar, .cpu-usage-bar, .memory-usage-bar, .battery-bar {
+    height: 20px;
     transition: width 0.3s ease;
 }
 
-.battery-bar {
-    height: 25px;
-    transition: width 0.3s ease;
-}
 
 .cpu-core-visualization {
     display: flex;

src/templates/card_comp/cpu/frequency.html

@@ -7,7 +7,7 @@ <h5 class="card-title mb-3">CPU Frequency <i class="fas fa-microchip"></i></h5>
                 {{ system_info['cpu_frequency'] }} MHz
             </p>
             <div class="frequency-indicator mt-3">
-                <div class="frequency-bar" style="width: {{ 100* system_info['cpu_frequency']/system_info['cpu_max_frequency'] }}%;"></div>
+                <div class="frequency-bar" style="width: {{ 100 * system_info['cpu_frequency'] / (system_info['cpu_max_frequency'] if system_info['cpu_max_frequency'] != 0 else 1) }}%;"></div>
             </div>
         </div>
     </div>

src/templates/graphs/graphs.html

@@ -37,6 +37,8 @@ <h2><i class="fas fa-clock"></i> Current Server Time & Time Zone</h2>
                 <option value="3 days">Last 3 Days</option>
                 <option value="1 week">Last 1 Week</option>
                 <option value="1 month">Last 1 Month</option>
+                <option value="3 months">Last 3 Months</option>
+                <option value="all">All Time</option>
             </select>
         </div>
     </div>