web: Create a function to show the service status

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/html/cgi-bin/ovpnmain.cgi b/html/cgi-bin/ovpnmain.cgi
index 28f8a68bab8f4ef0726be240b01489ed57ac7fb5..3a5d95b0387874606404cec48f18382446e02df1 100755 (executable)
--- a/html/cgi-bin/ovpnmain.cgi
+++ b/html/cgi-bin/ovpnmain.cgi
@@ -5216,6 +5216,14 @@ END
 
     &Header::openbox('100%', 'LEFT', $Lang::tr{'ovpn roadwarrior settings'});
 
+       # Show the service status
+       &Header::ServiceStatus({
+               $Lang::tr{'ovpn roadwarrior server'} => {
+                       "process" => "openvpn",
+                       "pidfile" => "/var/run/openvpn.pid",
+               }
+       });
+
        print <<END;
     <table width='100%' border='0'>
     <form method='post'>

diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css
index 894670d482b3121c392527e9b1ffd1f40c9e07d4..fafa51f60fb06cbdefb97174223f676aa9373fae 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -410,6 +410,7 @@ table.form tr.action td form {
        text-align: left;
 }
 
+<<<<<<< HEAD
 .tbl tr:nth-child(odd) td {
        background-color: var(--color-grey);
 }
@@ -433,6 +434,8 @@ table.form tr.action td form {
        background-color: var(--color-yellow);
 }
 
+=======
+>>>>>>> 7b19c1312 (web: Create a function to show the service status)
 .tbl th:first-child {
        border-left: 1px solid #363636;
        border-top: 1px solid #363636;
@@ -486,18 +489,27 @@ table.form tr.action td form {
        font-weight: bold;
 }
 
+<<<<<<< HEAD
 .tbl .status.is-running, .tbl .status.is-connected {
+=======
+.tbl .status.is-running {
+>>>>>>> 7b19c1312 (web: Create a function to show the service status)
        background-color: var(--color-green);
        color: var(--color-green-invert);
 }
 
+<<<<<<< HEAD
 .tbl .status.is-stopped, .tbl .status.is-disconnected {
+=======
+.tbl .status.is-stopped {
+>>>>>>> 7b19c1312 (web: Create a function to show the service status)
        background-color: var(--color-red);
        color: var(--color-red-invert);
 
        width: 33%;
 }
 
+<<<<<<< HEAD
 .tbl .status.is-connecting {
        background-color: var(--color-orange);
        color: var(--color-orange-invert);
@@ -567,6 +579,8 @@ table.form tr.action td form {
        color: var(--color-black-invert);
 }
 
+=======
+>>>>>>> 7b19c1312 (web: Create a function to show the service status)
 table.fw-nat tbody tr td {
        height: 2.25em;
 }