tyler.durden/loganalyzer
1
0
Fork 0
mirror of https://github.com/rsyslog/loganalyzer.git synced 2025-09-15 05:58:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added expandable submenu for help into the top menu.

Browse Source 
Also fixed a lot of minor stylesheet issues, to optimize
usebility, and display of the syslog data.
This commit is contained in:
Andre Lorbach 2008-11-03 14:23:46 +01:00
parent 669a6ad530
commit 89ffcd18b8
12 changed files with 347 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/css/defaults.css
View File

@ -28,6 +28,31 @@
display: inline; display: inline;
} }
.borderless
{
border:0px solid;
background-color: transparent;
}
.borderlessbuttons
{
border:0px solid;
background-color: transparent;
width:20px;
padding: 0px;
}
.inlinebutton
{
float:left;
position: relative;
border:0px solid;
background-color: transparent;
padding: 0px;
margin: 0px;
}
.SelectSavedFilter .SelectSavedFilter
{ {
margin-top: 2px; margin-top: 2px;
@ -64,40 +89,42 @@
} }
/*the span will display just on :hover state*/ /*the span will display just on :hover state*/
/*
.syslogdetails:hover span
{
display:block;
position:absolute;
top:15px;
left:15px;
}
*/
.syslogdetails_popup span .syslogdetails_popup span
{ {
display:block; display:block;
position:absolute; position:absolute;
overflow:auto; overflow:auto;
z-index:5; z-index:5;
/* top:15px; */ /* top:15px; */
/* left:15px; */ /* left:15px; */
} }
.gridline .gridline
{ {
vertical-align: top;
height: 16px; height: 16px;
} }
.borderless /*
{ * POPUP Helper Styles
border:0px solid; */
background-color: transparent; .popupdetails
{
position: absolute;
visibility: hidden;
z-index:1
}
.popupdetails:hover
{
position: absolute;
visibility: hidden;
z-index: 2;
} }
.borderlessbuttons .popupdetails_popup
{ {
border:0px solid; position: absolute;
background-color: transparent; visibility: visible;
width:20px; z-index: 2;
padding: 0px;
} }

32
src/css/menu.css
View File

@ -1,24 +1,31 @@
#menu { #menu {
width: 16px; /* set width of menu */ z-index: 10;
/* width: 16px; /* set width of menu */
} }
#menu ul { /* remove bullets and list indents */ #menu ul { /* remove bullets and list indents */
position: absolute; z-index: 10;
position: relative;
/* position: absolute;*/
display: block;
list-style: none; list-style: none;
white-space:nowrap;
margin: 0; margin: 0;
padding: 0; padding: 0;
vertical-align: text-top;
} }
/* style, color and size links and headings to suit */ /* style, color and size links and headings to suit */
#menu a, #menu h2 { #menu a, #menu h2 {
display: block; display: block;
margin: 2px; margin: 0px;
padding: 1px 1px; padding: 1px 1px;
} }
#menu h2 { #menu h2 {
font-size: 12px; font-size: 10px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
@ -32,6 +39,7 @@
} }
#menu li { #menu li {
text-align: left;
/* make the list elements a containing block for the nested lists */ /* make the list elements a containing block for the nested lists */
position: relative; position: relative;
} }
@ -43,14 +51,16 @@
} }
#menu ul ul { #menu ul ul {
z-index:10; z-index: 2;
white-space: nowrap;
/* border-color: #44617D #203040 #203040 #44617D; */
position: absolute; position: absolute;
top: 12px;
left: 4px; /* to position them to the right of their containing block */ top: 12px; /*14px; */
width: 400; /* width is based on the containing block */ left: 0px; /* to position them to the right of their containing block */
width: auto;
min-width: 200px; /* workaround for FF */
height: 16px;
} }
div#menu ul ul, div#menu ul ul,

3
src/index.php
View File

