From f738c9b120b324c447f5fa4bf0db30481577c58a Mon Sep 17 00:00:00 2001
From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com>
Date: Fri, 13 Sep 2024 12:03:18 +0100
Subject: [PATCH] add seperate css for cron monitor

---
 ui/ui/dashboard.tpl       |  6 +++---
 ui/ui/sections/header.tpl | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/ui/ui/dashboard.tpl b/ui/ui/dashboard.tpl
index b47f079..79db90d 100644
--- a/ui/ui/dashboard.tpl
+++ b/ui/ui/dashboard.tpl
@@ -198,17 +198,17 @@
         {assign var="current_time" value=$smarty.now}
         {assign var="run_time" value=strtotime($run_date)}
         {if $current_time - $run_time > 3600}
-        <div class="panel panel-danger panel-hovered mb20 activities">
+        <div class="panel panel-cron-warning panel-hovered mb20 activities">
             <div class="panel-heading"><i class="fa fa-clock-o"></i> &nbsp; {Lang::T('Cron has not run for over 1 hour. Please
                 check your setup.')}</div>
         </div>
         {else}
-        <div class="panel panel-success panel-hovered mb20 activities">
+        <div class="panel panel-cron-success panel-hovered mb20 activities">
             <div class="panel-heading">{Lang::T('Cron Job last ran on')}: {$run_date}</div>
         </div>
         {/if}
         {else}
-        <div class="panel panel-danger panel-hovered mb20 activities">
+        <div class="panel panel-cron-danger panel-hovered mb20 activities">
             <div class="panel-heading"><i class="fa fa-warning"></i> &nbsp; {Lang::T('Cron appear not been setup, please check
                 your cron setup.')}</div>
         </div>
diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl
index a075a25..89c354d 100644
--- a/ui/ui/sections/header.tpl
+++ b/ui/ui/sections/header.tpl
@@ -157,6 +157,30 @@
             border-bottom-left-radius: 21px;
         }
 
+        .panel-cron-success>.panel-heading {
+            border-bottom-right-radius: 21px;
+            border-bottom-left-radius: 21px;
+            color: #fff;
+            background-color: #169210;
+            border-color: #25e01c;
+            
+        }
+
+        .panel-cron-warning>.panel-heading {
+            border-bottom-right-radius: 21px;
+            border-bottom-left-radius: 21px;
+            color: #350808;
+            background-color: #efeb0a;
+            border-color: #efeb0a;
+        }
+        .panel-cron-danger>.panel-heading {
+            border-bottom-right-radius: 21px;
+            border-bottom-left-radius: 21px;
+            color: #fff;
+            background-color: #e61212;
+            border-color: #df1335;
+        }
+
         .panel-danger>.panel-heading {
             color: #a94442;
             background-color: #f2dede;