From 8dd71e818f0f4c7c6c596abcc20ae511263c97d1 Mon Sep 17 00:00:00 2001
From: Andre Lorbach <alorbach@adiscon.com>
Date: Tue, 29 Apr 2008 14:51:26 +0200
Subject: [PATCH] Added new kind of popup menu for use within the grid.

The popup menu uses javascript and is shown on click.
It seems to be the best option so far for later development.
This state is kind of in the middle as I need to take care
of a bug in the beta branch.
---
 src/css/defaults.css                          |   2 +-
 src/css/menu.css                              |  19 +++--
 src/images/icons/bullet_ball_glass_blue.png   | Bin 0 -> 661 bytes
 src/images/icons/bullet_ball_glass_green.png  | Bin 0 -> 673 bytes
 src/images/icons/bullet_ball_glass_grey.png   | Bin 0 -> 643 bytes
 src/images/icons/bullet_ball_glass_red.png    | Bin 0 -> 649 bytes
 src/images/icons/bullet_ball_glass_yellow.png | Bin 0 -> 666 bytes
 src/include/constants_logstream.php           |   2 +-
 src/include/functions_common.php              |   7 +-
 src/index.php                                 |  19 +++--
 src/js/common.js                              |  79 +++++++++++++++++-
 src/lang/en/main.php                          |   1 +
 src/templates/index.html                      |  55 +++++++++---
 src/themes/dark/main.css                      |   4 +-
 src/themes/default/main.css                   |   4 +-
 15 files changed, 160 insertions(+), 32 deletions(-)
 create mode 100644 src/images/icons/bullet_ball_glass_blue.png
 create mode 100644 src/images/icons/bullet_ball_glass_green.png
 create mode 100644 src/images/icons/bullet_ball_glass_grey.png
 create mode 100644 src/images/icons/bullet_ball_glass_red.png
 create mode 100644 src/images/icons/bullet_ball_glass_yellow.png

diff --git a/src/css/defaults.css b/src/css/defaults.css
index 2ccf210..523489f 100644
--- a/src/css/defaults.css
+++ b/src/css/defaults.css
@@ -24,7 +24,7 @@
 
 .SelectSavedFilter
 {
-	margin-top: 3px;
+	margin-top: 2px;
 	border: 1px solid;
 	border-color: #233B51 #124A7C #124A7C #233B51; 
 }
diff --git a/src/css/menu.css b/src/css/menu.css
index f42df92..076c0ba 100644
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -14,11 +14,11 @@
 	border-width: 1px;
 	border-style: solid;
 	margin: 0;
-	padding: 2px 3px;
+	padding: 1px 1px;
 }
 
 #menu h2 {
-	font: bold 11px/16px;
+	font: bold;
 	text-align: center;
 }
 
@@ -33,22 +33,27 @@
 }
 
 #menu li {
-	z-index:10;
 	/* make the list elements a containing block for the nested lists */
 	position: relative;
 } 
 
 #menu ul ul {
+	z-index:10;
+
 	position: absolute;
-	top: 16px;
-	left: 0px; /* to position them to the right of their containing block */
+	top: 12px;
+	left: 4px; /* to position them to the right of their containing block */
 	width: 300; /* width is based on the containing block */
 }
 
 div#menu ul ul,
 div#menu ul li:hover ul ul
-{display: none;}
+{
+	display: none;
+}
 
 div#menu ul li:hover ul,
 div#menu ul ul li:hover ul 