@ -54,7 +54,6 @@ InitFilterHelpers(); // Helpers for frontend filtering!
// --- Define Extra Stylesheet! // --- Define Extra Stylesheet!
$content['EXTRA_STYLESHEET'] = '<link rel="stylesheet" href="css/highlight.css" type="text/css">' . "\r\n"; $content['EXTRA_STYLESHEET'] = '<link rel="stylesheet" href="css/highlight.css" type="text/css">' . "\r\n";
$content['EXTRA_STYLESHEET'] .= '<link rel="stylesheet" href="css/menu.css" type="text/css">';
// --- // ---
// --- CONTENT Vars // --- CONTENT Vars
@ -556,6 +555,8 @@ if ( isset($content['Sources'][$currentSourceID]) )
$content['syslogmessages'][$counter]['values'][$mycolkey]['hasdropdownbutton'] = true; $content['syslogmessages'][$counter]['values'][$mycolkey]['hasdropdownbutton'] = true;
$content['syslogmessages'][$counter]['values'][$mycolkey]['buttons'][] = array( $content['syslogmessages'][$counter]['values'][$mycolkey]['buttons'][] = array(
'ButtonUrl' => '?uid=' . $uID, 'ButtonUrl' => '?uid=' . $uID,
'ButtonTarget' => '_top',
'ButtonAppendUrl' => true,
'DisplayName' => $content['LN_VIEW_MESSAGECENTERED'], 'DisplayName' => $content['LN_VIEW_MESSAGECENTERED'],
'IconSource' => $content['MENU_BULLET_GREEN'] 'IconSource' => $content['MENU_BULLET_GREEN']
); );

119
src/js/common.js
View File

