Added ajax-loaded navigation to the main page
This commit is contained in:
Rouslan Placella
parent
c24010362f
commit
69b81e843b
@ -162,7 +162,7 @@ var AJAX = {
|
||||
menuResize();
|
||||
}
|
||||
|
||||
$('body').children().not('#floating_menubar').not('#page_content').not('#selflink').remove();
|
||||
$('body').children().not('#pma_navigation').not('#floating_menubar').not('#page_content').not('#selflink').remove();
|
||||
|
||||
$('#page_content').replaceWith("<div id='page_content'>" + data.message + "</div>");
|
||||
if (data.sql_query) {
|
||||
|
||||
@ -2816,7 +2816,7 @@ AJAX.registerOnload('functions.js', function() {
|
||||
function menuResize()
|
||||
{
|
||||
var $cnt = $('#topmenu');
|
||||
var wmax = $cnt.innerWidth() - 5; // 5 px margin for jumping menu in Chrome
|
||||
var wmax = $cnt.innerWidth() - $('#pma_navigation').width() - 5 ; // 5 px margin for jumping menu in Chrome
|
||||
var $submenu = $cnt.find('.submenu');
|
||||
var submenu_w = $submenu.outerWidth(true);
|
||||
var $submenu_ul = $submenu.find('ul');
|
||||
@ -3614,11 +3614,13 @@ AJAX.registerOnload('functions.js', function() {
|
||||
* Makes the breadcrumbs and the menu bar float at the top of the viewport
|
||||
*/
|
||||
if ($("#floating_menubar").length && $('#PMA_disable_floating_menubar').length == 0) {
|
||||
var left = $('html').attr('dir') == 'ltr' ? 'left' : 'right';
|
||||
$("#floating_menubar")
|
||||
.css('margin-' + left, $('#pma_navigation').width())
|
||||
.css(left, 0)
|
||||
.css({
|
||||
'position': 'fixed',
|
||||
'top': 0,
|
||||
'left': 0,
|
||||
'width': '100%',
|
||||
'z-index': 500
|
||||
})
|
||||
@ -3628,6 +3630,7 @@ AJAX.registerOnload('functions.js', function() {
|
||||
'padding-top',
|
||||
$('#floating_menubar').outerHeight(true)
|
||||
);
|
||||
menuResize();
|
||||
}
|
||||
|
||||
/**
|
||||
@ -3775,3 +3778,14 @@ AJAX.registerOnload('functions.js', function () {
|
||||
$loginform.find('.js-show').show();
|
||||
$loginform.find('#input_username').select();
|
||||
});
|
||||
|
||||
// Load the navigation into the initial page
|
||||
$(function () {
|
||||
if ($('body#loginform').length == 0) {
|
||||
$.get('navigation.php', {ajax_request: true}, function (data) {
|
||||
if (data.success) {
|
||||
$('#pma_navigation_tree').html(data.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
@ -12,6 +12,7 @@ if (! defined('PHPMYADMIN')) {
|
||||
require_once 'libraries/Scripts.class.php';
|
||||
require_once 'libraries/RecentTable.class.php';
|
||||
require_once 'libraries/Menu.class.php';
|
||||
require_once 'libraries/NavigationHeader.class.php';
|
||||
|
||||
/**
|
||||
* Class used to output the HTTP and HTML headers
|
||||
@ -306,6 +307,10 @@ class PMA_Header
|
||||
}
|
||||
$retval .= $this->_scripts->getDisplay();
|
||||
$retval .= $this->_getBodyStart();
|
||||
if ($this->_menuEnabled && $GLOBALS['server'] > 0) {
|
||||
$nav = new PMA_NavigationHeader();
|
||||
$retval .= $nav->getDisplay();
|
||||
}
|
||||
// Include possible custom headers
|
||||
if (file_exists(CUSTOM_HEADER_FILE)) {
|
||||
ob_start();
|
||||
|
||||
198
libraries/NavigationHeader.class.php
Normal file
198
libraries/NavigationHeader.class.php
Normal file
@ -0,0 +1,198 @@
|
||||
<?php
|
||||
/* vim: set expandtab sw=4 ts=4 sts=4: */
|
||||
/**
|
||||
* Header for the navigation
|
||||
*
|
||||
* @package PhpMyAdmin-Navigation
|
||||
*/
|
||||
class PMA_NavigationHeader
|
||||
{
|
||||
private $_commonFunctions;
|
||||
/**
|
||||
* Renders the navigation
|
||||
*
|
||||
* return nothing
|
||||
*/
|
||||
public function getDisplay()
|
||||
{
|
||||
$this->_commonFunctions = PMA_CommonFunctions::getInstance();
|
||||
$buffer = '<div id="pma_navigation">';
|
||||
$buffer .= $this->logo();
|
||||
$buffer .= $this->links();
|
||||
$buffer .= $this->serverChoice();
|
||||
$buffer .= $this->recent();
|
||||
$buffer .= '<div id="pma_navigation_tree">';
|
||||
$buffer .= '</div>';
|
||||
$buffer .= '</div>';
|
||||
return $buffer;
|
||||
}
|
||||
|
||||
/**
|
||||
* Create the code for displaying the phpMyAdmin
|
||||
* logo based on configuration settings
|
||||
*
|
||||
* return string HTML code for the logo
|
||||
*/
|
||||
private function logo()
|
||||
{
|
||||
$retval = '<!-- LOGO START -->';
|
||||
// display Logo, depending on $GLOBALS['cfg']['LeftDisplayLogo']
|
||||
if ($GLOBALS['cfg']['LeftDisplayLogo']) {
|
||||
$logo = 'phpMyAdmin';
|
||||
if (@file_exists($GLOBALS['pmaThemeImage'] . 'logo_left.png')) {
|
||||
$logo = '<img src="' . $GLOBALS['pmaThemeImage'] . 'logo_left.png" '
|
||||
. 'alt="' . $logo . '" id="imgpmalogo" />';
|
||||
} elseif (@file_exists($GLOBALS['pmaThemeImage'] . 'pma_logo2.png')) {
|
||||
$logo = '<img src="' . $GLOBALS['pmaThemeImage'] . 'pma_logo2.png" '
|
||||
. 'alt="' . $logo . '" id="imgpmalogo" />';
|
||||
}
|
||||
$retval .= '<div id="pmalogo">';
|
||||
if ($GLOBALS['cfg']['LeftLogoLink']) {
|
||||
$retval .= ' <a href="' . htmlspecialchars($GLOBALS['cfg']['LeftLogoLink']);
|
||||
switch ($GLOBALS['cfg']['LeftLogoLinkWindow']) {
|
||||
case 'new':
|
||||
$retval .= '" target="_blank"';
|
||||
break;
|
||||
case 'main':
|
||||
// do not add our parameters for an external link
|
||||
if (substr(strtolower($GLOBALS['cfg']['LeftLogoLink']), 0, 4) !== '://') {
|
||||
$retval .= '?' . $GLOBALS['url_query'] . '" target="frame_content"';
|
||||
} else {
|
||||
$retval .= '" target="_blank"';
|
||||
}
|
||||
}
|
||||
$retval .= '>';
|
||||
$retval .= ' ' . $logo;
|
||||
$retval .= ' </a>';
|
||||
} else {
|
||||
$retval .= $logo;
|
||||
}
|
||||
$retval .= '</div>';
|
||||
}
|
||||
$retval .= '<!-- LOGO END -->';
|
||||
return $retval;
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates the code for displaying the links
|
||||
* at the top of the navigation frame
|
||||
*
|
||||
* return string HTML code for the links
|
||||
*/
|
||||
private function links()
|
||||
{
|
||||
$retval = '<!-- LINKS START -->';
|
||||
$retval .= '<div id="leftframelinks">';
|
||||
$retval .= ' <a href="main.php?' . $GLOBALS['url_query'] . '" title="' . __('Home') . '">';
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= '<img class="icon ic_b_home" src="themes/dot.gif" alt="' . __('Home') . '" /></a>';
|
||||
} else {
|
||||
$retval .= __('Home') . '</a>';
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
// if we have chosen server
|
||||
if ($GLOBALS['server'] != 0) {
|
||||
// Logout for advanced authentication
|
||||
if ($GLOBALS['cfg']['Server']['auth_type'] != 'config') {
|
||||
$retval .= ' <a href="main.php?' . $GLOBALS['url_query'] . '&old_usr=';
|
||||
$retval .= urlencode($GLOBALS['PHP_AUTH_USER']) . '" target="_parent"';
|
||||
$retval .= ' title="' . __('Log out') . '" >';
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= '<img class="icon ic_s_loggoff" src="themes/dot.gif" alt="' . __('Log out') . '" /></a>';
|
||||
} else {
|
||||
$retval .= __('Log out') . '</a>';
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
}
|
||||
$retval .= ' <a href="querywindow.php?' . PMA_generate_common_url($GLOBALS['db'], $GLOBALS['table']) . '&no_js=true"';
|
||||
$retval .= ' title="' . __('Query window') . '"';
|
||||
$retval .= ' onclick="javascript:if (window.parent.open_querywindow()) return false;">';
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= '<img class="icon ic_b_selboard" src="themes/dot.gif" alt="' . __('Query window') . '" /></a>';
|
||||
} else {
|
||||
$retval .= __('Query window') . '</a>';
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
}
|
||||
$retval .= ' <a href="Documentation.html" target="documentation"';
|
||||
$retval .= ' title="' . __('phpMyAdmin documentation') . '" >';
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= '<img class="icon ic_b_docs" src="themes/dot.gif"';
|
||||
$retval .= ' alt="' . __('phpMyAdmin documentation') . '" /></a>';
|
||||
} else {
|
||||
$retval .= __('phpMyAdmin documentation') . '</a>';
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= ' ' . $this->_commonFunctions->showMySQLDocu('', '', true);
|
||||
} else {
|
||||
// PMA_showMySQLDocu always spits out an icon,
|
||||
// we just replace it with some perl regexp.
|
||||
$link = preg_replace(
|
||||
'/<img[^>]+>/i',
|
||||
__('Documentation'),
|
||||
$this->_commonFunctions->showMySQLDocu('', '', true)
|
||||
);
|
||||
$retval .= ' ' . $link;
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
$params = array('uniqid' => uniqid());
|
||||
if (!empty($GLOBALS['db'])) {
|
||||
$params['db'] = $GLOBALS['db'];
|
||||
}
|
||||
$retval .= ' <a href="navigation.php?' . PMA_generate_common_url($params) . '" target="frame_navigation">';
|
||||
if ($GLOBALS['cfg']['NavigationBarIconic']) {
|
||||
$retval .= '<img class="icon ic_s_reload" src="themes/dot.gif"';
|
||||
$retval .= ' title="' . __('Reload navigation frame') . '"';
|
||||
$retval .= ' alt="' . __('Reload navigation frame') . '" /></a>';
|
||||
} else {
|
||||
$retval .= __('Reload navigation frame') . '</a>';
|
||||
$retval .= ' <br />';
|
||||
}
|
||||
$retval .= '</div>';
|
||||
$retval .= '<!-- LINKS ENDS -->';
|
||||
return $retval;
|
||||
}
|
||||
|
||||
/**
|
||||
* Displays the MySQL servers choice form
|
||||
*
|
||||
* return string HTML code for the MySQL servers choice
|
||||
*/
|
||||
private function serverChoice()
|
||||
{
|
||||
$retval = '';
|
||||
if ($GLOBALS['cfg']['LeftDisplayServers']) {
|
||||
require_once './libraries/select_server.lib.php';
|
||||
$retval .= '<!-- SERVER CHOICE START -->';
|
||||
$retval .= '<div id="serverChoice">';
|
||||
$retval .= PMA_selectServer(true, true);
|
||||
$retval .= '</div>';
|
||||
$retval .= '<!-- SERVER CHOICE END -->';
|
||||
}
|
||||
return $retval;
|
||||
}
|
||||
|
||||
/**
|
||||
* Displays a drop-down choice of most recently used tables
|
||||
*
|
||||
* return string HTML code for the Recent tables
|
||||
*/
|
||||
private function recent()
|
||||
{
|
||||
$retval = '';
|
||||
// display recently used tables
|
||||
if ($GLOBALS['cfg']['LeftRecentTable'] > 0) {
|
||||
$retval .= '<!-- RECENT START -->';
|
||||
$retval .= '<div id="recentTableList">';
|
||||
$retval .= ' <form method="post" action="main.php" target="_parent">';
|
||||
$retval .= ' ' . PMA_generate_common_hidden_inputs();
|
||||
$retval .= PMA_RecentTable::getInstance()->getHtmlSelect();
|
||||
$retval .= ' </form>';
|
||||
$retval .= '</div>';
|
||||
$retval .= '<!-- RECENT END -->';
|
||||
}
|
||||
return $retval;
|
||||
}
|
||||
}
|
||||
?>
|
||||
@ -1,104 +0,0 @@
|
||||
<?php
|
||||
/* vim: set expandtab sw=4 ts=4 sts=4: */
|
||||
/**
|
||||
* displays the pma logo, links and db and server selection in left frame
|
||||
*
|
||||
* @package PhpMyAdmin
|
||||
*/
|
||||
if (! defined('PHPMYADMIN')) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if (empty($query_url)) {
|
||||
// avoid putting here $db because it could display a db name
|
||||
// to which the next user does not have access
|
||||
$query_url = PMA_generate_common_url();
|
||||
}
|
||||
|
||||
// display Logo, depending on $GLOBALS['cfg']['LeftDisplayLogo']
|
||||
if ($GLOBALS['cfg']['LeftDisplayLogo']) {
|
||||
$logo = 'phpMyAdmin';
|
||||
if (@file_exists($GLOBALS['pmaThemeImage'] . 'logo_left.png')) {
|
||||
$logo = '<img src="' . $GLOBALS['pmaThemeImage'] . 'logo_left.png" '
|
||||
.'alt="' . $logo . '" id="imgpmalogo" />';
|
||||
} elseif (@file_exists($GLOBALS['pmaThemeImage'] . 'pma_logo2.png')) {
|
||||
$logo = '<img src="' . $GLOBALS['pmaThemeImage'] . 'pma_logo2.png" '
|
||||
.'alt="' . $logo . '" id="imgpmalogo" />';
|
||||
}
|
||||
|
||||
echo '<div id="pmalogo">' . "\n";
|
||||
if ($GLOBALS['cfg']['LeftLogoLink']) {
|
||||
echo '<a href="' . htmlspecialchars($GLOBALS['cfg']['LeftLogoLink']);
|
||||
switch ($GLOBALS['cfg']['LeftLogoLinkWindow']) {
|
||||
case 'new':
|
||||
echo '" target="_blank"';
|
||||
break;
|
||||
case 'main':
|
||||
// do not add our parameters for an external link
|
||||
if (substr(strtolower($GLOBALS['cfg']['LeftLogoLink']), 0, 4) !== '://') {
|
||||
echo '?' . $query_url . '" target="frame_content"';
|
||||
} else {
|
||||
echo '" target="_blank"';
|
||||
}
|
||||
}
|
||||
echo '>' . $logo . '</a>' . "\n";
|
||||
} else {
|
||||
echo $logo . "\n";
|
||||
}
|
||||
echo '</div>' . "\n";
|
||||
} // end of display logo
|
||||
?>
|
||||
<div id="leftframelinks">
|
||||
<?php
|
||||
echo '<a target="frame_content" href="main.php?' . $query_url . '"'
|
||||
.' title="' . __('Home') . '">'
|
||||
. PMA_Util::getImage('b_home.png', __('Home'))
|
||||
.'</a>' . "\n";
|
||||
// if we have chosen server
|
||||
if ($server != 0) {
|
||||
// Logout for advanced authentication
|
||||
if ($GLOBALS['cfg']['Server']['auth_type'] != 'config') {
|
||||
echo '<a href="main.php?' . $query_url . '&old_usr='
|
||||
. urlencode($PHP_AUTH_USER) . '" target="_parent"'
|
||||
.' title="' . __('Log out') . '" >'
|
||||
. PMA_Util::getImage('s_loggoff.png', __('Log out'))
|
||||
.'</a>' . "\n";
|
||||
} // end if ($GLOBALS['cfg']['Server']['auth_type'] != 'config'
|
||||
|
||||
$anchor = 'querywindow.php?' . PMA_generate_common_url($db, $table);
|
||||
|
||||
echo '<a href="' . $anchor . '&no_js=true"'
|
||||
.' title="' . __('Query window') . '"';
|
||||
echo ' onclick="if (window.parent.open_querywindow()) return false;"';
|
||||
echo '>' . PMA_Util::getImage('b_selboard.png', __('Query window')) . '</a>' . "\n";
|
||||
} // end if ($server != 0)
|
||||
|
||||
echo ' <a href="Documentation.html" target="documentation"'
|
||||
.' title="' . __('phpMyAdmin documentation') . '" >';
|
||||
|
||||
echo PMA_Util::getImage('b_docs.png', __('phpMyAdmin documentation'));
|
||||
echo '</a>';
|
||||
|
||||
echo PMA_Util::showMySQLDocu('', '', true) . "\n";
|
||||
|
||||
$params = array('uniqid' => uniqid());
|
||||
if (!empty($GLOBALS['db'])) {
|
||||
$params['db'] = $GLOBALS['db'];
|
||||
}
|
||||
echo '<a href="navigation.php?' . PMA_generate_common_url($params)
|
||||
. '" title="' . __('Reload navigation frame') . '" target="frame_navigation">';
|
||||
echo PMA_Util::getImage('s_reload.png', __('Reload navigation frame'));
|
||||
echo '</a>';
|
||||
|
||||
echo '</div>' . "\n";
|
||||
|
||||
/**
|
||||
* Displays the MySQL servers choice form
|
||||
*/
|
||||
if ($GLOBALS['cfg']['LeftDisplayServers'] && (count($GLOBALS['cfg']['Servers']) > 1 || $server == 0 && count($GLOBALS['cfg']['Servers']) == 1)) {
|
||||
echo '<div id="serverinfo">';
|
||||
include './libraries/select_server.lib.php';
|
||||
PMA_selectServer(true, true);
|
||||
echo '</div><br />';
|
||||
} // end if LeftDisplayServers
|
||||
?>
|
||||
@ -116,18 +116,6 @@ $scripts->addCode(
|
||||
};'
|
||||
);
|
||||
|
||||
require 'libraries/navigation_header.inc.php';
|
||||
|
||||
// display recently used tables
|
||||
if ($GLOBALS['cfg']['LeftRecentTable'] > 0) {
|
||||
echo '<div id="recentTableList">' . "\n"
|
||||
.'<form method="post" action="main.php" target="_parent">' . "\n"
|
||||
.PMA_generate_common_hidden_inputs() . "\n"
|
||||
.PMA_RecentTable::getInstance()->getHtmlSelect()
|
||||
.'</form>' . "\n"
|
||||
.'</div>' . "\n";
|
||||
}
|
||||
|
||||
if (! $GLOBALS['server']) {
|
||||
// no server selected
|
||||
PMA_exitNavigationFrame();
|
||||
|
||||
@ -31,11 +31,20 @@ body {
|
||||
font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
|
||||
<?php } ?>
|
||||
padding: 0;
|
||||
margin: 0 0.5em 0 0;
|
||||
margin: 0;
|
||||
margin-<?php echo $left; ?>: 240px;
|
||||
color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
|
||||
background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
|
||||
}
|
||||
|
||||
body#loginform {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
|
||||
textarea, tt, pre, code {
|
||||
font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
|
||||
@ -1381,7 +1390,8 @@ li#li_user_preferences {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
border-top: .1em solid silver;
|
||||
text-align: <?php echo $right; ?>;
|
||||
}
|
||||
|
||||
@ -16,25 +16,30 @@ if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
|
||||
/******************************************************************************/
|
||||
/* Navigation */
|
||||
|
||||
body#body_leftFrame {
|
||||
#pma_navigation {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
margin: 0;
|
||||
padding: 0.2em;
|
||||
width: 240px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
<?php echo $left; ?>: 0;
|
||||
height: 100%;
|
||||
border-<?php echo $right; ?>: 1px solid gray;
|
||||
}
|
||||
|
||||
#body_leftFrame ul {
|
||||
#pma_navigation ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame form {
|
||||
#pma_navigation form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#body_leftFrame select#select_server,
|
||||
#body_leftFrame select#lightm_db {
|
||||
#pma_navigation select#select_server,
|
||||
#pma_navigation select#lightm_db {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -44,80 +49,80 @@ body#body_leftFrame {
|
||||
/******************************************************************************/
|
||||
/* specific elements */
|
||||
|
||||
#body_leftFrame div#pmalogo {
|
||||
#pma_navigation div#pmalogo {
|
||||
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
|
||||
background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
padding:.3em;
|
||||
}
|
||||
|
||||
#body_leftFrame div#recentTableList {
|
||||
#pma_navigation div#recentTableList {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#body_leftFrame div#recentTableList select {
|
||||
#pma_navigation div#recentTableList select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#body_leftFrame div#pmalogo,
|
||||
#body_leftFrame div#leftframelinks,
|
||||
#body_leftFrame div#databaseList {
|
||||
#pma_navigation div#pmalogo,
|
||||
#pma_navigation div#leftframelinks,
|
||||
#pma_navigation div#databaseList {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList {
|
||||
#pma_navigation ul#databaseList {
|
||||
margin-bottom: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
padding-<?php echo $left; ?>: 1.5em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList a {
|
||||
#pma_navigation ul#databaseList a {
|
||||
display: block;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#body_leftFrame div#navidbpageselector a,
|
||||
#body_leftFrame ul#databaseList a {
|
||||
#pma_navigation div#navidbpageselector a,
|
||||
#pma_navigation ul#databaseList a {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList ul {
|
||||
#pma_navigation ul#databaseList ul {
|
||||
padding-left: 1em;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList a:hover {
|
||||
#pma_navigation ul#databaseList a:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList li.selected a {
|
||||
#pma_navigation ul#databaseList li.selected a {
|
||||
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame div#leftframelinks .icon {
|
||||
#pma_navigation div#leftframelinks .icon {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#leftframelinks a img.icon {
|
||||
#pma_navigation div#leftframelinks a img.icon {
|
||||
margin: 2px;
|
||||
border: 0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#leftframelinks a:hover img {
|
||||
#pma_navigation div#leftframelinks a:hover img {
|
||||
background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
|
||||
/* serverlist */
|
||||
#body_leftFrame #list_server {
|
||||
#pma_navigation #list_server {
|
||||
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
|
||||
list-style-position: inside;
|
||||
list-style-type: none;
|
||||
@ -125,13 +130,13 @@ body#body_leftFrame {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame #list_server li {
|
||||
#pma_navigation #list_server li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList ul {
|
||||
#pma_navigation div#left_tableList ul {
|
||||
list-style-type: none;
|
||||
list-style-position: outside;
|
||||
margin: 0;
|
||||
@ -140,23 +145,23 @@ body#body_leftFrame {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList ul ul {
|
||||
#pma_navigation div#left_tableList ul ul {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList a {
|
||||
#pma_navigation div#left_tableList a {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList a:hover {
|
||||
#pma_navigation div#left_tableList a:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList li {
|
||||
#pma_navigation div#left_tableList li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
@ -164,27 +169,27 @@ body#body_leftFrame {
|
||||
|
||||
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
|
||||
/* marked items */
|
||||
#body_leftFrame div#left_tableList > ul li.marked > a,
|
||||
#body_leftFrame div#left_tableList > ul li.marked {
|
||||
#pma_navigation div#left_tableList > ul li.marked > a,
|
||||
#pma_navigation div#left_tableList > ul li.marked {
|
||||
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
|
||||
#body_leftFrame div#left_tableList > ul li:hover > a,
|
||||
#body_leftFrame div#left_tableList > ul li:hover {
|
||||
#pma_navigation div#left_tableList > ul li:hover > a,
|
||||
#pma_navigation div#left_tableList > ul li:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
#body_leftFrame div#left_tableList img {
|
||||
#pma_navigation div#left_tableList img {
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList ul ul {
|
||||
#pma_navigation div#left_tableList ul ul {
|
||||
margin-<?php echo $left; ?>: 0;
|
||||
padding-<?php echo $left; ?>: .1em;
|
||||
border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
@ -193,21 +198,21 @@ body#body_leftFrame {
|
||||
}
|
||||
|
||||
/* for the servers list in navi panel */
|
||||
#body_leftFrame #serverinfo .item {
|
||||
#pma_navigation #serverinfo .item {
|
||||
white-space: nowrap;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
}
|
||||
#body_leftFrame #serverinfo a:hover {
|
||||
#pma_navigation #serverinfo a:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame #NavFilter {
|
||||
#pma_navigation #NavFilter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#body_leftFrame #clear_fast_filter,
|
||||
#body_leftFrame #clear_fast_db_filter {
|
||||
#pma_navigation #clear_fast_filter,
|
||||
#pma_navigation #clear_fast_db_filter {
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
@ -215,15 +220,15 @@ body#body_leftFrame {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#body_leftFrame #fast_filter,
|
||||
#body_leftFrame #fast_db_filter {
|
||||
#pma_navigation #fast_filter,
|
||||
#pma_navigation #fast_db_filter {
|
||||
width: 90%;
|
||||
padding: 2px 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame #fast_filter.gray,
|
||||
#body_leftFrame #fast_db_fiter.gray {
|
||||
#pma_navigation #fast_filter.gray,
|
||||
#pma_navigation #fast_db_fiter.gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
@ -31,11 +31,20 @@ body {
|
||||
font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
|
||||
<?php } ?>
|
||||
padding: 0;
|
||||
margin: 0 .5em 0 0;
|
||||
margin: 0;
|
||||
margin-<?php echo $left; ?>: 240px;
|
||||
color: #444;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
body#loginform {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
|
||||
textarea,
|
||||
tt,
|
||||
@ -1747,7 +1756,8 @@ li#li_user_preferences {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
border-top: .1em solid silver;
|
||||
text-align: <?php echo $right; ?>;
|
||||
}
|
||||
|
||||
@ -16,33 +16,36 @@ if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
|
||||
/******************************************************************************/
|
||||
/* Navigation */
|
||||
|
||||
body#body_leftFrame {
|
||||
#pma_navigation {
|
||||
width: 240px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
<?php echo $left; ?>: 0;
|
||||
height: 100%;
|
||||
background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
|
||||
border-right: 1px solid #aaa;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame ul {
|
||||
#pma_navigation ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame form {
|
||||
#pma_navigation form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#body_leftFrame select#select_server,
|
||||
#body_leftFrame select#lightm_db {
|
||||
#pma_navigation select#select_server,
|
||||
#pma_navigation select#lightm_db {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/******************************************************************************/
|
||||
/* classes */
|
||||
|
||||
#body_leftFrame .navi_dbName {
|
||||
#pma_navigation .navi_dbName {
|
||||
font-weight: bold;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
|
||||
}
|
||||
@ -50,96 +53,97 @@ body#body_leftFrame {
|
||||
/******************************************************************************/
|
||||
/* specific elements */
|
||||
|
||||
#body_leftFrame div#pmalogo {
|
||||
#pma_navigation div#pmalogo {
|
||||
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
|
||||
}
|
||||
|
||||
#body_leftFrame div#recentTableList {
|
||||
#pma_navigation div#recentTableList {
|
||||
text-align: center;
|
||||
margin: 20px 10px 0px 10px;
|
||||
}
|
||||
|
||||
#body_leftFrame div#recentTableList select {
|
||||
#pma_navigation div#recentTableList select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#body_leftFrame div#pmalogo,
|
||||
#body_leftFrame div#leftframelinks,
|
||||
#body_leftFrame div#databaseList {
|
||||
#pma_navigation div#pmalogo,
|
||||
#pma_navigation div#leftframelinks,
|
||||
#pma_navigation div#databaseList {
|
||||
text-align: center;
|
||||
margin: 5px 10px 0px 10px;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList {
|
||||
#pma_navigation ul#databaseList {
|
||||
margin: .8em 0px;
|
||||
padding-bottom: .5em;
|
||||
padding-<?php echo $left; ?>: .3em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList span {
|
||||
#pma_navigation ul#databaseList span {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList a {
|
||||
#pma_navigation ul#databaseList a {
|
||||
color: #333;
|
||||
background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
|
||||
display: block;
|
||||
text-indent: 0;
|
||||
padding: 5px 5px 5px 25px;
|
||||
font-style: normal;
|
||||
border-<?php echo $right; ?>: 1px solid #aaa;
|
||||
}
|
||||
|
||||
#body_leftFrame div#navidbpageselector {
|
||||
#pma_navigation div#navidbpageselector {
|
||||
margin: .1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#body_leftFrame div#navidbpageselector a,
|
||||
#body_leftFrame div#navidbpageselector select{
|
||||
#pma_navigation div#navidbpageselector a,
|
||||
#pma_navigation div#navidbpageselector select{
|
||||
color: #333;
|
||||
margin: .2em;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList ul {
|
||||
#pma_navigation ul#databaseList ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList li {
|
||||
#pma_navigation ul#databaseList li {
|
||||
list-style: none;
|
||||
text-indent: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList a:hover {
|
||||
#pma_navigation ul#databaseList a:hover {
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
#body_leftFrame ul#databaseList li.selected a {
|
||||
#pma_navigation ul#databaseList li.selected a {
|
||||
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
|
||||
}
|
||||
|
||||
#body_leftFrame div#leftframelinks .icon {
|
||||
#pma_navigation div#leftframelinks .icon {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#reloadlink a img,
|
||||
#body_leftFrame div#leftframelinks a img.icon {
|
||||
#pma_navigation div#reloadlink a img,
|
||||
#pma_navigation div#leftframelinks a img.icon {
|
||||
margin: .3em;
|
||||
margin-top: .7em;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#leftframelinks a:hover img {
|
||||
#pma_navigation div#leftframelinks a:hover img {
|
||||
|
||||
}
|
||||
|
||||
/* serverlist */
|
||||
#body_leftFrame #list_server {
|
||||
#pma_navigation #list_server {
|
||||
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
|
||||
list-style-position: inside;
|
||||
list-style-type: none;
|
||||
@ -147,45 +151,45 @@ body#body_leftFrame {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame #list_server li {
|
||||
#pma_navigation #list_server li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList {margin:10px 10px 0 10px;}
|
||||
#body_leftFrame div#left_tableList ul {
|
||||
#pma_navigation div#left_tableList {margin:10px 10px 0 10px;}
|
||||
#pma_navigation div#left_tableList ul {
|
||||
list-style-type: none;
|
||||
list-style-position: outside;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList ul ul {
|
||||
#pma_navigation div#left_tableList ul ul {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList a {
|
||||
#pma_navigation div#left_tableList a {
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList a:hover {
|
||||
#pma_navigation div#left_tableList a:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList li {
|
||||
#pma_navigation div#left_tableList li {
|
||||
margin: 0;
|
||||
padding: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#body_leftFrame #newtable {
|
||||
#pma_navigation #newtable {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
#body_leftFrame #newtable a {
|
||||
#pma_navigation #newtable a {
|
||||
display: block;
|
||||
padding: 1px;
|
||||
<?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
|
||||
@ -195,42 +199,42 @@ body#body_leftFrame {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#body_leftFrame #newtable li:hover {
|
||||
#pma_navigation #newtable li:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
#body_leftFrame #newtable a:hover {
|
||||
#pma_navigation #newtable a:hover {
|
||||
<?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
|
||||
}
|
||||
|
||||
#body_leftFrame #newtable li a:hover {
|
||||
#pma_navigation #newtable li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
|
||||
/* marked items */
|
||||
#body_leftFrame div#left_tableList > ul li.marked > a,
|
||||
#body_leftFrame div#left_tableList > ul li.marked {
|
||||
#pma_navigation div#left_tableList > ul li.marked > a,
|
||||
#pma_navigation div#left_tableList > ul li.marked {
|
||||
background: #e4e4e4;
|
||||
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
|
||||
#body_leftFrame div#left_tableList > ul li:hover > a,
|
||||
#body_leftFrame div#left_tableList > ul li:hover {
|
||||
#pma_navigation div#left_tableList > ul li:hover > a,
|
||||
#pma_navigation div#left_tableList > ul li:hover {
|
||||
background: #e4e4e4;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
<?php } ?>
|
||||
|
||||
#body_leftFrame div#left_tableList img {
|
||||
#pma_navigation div#left_tableList img {
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#body_leftFrame div#left_tableList ul ul {
|
||||
#pma_navigation div#left_tableList ul ul {
|
||||
margin-<?php echo $left; ?>: 0;
|
||||
padding-<?php echo $left; ?>: .1em;
|
||||
border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
@ -239,48 +243,48 @@ body#body_leftFrame {
|
||||
}
|
||||
|
||||
/* for the servers list in navi panel */
|
||||
#body_leftFrame #serverinfo .item {
|
||||
#pma_navigation #serverinfo .item {
|
||||
white-space: nowrap;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
|
||||
}
|
||||
#body_leftFrame #serverinfo a:hover {
|
||||
#pma_navigation #serverinfo a:hover {
|
||||
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
|
||||
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
|
||||
}
|
||||
#body_leftFrame #reloadlink {
|
||||
#pma_navigation #reloadlink {
|
||||
clear: both;
|
||||
float: <?php echo $right; ?>;
|
||||
display: block;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
#body_leftFrame #NavFilter {
|
||||
#pma_navigation #NavFilter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#body_leftFrame #clear_fast_filter,
|
||||
#body_leftFrame #clear_fast_db_filter {
|
||||
#pma_navigation #clear_fast_filter,
|
||||
#pma_navigation #clear_fast_db_filter {
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame #fast_filter {
|
||||
#pma_navigation #fast_filter {
|
||||
width: 85%;
|
||||
padding: .1em;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#body_leftFrame #fast_db_filter {
|
||||
#pma_navigation #fast_db_filter {
|
||||
width: 85%;
|
||||
padding: .1em;
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#body_leftFrame #fast_filter.gray,
|
||||
#body_leftFrame #fast_db_filter.gray {
|
||||
#pma_navigation #fast_filter.gray,
|
||||
#pma_navigation #fast_db_filter.gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user