-{display: block;}
\ No newline at end of file
+{
+	display: block;
+}
\ No newline at end of file
diff --git a/src/images/icons/bullet_ball_glass_blue.png b/src/images/icons/bullet_ball_glass_blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..143f23ca2f8bb934e7d224d946c6d2479fcdcae9
GIT binary patch
literal 661
zcmV;G0&4w<P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000hbVXQnLvm$d
zbZKvHAXI5>WdKcYATcu_Piu4_GB7YRATTgGFf%$dIUp-AF)%Qy!D_((000McNliru
z)&&<0F)4wnxk&&3010qNS#tmY3h)2`3h)6!tTdPa000DMK}|sb0I`n?{9y$E00Heu
zL_t(|+O<<lPZLoXJ$GhG2ik!qMNul?!UQPj!c7+@8WR%<D`DlrpCF0yFWiu@aY1xp
z2wT_2jfN0H!Xuby@mY~V0$9=_eGHw)^-McJtzaa^o1Dqqd(U_7x!?C);2(!L#h&~-
zfr-*}nC?T^B2k&!g$3-qnZTo4uQ@9cZY^E?CHR>&id}1JAZqrG^hx7(%rO)f-6_#^
zS6;oTU}o|yS!S)sk-#`l&RbK%v9facybetdz!Dk^U7%I5#0R_c8uqj6__pxXcT%~M
zawuSy9z>LVrKmMv)l~7Ns3JwA%>eRT3kyd<|Ii&Wdx)lkFzrylaT7Ti#B?TzsG-6L
zRMWFtme|}=;dn<yFZJ>pCq5GSIssC2T5r%0Ah{AxgfxNXMh#idtW%LWN9eyhC}fvH
zZLNbHVIUR)BEf2ca%K7@%eCodZShlm(T;MES$*p6WMsPmbW)_J1?Y|d7dgMs%xZ3b
zmv}Yynapj!5_JMk240p@$?@go4cRDM#Loa%Xts%UoL}6Kg%@Mbu|A(8bA|YETq9NQ
zm$-iq9XE!<?OkzJTjbO4SFrRriS(QoG)qhqn+Ls6--%vM&Juk-+Whq`B1ydS|Lv1o
vxtcq#&Mh_BHhtR#uU>zC3n%YM{EzVyz#E;KFHSj<00000NkvXXu0mjfxAhp}

literal 0
HcmV?d00001

diff --git a/src/images/icons/bullet_ball_glass_green.png b/src/images/icons/bullet_ball_glass_green.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e8a4b49115d3feef37e38c16be77bc04a9289e7
GIT binary patch
literal 673
zcmV;S0$%-zP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000hbVXQnLvm$d
zbZKvHAXI5>WdKcYATcu_Piu4_GB7YRATTgGFfuwaGaxH4F)%PE99K2~000McNliru
z)&&<0F)4wnxk&&3010qNS#tmY3h)2`3h)6!tTdPa000DMK}|sb0I`n?{9y$E00H?)
zL_t(|+O?C<YZE~f$G<zf?oW4{wxH6Mf_R9jr5=M6f)^F^BI?0|c=N9QIf6HPQUt-P
zMJiSh@uDVHrM9NlHpFbxWH+15?u>8arlb*qA|3d!Z|D7(_hSb5&n5kXPW)AXtFN<#
zxDnk6M3hgoa-h6vZHD(2Z<U{u+9!Cwz1;tE?Opb6-HjHe?K8Ra6F2SIOu_afo^`FQ
z>(gf~w)SNAJ(&glLG}V%cyXf8+=&)WkDp_?%q*-!D!>G6&4wapq>8dW&pp0TFSWm>
znRH8Hy#QXleOpmSnL>UIQH9GZs1r@$LQyy*&0%Bn+GR35Ntiu9r6+`f=XJG%wXldC
zX%r?`=?Dp}*h95bgRF7LlPpK3GsGvNxi3J_iP?l<c2A3x27H-yI~+?KhNgfq13$=y
zwvG|{9~m?n!CP5~i-&a`rm8|CAOylVh8l*bMiG9l_@4)-w$}rHvwgp`Q5GYX1=}>?
z7zPsAp@0s3OY7f6?P2Q+nO4$C?4N@7EGqkRf%!eC<#SV$($v^E98HJodw8_`N~}KE
zejG0G#Q7z$nzU{3BK@xK5^i7)SFGdO3~43rW4nZ>C}IV>q+ceMh^^jT7`%x|PmU0$
zQjVtk+eDH0kjl}pw;-o;9_j0LQgf1lmkeg;TNt7fIEeKNaNW8?>e9ok00000NkvXX
Hu0mjfm?I~W

literal 0
HcmV?d00001