@ -1,6 +1,13 @@
/* /* Detect Browser Version */
Helper Javascript Constants var szBrowserApp = "MOZILLA"; // Default!
*/ if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
{
if (!/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent))
{
// Set browser to Internet Explorer
szBrowserApp = "IEXPLORER";
}
}
/* /*
Helper Javascript functions Helper Javascript functions
@ -30,6 +37,9 @@ function NewWindow(Location, WindowName,X_width,Y_height,Option) {
} }
// helper array to keep track of the timeouts!
var runningTimeouts = new Array();
/* /*
* Helper function to show and hide a div area * Helper function to show and hide a div area
*/ */
@ -159,9 +169,6 @@ function toggleFormareaVisibility(FormFieldName, FirstHiddenArea, SecondHiddenAr
} }
} }
// helper array to keep track of the timeouts!
var runningTimeouts = new Array();
// MOVED INTO HEADER var defaultMenuTimeout = 3000;
/* /*
* Toggle display type from NONE to BLOCK * Toggle display type from NONE to BLOCK
*/ */
@ -205,11 +212,15 @@ function ToggleDisplayClearTimeout(ObjID)
function ToggleDisplayEnhanceTimeOut(ObjID) function ToggleDisplayEnhanceTimeOut(ObjID)
{ {
// First clear timeout // Only perform if timeout exists!
ToggleDisplayClearTimeout(ObjID); if (runningTimeouts[ObjID] != null)
{
// First clear timeout
ToggleDisplayClearTimeout(ObjID);
// Set new timeout // Set new timeout
ToggleDisplaySetTimeout(ObjID); ToggleDisplaySetTimeout(ObjID);
}
} }
/* /*
@ -295,3 +306,91 @@ function GoToPopupTarget(myTarget, parentObj)
FinishPopupWindow(parentObj); FinishPopupWindow(parentObj);
} }
} }
function FinishPopupWindowMenu()
{
// Change CSS Class
var obj = document.getElementById('popupdetails');
if (obj != null)
{
obj.className='popupdetails with_border';
}
}
function movePopupWindowMenu(myEvent, ObjName, parentObj)
{
var obj = document.getElementById(ObjName);
// var PopupContentWidth = 0;
// var middle = PopupContentWidth / 2;
var middle = -10;
if (myPopupHovering == false && obj != null && parentObj != null)
{
// Different mouse position capturing in IE!
if (szBrowserApp == "IEXPLORER")
{
obj.style.top = (event.y+document.body.scrollTop + 10) + 'px';
}
else
{
obj.style.top = (myEvent.pageY + 20) + 'px';
}
obj.style.left = (myEvent.clientX - middle) + 'px';
}
}
function HoverPopup( myObjRef, myPopupTitle, HoverContent, OptionalImage )
{
// Change CSS Class
var obj = document.getElementById('popupdetails');
obj.className='popupdetails_popup with_border';
if ( myObjRef != null)
{
myObjRef.src = OptionalImage;
// "{BASEPATH}images/player/" + myTeam + "/hover/" + ImageBaseName + ".png";
}
// Set title
var obj = document.getElementById("popuptitle");
obj.innerHTML = myPopupTitle;
// Set Content
var obj = document.getElementById("popupcontent");
obj.innerHTML = HoverContent;
}
function HoverPopupMenuHelp( myEvent, parentObj, myPopupTitle, HoverContent )
{
if (szBrowserApp !== "IEXPLORER")
{
// Don't need helper here!
return;
}
// Change CSS Class
var objPopup = document.getElementById('popupdetails');
objPopup.className='popupdetails_popup with_border';
// Set title
var obj = document.getElementById("popuptitle");
obj.innerHTML = myPopupTitle;
// Set Content
obj = document.getElementById("popupcontent");
obj.innerHTML = HoverContent;
// var PopupContentWidth = 0;
// var middle = PopupContentWidth / 2;
var middle = -5;
if (myPopupHovering == false && parentObj != null)
{
// Different mouse position capturing in IE!
objPopup.style.top = (event.y+document.body.scrollTop - 50) + 'px';
objPopup.style.left = (myEvent.clientX - middle) + 'px';
}
}

5
src/lang/de/main.php
View File

@ -103,6 +103,10 @@ $content['LN_ERROR_NORECORDS'] = "Es wurden keine syslog-Eintr&auml;ge gefunden.
$content['LN_MENU_SEARCH'] = "Suchen"; $content['LN_MENU_SEARCH'] = "Suchen";
$content['LN_MENU_SHOWEVENTS'] = "Show Events"; $content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Hilfe"; $content['LN_MENU_HELP'] = "Hilfe";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base"; $content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login"; $content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center"; $content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -111,6 +115,7 @@ $content['LN_MENU_LOGOFF'] = "Logoff";
$content['LN_MENU_MAXVIEW'] = "Maximize View"; $content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View"; $content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics"; $content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Index Site // Index Site

6
src/lang/en/main.php
View File

@ -105,6 +105,10 @@ $content['LN_ERROR_DB_DBFIELDNOTFOUND'] = "Database Field mapping for at least o
$content['LN_MENU_SEARCH'] = "Search"; $content['LN_MENU_SEARCH'] = "Search";
$content['LN_MENU_SHOWEVENTS'] = "Show Events"; $content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Help"; $content['LN_MENU_HELP'] = "Help";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base"; $content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login"; $content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center"; $content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -113,6 +117,8 @@ $content['LN_MENU_LOGGEDINAS'] = "Logged in as";
$content['LN_MENU_MAXVIEW'] = "Maximize View"; $content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View"; $content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics"; $content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Main Index Site // Main Index Site
$content['LN_ERROR_INSTALLFILEREMINDER'] = "Warning! You still have NOT removed the 'install.php' from your phpLogCon main directory!"; $content['LN_ERROR_INSTALLFILEREMINDER'] = "Warning! You still have NOT removed the 'install.php' from your phpLogCon main directory!";

5
src/lang/pt_BR/main.php
View File

@ -107,6 +107,10 @@ $content['LN_ERROR_NORECORDS'] = "Sem mensagens encontradas.";
$content['LN_MENU_SEARCH'] = "Search"; $content['LN_MENU_SEARCH'] = "Search";
$content['LN_MENU_SHOWEVENTS'] = "Show Events"; $content['LN_MENU_SHOWEVENTS'] = "Show Events";
$content['LN_MENU_HELP'] = "Help"; $content['LN_MENU_HELP'] = "Help";
$content['LN_MENU_DOC'] = "Documentation";
$content['LN_MENU_FORUM'] = "Support Forum";
$content['LN_MENU_WIKI'] = "phpLogCon Wiki";
$content['LN_MENU_PROSERVICES'] = "Professional Services";
$content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base"; $content['LN_MENU_SEARCHINKB'] = "Search in Knowledge Base";
$content['LN_MENU_LOGIN'] = "Login"; $content['LN_MENU_LOGIN'] = "Login";
$content['LN_MENU_ADMINCENTER'] = "Admin Center"; $content['LN_MENU_ADMINCENTER'] = "Admin Center";
@ -115,6 +119,7 @@ $content['LN_ERROR_NORECORDS'] = "Sem mensagens encontradas.";
$content['LN_MENU_MAXVIEW'] = "Maximize View"; $content['LN_MENU_MAXVIEW'] = "Maximize View";
$content['LN_MENU_NORMALVIEW'] = "Normalize View"; $content['LN_MENU_NORMALVIEW'] = "Normalize View";
$content['LN_MENU_STATISTICS'] = "Statistics"; $content['LN_MENU_STATISTICS'] = "Statistics";
$content['LN_MENU_CLICKTOEXPANDMENU'] = "Click the icon to show the menu";
// Main Index Site // Main Index Site
$content['LN_ERROR_INSTALLFILEREMINDER'] = "Aten&ccedil;&atilde;o! Voc&ecirc; ainda N&Atilde;O removeu o arquivo 'install.php' do diret&oacute;rio de seu phpLogCon!"; $content['LN_ERROR_INSTALLFILEREMINDER'] = "Aten&ccedil;&atilde;o! Voc&ecirc; ainda N&Atilde;O removeu o arquivo 'install.php' do diret&oacute;rio de seu phpLogCon!";

8
src/templates/include_header.html
View File

@ -5,6 +5,7 @@
{EXTRA_METATAGS} {EXTRA_METATAGS}
<link rel="stylesheet" href="{BASEPATH}css/defaults.css" type="text/css"> <link rel="stylesheet" href="{BASEPATH}css/defaults.css" type="text/css">
<link rel="stylesheet" href="{BASEPATH}themes/{user_theme}/main.css" type="text/css"> <link rel="stylesheet" href="{BASEPATH}themes/{user_theme}/main.css" type="text/css">
<link rel="stylesheet" href="{BASEPATH}css/menu.css" type="text/css">
{EXTRA_STYLESHEET} {EXTRA_STYLESHEET}
<script type='text/javascript'> <script type='text/javascript'>
var defaultMenuTimeout = {PopupMenuTimeout}; var defaultMenuTimeout = {PopupMenuTimeout};
@ -139,6 +140,13 @@
</tr> </tr>
</table> </table>
<table class="popupdetails with_border" id="popupdetails" OnMouseOver="HoveringPopup(event,this);" OnMouseOut="FinishHoveringPopup(event,this);" OnMouseMove="disableEventPropagation();" cellpadding="2" cellspacing="0" border="0">
<tr><td width="100%" class="cellmenu1" id="popuptitle" align="center" nowrap>&nbsp;</td></tr>
<tr>
<td width="100%" class="popupcontent" id="popupcontent">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_with_border"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_with_border">
<tr> <tr>
<td> <td>

23
src/templates/include_menu.html
View File

@ -1,14 +1,25 @@
<table width="100%" border="0" cellspacing="0" cellpadding="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td class="topmenu1begin" nowrap align="center" width="16"><img align="left" src="{MENU_BULLET_GREEN}" width="16" height="16" vspace="0"></td> <td class="topmenu1begin" nowrap align="center" width="16"><img align="left" src="{MENU_BULLET_GREEN}" width="16" height="16" vspace="0"></td>
<td class="topmenu1" nowrap align="center" width="75"><a class="topmenu1_link" href="{BASEPATH}search.php" target="_top"><img align="left" src="{MENU_SEARCH}" width="16" height="16" vspace="0">{LN_MENU_SEARCH}</a></td> <td class="topmenu1" nowrap align="center" width="75"><a class="topmenu1_link" href="{BASEPATH}search.php" target="_top"><img align="left" src="{MENU_SEARCH}" width="16" height="16" vspace="0">{LN_MENU_SEARCH}</a></td>
<td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="{BASEPATH}index.php?{additional_url}" target="_top"><img align="left" src="{MENU_HOMEPAGE}" width="16" height="16" vspace="0">{LN_MENU_SHOWEVENTS}</a></td> <td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="{BASEPATH}index.php?{additional_url}" target="_top"><img align="left" src="{MENU_HOMEPAGE}" width="16" height="16" vspace="0">{LN_MENU_SHOWEVENTS}</a></td>
<td class="topmenu1" nowrap align="center" width="90"><a class="topmenu1_link" href="{BASEPATH}statistics.php" target="_top"><img align="left" src="{MENU_CHARTS}" width="16" height="16" vspace="0">{LN_MENU_STATISTICS}</a></td> <td class="topmenu1" nowrap align="center" width="90"><a class="topmenu1_link" href="{BASEPATH}statistics.php" target="_top"><img align="left" src="{MENU_CHARTS}" width="16" height="16" vspace="0">{LN_MENU_STATISTICS}</a></td>
<!-- <td class="topmenu1" nowrap align="center" width="125"><a class="topmenu1_link" href="" target="_top">Show SysLogTags</a></td>--> <td class="topmenu1" nowrap align="left" width="60" nowrap>
<!-- <td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="" target="_top">User Options</a></td>--> <img align="left" src="{MENU_HELP}" width="16" height="16" title="{LN_GEN_PREDEFINEDSEARCHES}" OnClick="ToggleDisplayTypeById('menu_help');" OnMouseOver="HoverPopupMenuHelp(event, this, '{LN_MENU_HELP}', '{LN_MENU_CLICKTOEXPANDMENU}');" OnMouseOut="FinishPopupWindowMenu();">
<!-- <td class="topmenu1" nowrap align="center" width="125"><a class="topmenu1_link" href="" target="_top">Database Options</a></td>--> <div id="menu"><ul>
<!-- <td class="topmenu1" nowrap align="center" width="100"><a class="topmenu1_link" href="?" target="_top">Refresh</a></td>--> <li class="topmenu1_link">
<td class="topmenu1" nowrap align="center" width="60"><a class="topmenu1_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help"><img align="left" src="{MENU_HELP}" width="16" height="16" vspace="0">{LN_MENU_HELP}</a></td> <a class="topmenu1_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help">{LN_MENU_HELP}</a>
<ul id="menu_help" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_help');">
<li class="topmenu2"><a class="topmenu2_link" href="{PHPLOGCON_HELPLINK}" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_DOC}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://kb.monitorware.com/phplogcon-f39.html" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_FORUM}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://wiki.rsyslog.com/index.php/PhpLogCon_FAQ" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_WIKI}</a></li>
<li class="topmenu2"><a class="topmenu2_link" href="http://www.phplogcon.org/doc-professional_services.html" target="phplogcon_help"><img align="left" src="{MENU_BULLET_YELLOW}" width="16" height="16" vspace="0">{LN_MENU_PROSERVICES}</a></li>
</ul>
</li>
</ul></div>
</td>
<td class="topmenu1" nowrap align="center" width="200"><a class="topmenu1_link" href="http://kb.monitorware.com/search.php" target="_blank"><img align="left" src="{MENU_KB}" width="16" height="16" vspace="0">{LN_MENU_SEARCHINKB}</a></td> <td class="topmenu1" nowrap align="center" width="200"><a class="topmenu1_link" href="http://kb.monitorware.com/search.php" target="_blank"><img align="left" src="{MENU_KB}" width="16" height="16" vspace="0">{LN_MENU_SEARCHINKB}</a></td>
<!-- IF UserDBEnabled="true" --> <!-- IF UserDBEnabled="true" -->
<!-- IF SESSION_LOGGEDIN!="true" --> <!-- IF SESSION_LOGGEDIN!="true" -->

24
src/templates/index.html
View File

@ -22,7 +22,7 @@
<li class="cellmenu1"> <li class="cellmenu1">
<h2>{LN_GEN_PREDEFINEDSEARCHES}</h2> <h2>{LN_GEN_PREDEFINEDSEARCHES}</h2>
<!-- BEGIN Search --> <!-- BEGIN Search -->
<li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_presearches');"> <li class="topmenu3" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_presearches');">
<a href="?{SearchQuery}{additional_url_sourceonly}" target="_top">{DisplayName}</a> <a href="?{SearchQuery}{additional_url_sourceonly}" target="_top">{DisplayName}</a>
</li> </li>
<!-- END Search --> <!-- END Search -->
@ -262,17 +262,24 @@
<!-- ENDIF MiscShowDebugGridCounter="1" --> <!-- ENDIF MiscShowDebugGridCounter="1" -->
<!-- BEGIN values --> <!-- BEGIN values -->
<td align="{FieldAlign}" class="{fieldcssclass}" {fieldbgcolor} valign="top" {isnowrap}> <td align="{FieldAlign}" class="{fieldcssclass} gridline" {fieldbgcolor} valign="top" {isnowrap}>
<!-- IF hasbuttons="true" --> <!-- IF hasbuttons="true" -->
<div id="menu">
<!-- IF hasdropdownbutton="true" -->
<div style="position: relative;">
<img class="inlinebutton" src="{MENU_NAV_CLOSE}" width="16" height="16" title="{LN_GEN_AVAILABLESEARCHES}" OnClick="ToggleDisplayTypeById('menu_{FieldColumn}_{uid}');">
</div>
<!-- ENDIF hasdropdownbutton="true" -->
<div id="menu" style="position: absolute;">
<ul> <ul>
<li> <li>
<ul class="with_border" id="menu_{FieldColumn}_{uid}"> <ul class="with_border" id="menu_{FieldColumn}_{uid}">
<li class="cellmenu1" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');"> <li class="cellmenu1" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
<h2>{LN_GEN_AVAILABLESEARCHES}</h2> <h2>{LN_GEN_AVAILABLESEARCHES}</h2>
<!-- BEGIN buttons --> <!-- BEGIN buttons -->
<li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');"> <li class="topmenu3" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
<img align="left" src="{IconSource}" width="16" height="16" vspace="2"><a href="{ButtonUrl}<!-- IF ButtonAppendUrl="true" -->{additional_url_sourceonly}<!-- ENDIF ButtonAppendUrl="true" -->" target="{ButtonTarget}" OnClick="ToggleDisplayOffTypeById('menu_{FieldColumn}_{uid}');">{DisplayName}</a> <img align="left" src="{IconSource}" width="16" height="16" vspace="2"><a href="{ButtonUrl}<!-- IF ButtonAppendUrl="true" -->{additional_url_sourceonly}<!-- ENDIF ButtonAppendUrl="true" -->" target="{ButtonTarget}" OnClick="ToggleDisplayOffTypeById('menu_{FieldColumn}_{uid}');">{DisplayName}</a>
</li> </li>
<!-- END buttons --> <!-- END buttons -->
@ -280,10 +287,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- IF hasdropdownbutton="true" -->
<img align="left" vspace="0" hspace="2" src="{MENU_NAV_CLOSE}" width="16" height="16" border="0" title="{LN_GEN_AVAILABLESEARCHES}" OnClick="ToggleDisplayTypeById('menu_{FieldColumn}_{uid}');">
<!-- ENDIF hasdropdownbutton="true" -->
<!-- ENDIF hasbuttons="true" --> <!-- ENDIF hasbuttons="true" -->
<!-- IF ismessagefield="true" --> <!-- IF ismessagefield="true" -->
@ -304,7 +307,6 @@
<!-- IF ismessagefield="true" --> <!-- IF ismessagefield="true" -->
<a href="{detaillink}{additional_url_sourceonly}" class="syslogdetails" target="_top">{fieldvalue}</a> <a href="{detaillink}{additional_url_sourceonly}" class="syslogdetails" target="_top">{fieldvalue}</a>
<!-- ENDIF ismessagefield="true" --> <!-- ENDIF ismessagefield="true" -->
<!-- ENDIF hasdetails="false" --> <!-- ENDIF hasdetails="false" -->
<!-- IF hasdetails="true" --> <!-- IF hasdetails="true" -->
@ -314,7 +316,7 @@
<tr><td colspan="2" class="cellmenu1" align="center"><B>{popupcaption}</B></td></tr> <tr><td colspan="2" class="cellmenu1" align="center"><B>{popupcaption}</B></td></tr>
<!-- BEGIN messagesdetails --> <!-- BEGIN messagesdetails -->
<tr> <tr>
<td width="150" nowrap class="cellmenu2">{detailfieldtitle}</td> <td width="150" nowrap class="cellmenu2_naked">{detailfieldtitle}</td>
<td width="100%" class="{detailscssclass}">{detailfieldvalue}</td> <td width="100%" class="{detailscssclass}">{detailfieldvalue}</td>
</tr> </tr>
<!-- END messagesdetails --> <!-- END messagesdetails -->

65
src/themes/dark/main.css
View File

@ -3,8 +3,8 @@ BODY
{ {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
background-color: #000000;
color: #F3F3F1; color: #F3F3F1;
background-color: #000000;
scrollbar-face-color: #475059; scrollbar-face-color: #475059;
scrollbar-highlight-color: #b8c2cc; scrollbar-highlight-color: #b8c2cc;
@ -257,15 +257,6 @@ font
background-color: #492D2B; background-color: #492D2B;
text-decoration: none; text-decoration: none;
} }
.topmenu1_link, A.topmenu1_link
{
color: #FFDD22;
}
.topmenu1_link:hover, A.topmenu1_link:hover
{
color: #FFFF99;
text-decoration: none;
}
.topmenuend .topmenuend
{ {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
@ -336,6 +327,60 @@ font
color: #FFFFFF; color: #FFFFFF;
background-color: #49221F; background-color: #49221F;
} }
.topmenu3begin
{
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
background-color: #3F68AA;
}
.topmenu3
{
height: 16px;
border:1px ridge;
border-color: #09506C #557986 #09506C #09506C;
padding: 2px 2px 0px 2px;
vertical-align: middle;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #3F68AA;
}
.topmenu3:hover
{
color: #FFFF99;
border:1px inset;
border-color: #09506C #557986 #09506C #09506C;
background-color: #294572;
text-decoration: none;
}
.topmenu3end
{
height: 16px;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #3F68AA;
}
.topmenu1_link, a.topmenu1_link, a.topmenu1_link:visited, .topmenu2_link, a.topmenu2_link, a.topmenu2_link:visited, .topmenu3_link, a.topmenu3_link, a.topmenu3_link:visited
{
vertical-align: middle;
height: 16px;
color: #FFDD22;
font-weight:bold;
text-decoration: none;
}
.topmenu1_link:hover, .topmenu2_link:hover, .topmenu3_link:hover
{
vertical-align: middle;
color: #FFFF99;
font-weight:bold;
text-decoration: none;
}
/* Cell Columns */ /* Cell Columns */
.cellmenu1 .cellmenu1

