Changeset 283 for trunk/nagios-velvice

Timestamp:

Jul 15, 2018, 4:49:27 PM (7 years ago)

Author:

g7moreau

Message:

• Create button

Location:

trunk/nagios-velvice

Files:

• velvice.cgi (modified) (2 diffs)
• velvice.css (modified) (1 diff)

trunk/nagios-velvice/velvice.cgi

@@ -15 +15 @@
 use strict;
 use warnings;
-use version; our $VERSION = version->declare('0.8.1');
+use version; our $VERSION = version->declare('0.8.2');
 
 use CGI;
@@ -142 +142 @@
    $htmlpage .= "<p>Alert to recheck - Level:\n";
    $htmlpage .= join ",\n",
-      " <a href='$cgi_script_name?check=all'>ALL</a><small>(" . scalar(@serviceproblems) . ')</small>',
-      map(" <a href='$cgi_script_name?check=" . lc(uri_encode($_)) . "'>$_</a>($service_status{$_})", sort keys %service_status);
+      " <span class='button'><a href='$cgi_script_name?check=all'>ALL</a><small>" . scalar(@serviceproblems) . '</small></span>',
+      map(" <span class='button'><a href='$cgi_script_name?check=" . lc(uri_encode($_)) . "'>$_</a><small>$service_status{$_}</small></span>",
+         sort keys %service_status);
    $htmlpage .= ".\n";
    $htmlpage .= " <br />\n";
    $htmlpage .= " Service:\n";
    $htmlpage .= join ",\n",
-      map(" <a href='$cgi_script_name?check=" . lc(uri_encode($_)) . "'>$_</a><small>($service_name{$_})</small>", sort keys %service_name);
+      map(" <span class='button'><a href='$cgi_script_name?check=" . lc(uri_encode($_)) . "'>$_</a><small>$service_name{$_}</small></span>",
+         sort keys %service_name);
    $htmlpage .= ".\n";
    $htmlpage .= "</p>\n";

trunk/nagios-velvice/velvice.css

@@ -40 +40 @@
 a:hover, a:active {
    text-decoration:  underline solid;
+   }
+
+span.button {
+    border:          1px solid #777777;
+    margin:          10px 3px 3px 4px;
+    background:      #E0E0E0;
+    border-radius:   2ex;
+    padding:         0ex 0.5ex 0px 0ex;
+    }
+
+.button a {
+   background:       #E0E0E0;
+   border-right:     3px solid #777777;
+   border-radius:    2ex 0px 0px 2ex;
+   padding:          0px 0.5ex 0ex 0.9ex;
+   }
+
+.button small {
+   padding:          0px 0.2ex 0ex 0.8ex;
+   }
+
+p {
+   line-height:      3ex;
    }