diff --git a/src/images/icons/bullet_ball_glass_grey.png b/src/images/icons/bullet_ball_glass_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ae8681ca762a39718c590db802b6723526a6019
GIT binary patch
literal 643
zcmV-}0(||6P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000hbVXQnLvm$d
zbZKvHAXI5>WdKHUATlx_N_A`?GB7YTATc*OGc`IfHXti7F)%Rco(Z)8000McNliru
z)&&<0F)4wnxk&&3010qNS#tmY3h)2`3h)6!tTdPa000DMK}|sb0I`n?{9y$E00G-c
zL_t(|+ND#=PQp+Sowl?<ODU01SgAX}1xpr2<1et%?;tMt7+A6*uGnDMpoyB8up%)&
zph_g+RT>`{XrV36C550dM#D``dS~v;>6w{(0oGj9Kh9=<A}Ezg2gBhoZCO^5*rsV#
z+wFEXlgU)j93kx0cxKh8R4T`vZa2>fLVR;;OAKsmi27s_<v8wWe{YW|m&-R8rmvDL
z2?~Y6K~Gilk}T5^Sq8V)3pB%k$KwGDm7=2EsbRDljmDFsWL^@zAQ%h=X_IAXk}#Rg
zK%Y**FwOa%BP4j1NF-7i8b|PpJlA4l7)H|PcEj6v3{#p0*0SdQ2@;KT9bBkLlB6An
z;2!bug<y<{5uXoO{2R@204xg>MFE3kZX(s?f+oh`3L`v=yk!Y5npP!6@uCQVB!L(R
zfPnDfp7>_A4UKyJ;rry41l@i=dsnU6B$4;~K|qM)i^;@ybA4@}ou4Zh+H)rHbqcjw
ztsM#mnNG90yB&*BI7Se79=e?l6mvQIv{*b*6h+0*OT;5-&-aT&)X1@D^bnhs@=H>j
zl%%O@{khdrG);R&^9pg{sIY&!iKM9^M9k@S*zxxfw+@I3^S8G^J9GB0beq)t{?k=n
d`!TJ(J^=$7uj{Pt1QP%N002ovPDHLkV1h-Y4MYF{

literal 0
HcmV?d00001

diff --git a/src/images/icons/bullet_ball_glass_red.png b/src/images/icons/bullet_ball_glass_red.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c6e7a19035d43e9cab3292c2948a573bc58910e
GIT binary patch
literal 649
zcmV;40(Sk0P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000hbVXQnLvm$d
zbZKvHAXI5>WdKcYATcu_Piu4_GB7YRATTgGFfuwdHXti7F)%QH;c<un000McNliru
z)&&<0F)4wnxk&&3010qNS#tmY3h)2`3h)6!tTdPa000DMK}|sb0I`n?{9y$E00H4i
zL_t(|+O?BSYZFlvhMzl`NopsFQkq0U!TNz{b*Tg_bfu!Mq)YK9xKRIviVIy9T)K59
zVnGm*Qc84HTT%;ZO*E-(tocqRbH|f(qOq+-5idM&=bn%Io_o%~KQ8qbHt&xT)K4*C
zG`T^WRL58~Nxy0_bvDCu`K$^0w+Won+*A&CoYVz_@rx)=<IPSJoO`ODRrIa%8SabQ
zn$YgW1p05bG!LDLNy9pN64NpXxGhvTN;@*F4(BuDt1j7em3O|9Zb`<^>$&dO`;4Gl
zBT&qu)`emY^Xn&qP6ZvZjVn<ui{~+6uoq_bHd>Pk)xW`qd1xe2c6ifJE};rpEM4bF
zh~siHCM*e+Ulg=7hKdcNA~skZiz5ZPut)9~8iIJD>m!!^!oW5K8%<tE?Z_n~7TXL6
z`wD7O?m!6LYLhO1e!I16KNKuCc~D&W;vp)C$03=7kr7BFK$5P%&wIDmSQgh+p|LH&
zxsOcGuaxiQp3HdKkmejb0Eb4=0gK$@m)_l_(xbTs8{)bsly;hfZhhAxTs@<h9E}Z*
zNuN}vP+OdGSeR{ggJy&mLcTXpTPLyeCZeAcJ_-N4AS?)P{C#^T1^vU->GR&c*KYW-
jtAe}hzp#tV<A1F0>n5R8yDSW`00000NkvXXu0mjf?(GsB

literal 0
HcmV?d00001

