Change visual of node
This commit is contained in:
m-lopez-f
parent
6cec43c5fa
commit
0e29cc520e
|
|
@ -71,6 +71,37 @@ config_check();
|
|||
$table->styleTable = 'margin: auto; margin-top: 0px;';
|
||||
$table->rowclass[0] = '';
|
||||
|
||||
// Search bar
|
||||
$search_bar = '<form method="get" style="display: inline;" name="quicksearch" action="">';
|
||||
if (!isset($config['search_keywords'])) {
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = true; </script>';
|
||||
}
|
||||
else {
|
||||
if (strlen($config['search_keywords']) == 0)
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = true; </script>';
|
||||
else
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = false; </script>';
|
||||
}
|
||||
|
||||
$search_bar .= '<input type="text" id="keywords" name="keywords"';
|
||||
if (!isset($config['search_keywords']))
|
||||
$search_bar .= "value='" . __("Enter keywords to search") . "'";
|
||||
else if (strlen($config['search_keywords']) == 0)
|
||||
$search_bar .= "value='" . __("Enter keywords to search") . "'";
|
||||
else
|
||||
$search_bar .= "value='" . $config['search_keywords'] . "'";
|
||||
|
||||
$search_bar .= 'onfocus="javascript: if (fieldKeyWordEmpty) $(\'#keywords\').val(\'\');"
|
||||
onkeyup="javascript: fieldKeyWordEmpty = false;"
|
||||
style="margin-top:5px;" class="search_input" />';
|
||||
|
||||
//$search_bar .= 'onClick="javascript: document.quicksearch.submit()"';
|
||||
|
||||
$search_bar .= "<input type='hidden' name='head_search_keywords' value='abc' />";
|
||||
$search_bar .= '</form>';
|
||||
|
||||
$table->data[0]['searchbar'] = $search_bar;
|
||||
|
||||
// Servers check
|
||||
$servers = array();
|
||||
$servers["all"] = (int) db_get_value ('COUNT(id_server)','tserver');
|
||||
|
|
@ -262,39 +293,6 @@ config_check();
|
|||
$table->data[0][9] .= '</a>';
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Search bar
|
||||
$search_bar = '<form method="get" style="display: inline;" name="quicksearch" action="">';
|
||||
if (!isset($config['search_keywords'])) {
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = true; </script>';
|
||||
}
|
||||
else {
|
||||
if (strlen($config['search_keywords']) == 0)
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = true; </script>';
|
||||
else
|
||||
$search_bar .= '<script type="text/javascript"> var fieldKeyWordEmpty = false; </script>';
|
||||
}
|
||||
|
||||
$search_bar .= '<input type="text" id="keywords" name="keywords"';
|
||||
if (!isset($config['search_keywords']))
|
||||
$search_bar .= "value='" . __("Enter keywords to search") . "'";
|
||||
else if (strlen($config['search_keywords']) == 0)
|
||||
$search_bar .= "value='" . __("Enter keywords to search") . "'";
|
||||
else
|
||||
$search_bar .= "value='" . $config['search_keywords'] . "'";
|
||||
|
||||
$search_bar .= 'onfocus="javascript: if (fieldKeyWordEmpty) $(\'#keywords\').val(\'\');"
|
||||
onkeyup="javascript: fieldKeyWordEmpty = false;"
|
||||
style="margin-top:5px;" class="search_input" />';
|
||||
|
||||
//$search_bar .= 'onClick="javascript: document.quicksearch.submit()"';
|
||||
|
||||
$search_bar .= "<input type='hidden' name='head_search_keywords' value='abc' />";
|
||||
$search_bar .= '</form>';
|
||||
|
||||
$table->data[0]['searchbar'] = $search_bar;
|
||||
|
||||
$table->data[0][11] = ui_print_help_tip (__("Blank characters are used as AND conditions"), true);
|
||||
|
||||
html_print_table($table);
|
||||
|
|
|
|||
|
|
@ -235,25 +235,47 @@ $(document).ready( function() {
|
|||
|
||||
<script type="text/javascript">
|
||||
openTime = 0;
|
||||
openTime2 = 0;
|
||||
handsIn = 0;
|
||||
handsIn2 = 0;
|
||||
|
||||
$('.menu_icon').hover(function(){
|
||||
table_hover = $(this);
|
||||
handsIn = 1;
|
||||
openTime = new Date().getTime();
|
||||
$("ul#sub"+table_hover[0].id).show().animate({opacity: "1"}, 1000);
|
||||
if( typeof(table_noHover) != 'undefined')
|
||||
if ( "ul#sub"+table_hover[0].id != "ul#sub"+table_noHover[0].id )
|
||||
$("ul#sub"+table_noHover[0].id).hide();
|
||||
$("ul#sub"+table_hover[0].id).show();
|
||||
|
||||
}).mouseout(function(){
|
||||
$("ul#sub"+table_noHover[0].id).animate({opacity: "0.5"}, 1000,function(){$("ul#sub"+table_noHover[0].id).hide();});
|
||||
}).mouseleave(function(){
|
||||
table_noHover = $(this);
|
||||
handsIn = 0;
|
||||
setTimeout(function() {
|
||||
opened = new Date().getTime() - openTime;
|
||||
if(opened >= 3000 && handsIn == 0) {
|
||||
if(opened > 3000 && handsIn == 0) {
|
||||
openTime = 4000;
|
||||
$("ul#sub"+table_hover[0].id).hide();
|
||||
$("ul#sub"+table_hover[0].id).animate({opacity: "0.5"}, 1000,function(){$("ul#sub"+table_hover[0].id).hide();});
|
||||
}
|
||||
}, 3500);
|
||||
});
|
||||
|
||||
|
||||
- $('.has_submenu.submenu_not_selected').hover(function(){
|
||||
table_hover2 = $(this);
|
||||
handsIn2 = 1;
|
||||
openTime2 = new Date().getTime();
|
||||
if( typeof(table_noHover2) != 'undefined')
|
||||
if ( "ul#sub"+table_hover2[0].id != "ul#sub"+table_noHover2[0].id )
|
||||
$("ul#sub"+table_noHover2[0].id).animate({opacity: "0.5"}, 1000,function(){$("ul#sub"+table_noHover2[0].id).hide();});
|
||||
$("#sub"+table_hover2[0].id).show();
|
||||
}).mouseleave(function(){
|
||||
table_noHover2 = $(this);
|
||||
handsIn2 = 0;
|
||||
setTimeout(function() {
|
||||
opened = new Date().getTime() - openTime2;
|
||||
if(opened >= 3000 && handsIn2 == 0) {
|
||||
openTime2 = 4000;
|
||||
$("#sub"+table_hover2[0].id).animate({opacity: "0.5"}, 1000,function(){$("ul#sub"+table_noHover2[0].id).hide();});
|
||||
}
|
||||
}, 3500);
|
||||
});
|
||||
|
|
@ -261,8 +283,13 @@ $(document).ready( function() {
|
|||
$(document).ready(function(){
|
||||
$('#page').click(function(){
|
||||
openTime = 4000;
|
||||
$("ul#sub"+table_hover[0].id).hide();
|
||||
if( typeof(table_hover) != 'undefined')
|
||||
$("ul#sub"+table_hover[0].id).animate({opacity: "0.5"}, 500,function(){$("ul#sub"+table_hover[0].id).hide();});
|
||||
if( typeof(table_hover2) != 'undefined')
|
||||
$("ul#sub"+table_hover2[0].id).animate({opacity: "0.5"}, 500,function(){$("ul#sub"+table_hover2[0].id).hide();});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1578,9 +1578,9 @@ echo '</div>';
|
|||
|
||||
// Set the position and width of the subtab
|
||||
function agent_wizard_tab_setup() {
|
||||
$('#agent_wizard_subtabs').css('left', $('.agent_wizard_tab').offset().left)
|
||||
$('#agent_wizard_subtabs').css('top', $('.agent_wizard_tab').offset().top + $('.agent_wizard_tab').height() + 4)
|
||||
$('#agent_wizard_subtabs').css('width', $('.agent_wizard_tab').width() + 6)
|
||||
$('#agent_wizard_subtabs').css('left', $('.agent_wizard_tab').offset().left-14)
|
||||
$('#agent_wizard_subtabs').css('top', $('.agent_wizard_tab').offset().top + $('.agent_wizard_tab').height() + 7)
|
||||
$('#agent_wizard_subtabs').css('width', $('.agent_wizard_tab').width() + 26)
|
||||
}
|
||||
|
||||
function agent_wizard_tab_show() {
|
||||
|
|
|
|||
|
|
@ -2,10 +2,9 @@
|
|||
{
|
||||
margin-top: 30px;
|
||||
left: 20px;
|
||||
padding-top: 0.5px;
|
||||
width: 60%;
|
||||
height: 35em;
|
||||
background-color: #FFF;
|
||||
background-color: #ececec;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
|
|
@ -22,7 +21,6 @@
|
|||
.image_task
|
||||
{
|
||||
margin: 30px 0px 0px 50px;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.text_task
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ li:hover ul { display: block; }
|
|||
|
||||
.submenu_text{
|
||||
background-repeat: no-repeat !important;
|
||||
padding: 10px;
|
||||
padding: 9px;
|
||||
margin-left: 0px;
|
||||
color: #fff;
|
||||
width: 88%;
|
||||
|
|
@ -74,6 +74,7 @@ li:hover ul { display: block; }
|
|||
min-height: 30px;
|
||||
height: 30px;
|
||||
width: 160px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.submenu2{
|
||||
|
|
|
|||
|
|
@ -226,7 +226,7 @@ div#container {
|
|||
#border-right: solid 2px #000;
|
||||
#border-top: solid 2px #000;
|
||||
#margin-top: 5px;
|
||||
height: 2000px;
|
||||
height: auto;
|
||||
background: #FFF;
|
||||
}
|
||||
div#page {
|
||||
|
|
@ -235,7 +235,7 @@ div#page {
|
|||
}
|
||||
div#main {
|
||||
width: 90%;
|
||||
margin: 0px 5% 0px 0%;
|
||||
margin: 0px 4% 0px 0%;
|
||||
float: right;
|
||||
}
|
||||
div#main_help {
|
||||
|
|
@ -1079,12 +1079,6 @@ div.title_line {
|
|||
-khtml-opacity: 0.5;
|
||||
}
|
||||
|
||||
#menu_tab_frame {
|
||||
background: #FAFAFA;
|
||||
}
|
||||
#menu_tab_frame_view {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#menu_tab_frame, #menu_tab_frame_view {
|
||||
display: block !important;
|
||||
|
|
@ -1133,32 +1127,32 @@ div.title_line {
|
|||
}
|
||||
|
||||
#menu_tab li.tab_operation, #menu_tab li.tab_godmode {
|
||||
padding-left: 2px;
|
||||
#padding-left: 2px;
|
||||
}
|
||||
|
||||
#menu_tab li.tab_godmode a, #menu_tab a.tab_godmode {
|
||||
background: #666;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
min-height: 27px;
|
||||
#background: #666;
|
||||
#padding-left: 4px;
|
||||
#padding-right: 4px;
|
||||
#min-height: 27px;
|
||||
}
|
||||
|
||||
#menu_tab li.tab_godmode.nomn_high a, #menu_tab a.tab_godmode.nomn_high,
|
||||
#menu_tab li.tab_godmode a:hover, #menu_tab a.tab_godmode:hover {
|
||||
background: #555555;
|
||||
#background: #555555;
|
||||
}
|
||||
|
||||
|
||||
#menu_tab li.tab_operation a, #menu_tab a.tab_operation {
|
||||
background: #82b92e;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
min-height: 27px;
|
||||
#background: #82b92e;
|
||||
#padding-left: 4px;
|
||||
#padding-right: 4px;
|
||||
#min-height: 27px;
|
||||
}
|
||||
|
||||
#menu_tab li.tab_operation.nomn_high a, #menu_tab a.tab_operation.nomn_high,
|
||||
#menu_tab li.tab_operation a:hover, #menu_tab a.tab_operation:hover {
|
||||
background: #3F3F3F;
|
||||
#background: #3F3F3F;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1273,7 +1267,7 @@ div.title_line {
|
|||
}
|
||||
|
||||
#menu_tab_frame *, #menu_tab_frame_view *{
|
||||
margin: 0px 0px 0px 0px !important;
|
||||
#margin: 0px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
span.users {
|
||||
|
|
@ -2305,7 +2299,7 @@ li.links a:hover {
|
|||
border-radius: 0px 0px 0px 0px;
|
||||
background-color: #373737 !important;
|
||||
display: block;
|
||||
min-height: 50px;
|
||||
min-height: 35px;
|
||||
border-bottom: 0px none #424242;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -2592,7 +2586,21 @@ ul.subsubmenu {
|
|||
-webkit-border-bottom-right-radius: 5px;
|
||||
-webkit-border-bottom-left-radius: 5px;
|
||||
|
||||
background: #555555;
|
||||
background: #ECECEC !important;
|
||||
}
|
||||
|
||||
ul.subsubmenu li{
|
||||
background-color: #ECECEC;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
border-color: #E2E2E2;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
ul.subsubmenu li a{
|
||||
padding: 0px 10px 5px;
|
||||
}
|
||||
|
||||
div#agent_wizard_subtabs {
|
||||
|
|
@ -2897,6 +2905,33 @@ table#policy_modules td * {
|
|||
border-color: #E2E2E2;
|
||||
}
|
||||
|
||||
|
||||
#menu_tab li.nomn, #menu_tab li.nomn_high {
|
||||
background-color: #ECECEC;
|
||||
padding: 0px 10px 3px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
border-color: #E2E2E2;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
#menu_tab li.nomn_high, #menu_tab li.nomn_high span {
|
||||
color: #FFF;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
#menu_tab li.tab_operation a, #menu_tab a.tab_operation{
|
||||
background: none !important ;
|
||||
}
|
||||
|
||||
|
||||
.databox.filters td{
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* The items with the class 'spinner' will rotate */
|
||||
/* Not supported on IE9 and below */
|
||||
.spinner {
|
||||
|
|
|
|||
Loading…
Reference in New Issue