78
src/themes/default/main.css
View File

@ -3,7 +3,7 @@ BODY
{ {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
color: #000000 color: #000000;
background-color: #f9f9f9; background-color: #f9f9f9;
scrollbar-face-color: #DEE3E7; scrollbar-face-color: #DEE3E7;
@ -229,7 +229,7 @@ font
/* TOP Menu Classes */ /* TOP Menu Classes */
.topmenu1begin .topmenu1begin
{ {
height: 20px; height: 16px;
border:0px; border:0px;
padding: 2px 2px 0px 2px; padding: 2px 2px 0px 2px;
vertical-align: middle; vertical-align: middle;
@ -238,7 +238,7 @@ font
} }
.topmenu1 .topmenu1
{ {
height: 20px; height: 16px;
border:1px ridge; border:1px ridge;
border-color: #79AABE #09506C #79AABE #79AABE; border-color: #79AABE #09506C #79AABE #79AABE;
padding: 2px 2px 0px 2px; padding: 2px 2px 0px 2px;
@ -256,32 +256,23 @@ font
background-color: #6A88B8; background-color: #6A88B8;
text-decoration: none; text-decoration: none;
} }
.topmenu1_link, A.topmenu1_link
{
color: #FFDD22;
}
.topmenu1_link:hover, A.topmenu1_link:hover
{
color: #FFFF99;
text-decoration: none;
}
.topmenuend .topmenuend
{ {
height: 20px; height: 16px;
font: 10px Verdana, Arial, Helvetica, sans-serif; font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; color: #FFFFFF;
background-color: #4E6485; background-color: #4E6485;
} }
.topmenuextra .topmenuextra
{ {
height: 20px; height: 16px;
font: 10px Verdana, Arial, Helvetica, sans-serif; font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; color: #FFFFFF;
background-color: #B8D4E0; background-color: #B8D4E0;
} }
.topmenu2begin .topmenu2begin
{ {
height: 20px; height: 16px;
border:0px; border:0px;
padding: 2px 2px 0px 2px; padding: 2px 2px 0px 2px;
vertical-align: middle; vertical-align: middle;
@ -290,7 +281,7 @@ font
} }
.topmenu2 .topmenu2
{ {
height: 20px; height: 16px;
border:1px ridge; border:1px ridge;
border-color: #BDEEFF #79AABE #09506C #09506C; border-color: #BDEEFF #79AABE #09506C #09506C;
padding: 2px 2px 0px 2px; padding: 2px 2px 0px 2px;
@ -319,13 +310,66 @@ font
} }
.topmenu2end .topmenu2end
{ {
height: 20px; height: 16px;
border:1px inset; border:1px inset;
border-color: #BDEEFF #79AABE #09506C #09506C; border-color: #BDEEFF #79AABE #09506C #09506C;
font: 10px Verdana, Arial, Helvetica, sans-serif; font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; color: #FFFFFF;
background-color: #7A92A6; background-color: #7A92A6;
} }
.topmenu3begin
{
height: 16px;
border:0px;
padding: 2px 2px 0px 2px;
vertical-align: middle;
background-color: #D4DAE3;
}
.topmenu3
{
height: 16px;
border:1px ridge;
border-color: #BDEEFF #79AABE #09506C #09506C;
padding: 2px 2px 0px 2px;
vertical-align: middle;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #D4DAE3;
}
.topmenu3:hover
{
color: #FFFF99;
border:1px inset;
border-color: #BDEEFF #79AABE #09506C #09506C;
background-color: #ACCBFD;
text-decoration: none;
}
.topmenu3end
{
height: 16px;
font: 10px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #D4DAE3;
}
.topmenu1_link, a.topmenu1_link, a.topmenu1_link:visited, .topmenu2_link, a.topmenu2_link, a.topmenu2_link:visited, .topmenu3_link, a.topmenu3_link, a.topmenu3_link:visited
{
vertical-align: middle;
height: 16px;
color: #FFDD22;
font-weight:bold;
text-decoration: none;
}
.topmenu1_link:hover, .topmenu2_link:hover, .topmenu3_link:hover
{
vertical-align: middle;
color: #FFFF99;
font-weight:bold;
text-decoration: none;
}