diff --git a/src/images/icons/bullet_ball_glass_yellow.png b/src/images/icons/bullet_ball_glass_yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae0ef19069552df0aabf5065168535526e26b3e7
GIT binary patch
literal 666
zcmV;L0%iS)P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0000hbVXQnLvm$d
zbZKvHAXI5>WdKcYATcu_Piu4_GB7YRATTgGFf%$bG9W83F)%Q0sW-d;000McNliru
z)&&<0F)4wnxk&&3010qNS#tmY3h)2`3h)6!tTdPa000DMK}|sb0I`n?{9y$E00Htz
zL_t(|+O<<bOB7)ke!g#Kc4lYBRM6EdjD%oQJjN1%coEc7dG6L9s1DIzh;HFYh)zLt
z5Ui7dAWP-N0uL&#uB)wLmZ7%mxbC<!Ju}RRttm<L!2=)P`@RqF^Sti|{NoYlh<SfS
zus(*K;vOC_J?)q5JD6VC#K@h;m}J-{+*1jP<9N8Sji+j3zcktgf?Rv!9V$P@-CV(a
zGWZD3__#$JMm4eMvicf5J2qaLmxiR7>_$AUK#4g}^*TtUNmydx7CT#;SwcSSB#<N{
zg57=Gk0%<WuGvt%RVZ$bScWRrkVurE8J6t3f!j<?5k^#}9J45GYCDKK8R$wqnT<eS
z)hXh@*@k5}=xD=rK6MgVqVyYq=R#T+08Kl9P$^NV1{TGHAeDqlv0gRkxRuaPbg)~*
zXDO6HVKA;=1k?sr2#D%Wpu9=j)-jW-EY?o#$b-Tbp09in9?TXJTn5Yzpza#gwgXlx
z@_Be8Z?MGFZ$$aT6h<>B^me%h%H?$9m6VXp-6Trlu=E`Z@29-sSEbRnQ$g_uVwtGa
z?m?jMUO(>MOkwD1d!iFUi21BN|6&4jpR%A9d?Yf&*Jz<?H_`VbNpyv13Eyb~=7`zw
zezZt``U|me&h^LK_BHz*?D>;D^Dmqc^YA~;FBJ`%5|l|mB>(^b07*qoM6N<$f)AS@
A2><{9

literal 0
HcmV?d00001

diff --git a/src/include/constants_logstream.php b/src/include/constants_logstream.php
index 9287183..6c14185 100644
--- a/src/include/constants_logstream.php
+++ b/src/include/constants_logstream.php
@@ -95,7 +95,7 @@ $fields[SYSLOG_MESSAGETYPE]['FieldCaptionID'] = 'LN_FIELDS_MESSAGETYPE';
 $fields[SYSLOG_MESSAGETYPE]['FieldType'] = FILTER_TYPE_NUMBER;
 $fields[SYSLOG_MESSAGETYPE]['Sortable'] = true;
 $fields[SYSLOG_MESSAGETYPE]['DefaultWidth'] = "90";
-$fields[SYSLOG_MESSAGETYPE]['FieldAlign'] = "left";
+$fields[SYSLOG_MESSAGETYPE]['FieldAlign'] = "center";
 
 // Syslog specific
 $fields[SYSLOG_FACILITY]['FieldID'] = SYSLOG_FACILITY;
diff --git a/src/include/functions_common.php b/src/include/functions_common.php
index f13d6f8..e49c35a 100644
--- a/src/include/functions_common.php
+++ b/src/include/functions_common.php
@@ -360,11 +360,16 @@ function InitFrontEndVariables()
 	$content['MENU_NAV_RIGHT'] = $content['BASEPATH'] . "images/icons/navigate_right.png";
 	$content['MENU_NAV_CLOSE'] = $content['BASEPATH'] . "images/icons/navigate_close.png";
 	$content['MENU_NAV_OPEN'] = $content['BASEPATH'] . "images/icons/navigate_open.png";
-
 	$content['MENU_PAGER_BEGIN_GREY'] = $content['BASEPATH'] . "images/icons/grey/media_beginning.png";
 	$content['MENU_PAGER_PREVIOUS_GREY'] = $content['BASEPATH'] . "images/icons/grey/media_rewind.png";
 	$content['MENU_PAGER_NEXT_GREY'] = $content['BASEPATH'] . "images/icons/grey/media_fast_forward.png";
 	$content['MENU_PAGER_END_GREY'] = $content['BASEPATH'] . "images/icons/grey/media_end.png";
+
+	$content['MENU_BULLET_BLUE'] = $content['BASEPATH'] . "images/icons/bullet_ball_glass_blue.png";
+	$content['MENU_BULLET_GREEN'] = $content['BASEPATH'] . "images/icons/bullet_ball_glass_green.png";
+	$content['MENU_BULLET_RED'] = $content['BASEPATH'] . "images/icons/bullet_ball_glass_red.png";
+	$content['MENU_BULLET_YELLOW'] = $content['BASEPATH'] . "images/icons/bullet_ball_glass_yellow.png";
+	$content['MENU_BULLET_GREY'] = $content['BASEPATH'] . "images/icons/bullet_ball_glass_grey.png";
 }
 
 // Lang Helper for Strings with ONE variable
diff --git a/src/index.php b/src/index.php
index 404dfa0..01fd4c7 100644
--- a/src/index.php
+++ b/src/index.php
@@ -267,6 +267,8 @@ if ( isset($content['Sources'][$currentSourceID]) ) // && $content['Sources'][$c
 					if ( isset($logArray[$mycolkey]) )
 					{
 						// Set defaults
+						$content['syslogmessages'][$counter]['values'][$mycolkey]['FieldColumn'] = $mycolkey;
+						$content['syslogmessages'][$counter]['values'][$mycolkey]['uid'] = $uID;
 						$content['syslogmessages'][$counter]['values'][$mycolkey]['FieldAlign'] = $fields[$mycolkey]['FieldAlign'];
 						$content['syslogmessages'][$counter]['values'][$mycolkey]['fieldcssclass'] = $content['syslogmessages'][$counter]['cssclass'];
 						$content['syslogmessages'][$counter]['values'][$mycolkey]['fieldbgcolor'] = "";
@@ -408,15 +410,22 @@ if ( isset($content['Sources'][$currentSourceID]) ) // && $content['Sources'][$c
 							{
 								// Append Syslogtag Search Button
 								$content['syslogmessages'][$counter]['values'][$mycolkey]['fieldvalue'] = '<a href="?filter=syslogtag%3A' . $logArray[$mycolkey] . 
-									'&search=Search" target="_top"><img src="' . $content['MENU_VIEW'] . 
-									'" width="16" align="right" title="' . $content['LN_VIEW_FILTERFOR'] . $logArray[$mycolkey] . '">' . '</a>' . $logArray[$mycolkey];
+									'&search=Search" target="_top">' . $logArray[$mycolkey]. '</a>';
+// <img src="' . $content['MENU_VIEW'] . '" width="16" align="left" title="' . $content['LN_VIEW_FILTERFOR'] . $logArray[$mycolkey] . '">'
 							}
 							else if ( $mycolkey == SYSLOG_HOST ) 
 							{
+								$content['syslogmessages'][$counter]['values'][$mycolkey]['hasbuttons'] = true;
+								$content['syslogmessages'][$counter]['values'][$mycolkey]['buttons'][] = array( 
+									'ButtonUrl' => '?filter=source%3A' . $logArray[$mycolkey] . '&search=Search', 
+									'DisplayName' => $content['LN_VIEW_FILTERFOR'] . "'" . $logArray[$mycolkey] . "'"
+									);
+
 								// Append Syslogtag Search Button
-								$content['syslogmessages'][$counter]['values'][$mycolkey]['fieldvalue'] = '<a href="?filter=source%3A' . $logArray[$mycolkey] . 
-									'&search=Search" target="_top"><img src="' . $content['MENU_VIEW'] . 
-									'" width="16" align="right" title="' . $content['LN_VIEW_FILTERFOR'] . $logArray[$mycolkey] . '">' . '</a>' . $logArray[$mycolkey];
+//								$content['syslogmessages'][$counter]['values'][$mycolkey]['fieldvalue'] = '<a href="?filter=source%3A' . $logArray[$mycolkey] . 
+//									'&search=Search" target="_top"><img src="' . $content['MENU_VIEW'] . 
+//'" width="16" align="right" title="' . $content['LN_VIEW_FILTERFOR'] . $logArray[$mycolkey] . '">' . '</a>' . $logArray[$mycolkey];
+
 /* TODO ...
 $content['syslogmessages'][$counter]['values'][$mycolkey]['fieldvalue'] = '
 								<div id="menu">
diff --git a/src/js/common.js b/src/js/common.js
index db35439..5bfcb47 100644
--- a/src/js/common.js
+++ b/src/js/common.js
@@ -133,4 +133,81 @@ function toggleFormareaVisibility(FormFieldName, FirstHiddenArea, SecondHiddenAr
 		hidevisibility(FirstHiddenArea);
 		togglevisibility(SecondHiddenArea);
 	}
-}
\ No newline at end of file
+}
+
+// helper array to keep track of the timeouts!
+var runningTimeouts = new Array();
+var defaultMenuTimeout = 1500;
+/*
+* Toggle display type from NONE to BLOCK
+*/ 
+function ToggleDisplayTypeById(ObjID)
+{
+	var obj = document.getElementById(ObjID);
+	if (obj != null)
+	{
+		if (obj.style.display == '' || obj.style.display == 'none')
+		{
+			obj.style.display='block';
+			
+			// Set Timeout to make sure the menu disappears
+			ToggleDisplaySetTimeout(ObjID);
+		}
+		else
+		{
+			obj.style.display='none';
+			
+			// Abort Timeout if set!
+			ToggleDisplayClearTimeout(ObjID);
+		}
+	}
+}
+
+function ToggleDisplaySetTimeout(ObjID)
+{
+	// Set Timeout 
+	var szTimeOut = "ToggleDisplayOffTypeById('" + ObjID + "')";
+	runningTimeouts[ObjID] = window.setTimeout(szTimeOut, defaultMenuTimeout);
+}
+
+function ToggleDisplayClearTimeout(ObjID)
+{
+	// Abort Timeout if set!
+	if ( runningTimeouts[ObjID] != null )
+	{
+		window.clearTimeout(runningTimeouts[ObjID]);
+	}
+}
+
+function ToggleDisplayEnhanceTimeOut(ObjID)
+{
+	// First clear timeout
+	ToggleDisplayClearTimeout(ObjID);
+
+	// Set new  timeout
+	ToggleDisplaySetTimeout(ObjID);
+}
+
+/*
+* Make Style sheet display OFF in any case
+*/ 
+function ToggleDisplayOffTypeById(ObjID)
+{
+	var obj = document.getElementById(ObjID);
+	if (obj != null)
+	{
+		obj.style.display='none';
+	}
+}
+
+/*
+* Debug Helper function to read possible properties of an object 
+*/ 
+function DebugShowElementsById(ObjName)
+{
+	var obj = document.getElementById(ObjName);
+	for (var key in obj) {
+		document.write(obj[key]);
+	}
+}
+
diff --git a/src/lang/en/main.php b/src/lang/en/main.php
index 03057e7..f9bd7a6 100644
--- a/src/lang/en/main.php
+++ b/src/lang/en/main.php
@@ -45,6 +45,7 @@ $content['LN_GEN_SOURCE_DISK'] = "Diskfile";
 $content['LN_GEN_SOURCE_DB'] = "Database";
 $content['LN_GEN_RECORDSPERPAGE'] = "records per page";
 $content['LN_GEN_PRECONFIGURED'] = "Preconfigured";
+$content['LN_GEN_AVAILABLESEARCHES'] = "Available searches";
 
 
 // Main Index Site
diff --git a/src/templates/index.html b/src/templates/index.html
index 91b9ecb..186dd28 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -10,11 +10,13 @@
 	<td nowrap align="left" nowrap valign="top">
 		<div id="menu">
 		<ul>
-		  <li><img src="{MENU_NAV_CLOSE}" width="16" height="16" title="{LN_GEN_PREDEFINEDSEARCHES}" class="SelectSavedFilter">
-			<ul class="with_border">
+		  <li><img src="{MENU_NAV_CLOSE}" width="16" height="16" title="{LN_GEN_PREDEFINEDSEARCHES}" class="SelectSavedFilter" OnClick="ToggleDisplayTypeById('menu_presearches');">
+			<ul class="with_border" id="menu_presearches">
 			  <li><h2 class="cellmenu1">{LN_GEN_PREDEFINEDSEARCHES}</h2>
 			<!-- BEGIN Search -->
-			  <li class="{cssclass}"><a href="?{SearchQuery}" target="_top">{DisplayName}</a></li>
+			  <li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_presearches');">
+			  <a href="?{SearchQuery}" target="_top">{DisplayName}</a>
+			  </li>
 			<!-- END Search -->
 			</ul>
 		  </li>
@@ -198,15 +200,44 @@
 		<!-- BEGIN values -->
 		<!-- IF hasdetails="false" -->
 		<td align="{FieldAlign}" class="{fieldcssclass}" {fieldbgcolor} valign="middle" nowrap>
-			<!-- IF haslink="true" -->
-			<a href="{detaillink}" class="syslogdetails" target="_top">
-			<!-- ENDIF haslink="true" -->
-				<!-- IF haslink!="true" --><B><!-- ENDIF haslink!="true" -->
-				{fieldvalue}
-				<!-- IF haslink!="true" --></B><!-- ENDIF haslink!="true" -->
-			<!-- IF haslink="true" -->
-			</a>
-			<!-- ENDIF haslink="true" -->
+
+			<!-- IF hasbuttons="true" -->
+			<div id="menu">
+			<ul>
+			  <li>
+<!--			  <img align="left" src="{MENU_NAV_CLOSE}" width="16" height="16" border="1" title="{LN_GEN_AVAILABLESEARCHES}">-->
+				<ul class="with_border" id="menu_{FieldColumn}_{uid}">
+				  <li OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
+				  <h2 class="cellmenu1">{LN_GEN_AVAILABLESEARCHES}
+				  </h2>
+				<!-- BEGIN buttons -->
+				  <li class="{cssclass}" OnMouseMove="ToggleDisplayEnhanceTimeOut('menu_{FieldColumn}_{uid}');">
+				  <img align="left" src="{MENU_BULLET_BLUE}" width="16" height="16"><a href="{ButtonUrl}" target="_top">{DisplayName}</a>
+				  </li>
+				<!-- END buttons -->
+				</ul>
+			  </li>
+			</ul>
+			</div>
+			<span OnClick="ToggleDisplayTypeById('menu_{FieldColumn}_{uid}');">
+			<!-- ENDIF hasbuttons="true" -->
+
+				<!-- IF haslink="true" -->
+				<a href="{detaillink}" class="syslogdetails" target="_top">
+				<!-- ENDIF haslink="true" -->
+
+					<!-- IF haslink!="true" --><B><!-- ENDIF haslink!="true" -->
+					{fieldvalue}
+					<!-- IF haslink!="true" --></B><!-- ENDIF haslink!="true" -->
+
+				<!-- IF haslink="true" -->
+				</a>
+				<!-- ENDIF haslink="true" -->
+
+			<!-- IF hasbuttons="true" -->
+			</span>
+			<!-- ENDIF hasbuttons="true" -->
+
 		<!-- ENDIF hasdetails="false" -->
 		<!-- IF hasdetails="true" -->
 		<td align="{FieldAlign}" class="{fieldcssclass}" {fieldbgcolor} valign="middle" width="100%">
diff --git a/src/themes/dark/main.css b/src/themes/dark/main.css
index 3a54fe5..a663adf 100644
--- a/src/themes/dark/main.css
+++ b/src/themes/dark/main.css
@@ -243,12 +243,12 @@ font
 /* Cell Columns */
 .cellmenu1
 {
-	height: 15px;
+/*	height: 15px; */
 	border:1px solid;
 	border-color: #353A3F #050A0F #050A0F #353A3F; 
 
 	text-indent:5px;
-	font: 10px Verdana, Arial, Helvetica, sans-serif;
+	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 	color: #FFFCE5;
 	background-color: #103B65;
 }
diff --git a/src/themes/default/main.css b/src/themes/default/main.css
index f3bf131..f6020ec 100644
--- a/src/themes/default/main.css
+++ b/src/themes/default/main.css
@@ -272,12 +272,12 @@ font
 /* Cell Columns */
 .cellmenu1
 {
-	height: 16px;
+/*	height: 16px; */
 	border:1px ridge;
 	border-color: #79AABE #09506C #09506C #79AABE;
 
 	text-indent:5px;
-	font: 10px Verdana, Arial, Helvetica, sans-serif;
+	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
 	background-color: #6C8E9C;
 }