mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-04 10:19:25 +02:00
almost finished sidebar stuff
This commit is contained in:
parent
14c5f8c095
commit
2a7030d1f1
8 changed files with 94 additions and 76 deletions
|
@ -128,16 +128,22 @@ function show_alphabet_list () {
|
||||||
|
|
||||||
$list = array(A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,1,2,3,4,5,6,7,8,9,"0",_('All'));
|
$list = array(A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,1,2,3,4,5,6,7,8,9,"0",_('All'));
|
||||||
|
|
||||||
$style_name = "style_" . strtolower($selected);
|
$selected = $_SESSION['browse']['filter']['alpha_match'];
|
||||||
${$style_name} = "style=\"font-weight:bold;\"";
|
|
||||||
|
//$style_name = "style_" . strtolower($selected);
|
||||||
|
//${$style_name} = "style=\"font-weight:bold;\"";
|
||||||
|
|
||||||
echo "<div class=\"alphabet\">";
|
echo "<div class=\"alphabet\">";
|
||||||
foreach ($list as $l) {
|
foreach ($list as $l) {
|
||||||
$style_name = "style_" . strtolower($l);
|
$style_name = "style_" . strtolower($l);
|
||||||
echo "<span class=\"link\" onclick=\"ajaxPut('". Config::get('ajax_url') ."?action=browse&key=alpha_match&value=$l');return true;\">" .
|
$class = "link";
|
||||||
|
if ($l==$selected) $class .=" active";
|
||||||
|
echo "<span class=\"" . $class . "\" onclick=\"ajaxPut('". Config::get('ajax_url') ."?action=browse&key=alpha_match&value=$l');return true;\">" .
|
||||||
$l . "</span>\n";
|
$l . "</span>\n";
|
||||||
|
/* without this, it also works and breaks line when needed only
|
||||||
$i++;
|
$i++;
|
||||||
if ($i/5 == intval($i/5)) { echo "<br />"; }
|
if ($i/5 == intval($i/5)) { echo "<br />"; }
|
||||||
|
*/
|
||||||
}
|
}
|
||||||
echo "</div>";
|
echo "</div>";
|
||||||
|
|
||||||
|
|
|
@ -61,7 +61,7 @@ $ajax_url = Config::get('ajax_url');
|
||||||
<!-- <li <?php echo $sidebar_player; ?> onclick="ajaxPut('<?php echo $ajax_url; ?>?action=sidebar&button=player');" >
|
<!-- <li <?php echo $sidebar_player; ?> onclick="ajaxPut('<?php echo $ajax_url; ?>?action=sidebar&button=player');" >
|
||||||
</li>
|
</li>
|
||||||
-->
|
-->
|
||||||
<li id="sb_Logout" class="sb1">
|
<li id="sb_tab_logout" class="sb1">
|
||||||
<a href="<?php echo Config::get('web_path'); ?>/logout.php">
|
<a href="<?php echo Config::get('web_path'); ?>/logout.php">
|
||||||
<?php echo get_user_icon('logout',_('Logout')); ?>
|
<?php echo get_user_icon('logout',_('Logout')); ?>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<ul class="sb2" id="sb_admin">
|
<ul class="sb2" id="sb_admin">
|
||||||
<li><?php echo _('Catalogs'); ?>
|
<li><h4><?php echo _('Catalogs'); ?></h4>
|
||||||
<div class="sb3"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=show_add_catalog"><?php echo _('Add a Catalog'); ?></a></div>
|
<div class="sb3"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=show_add_catalog"><?php echo _('Add a Catalog'); ?></a></div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
foreach ($catalogs as $catalog_id) {
|
foreach ($catalogs as $catalog_id) {
|
||||||
$catalog = new Catalog($catalog_id);
|
$catalog = new Catalog($catalog_id);
|
||||||
?>
|
?>
|
||||||
<li>
|
<li class="sb_admin_catalogs_ctrls">
|
||||||
<strong><a href="<?php echo $web_path; ?>/admin/catalog.php?action=show_customize_catalog"><?php echo $catalog->name; ?></a></strong>
|
<strong><a href="<?php echo $web_path; ?>/admin/catalog.php?action=show_customize_catalog"><?php echo $catalog->name; ?></a></strong>
|
||||||
<a href="<?php echo Config::get('web_path'); ?>/admin/catalog.php?action=show_delete_catalog&catalog_id=<?php echo $catalog->id; ?>">
|
<a href="<?php echo Config::get('web_path'); ?>/admin/catalog.php?action=show_delete_catalog&catalog_id=<?php echo $catalog->id; ?>">
|
||||||
<?php echo get_user_icon('delete',_('Delete Catalog')); ?>
|
<?php echo get_user_icon('delete',_('Delete Catalog')); ?>
|
||||||
|
@ -23,14 +23,14 @@
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li><?php echo _('User Tools'); ?>
|
<li><h4><?php echo _('User Tools'); ?></h4>
|
||||||
<ul class="sb3" id="sb_admin_ut">
|
<ul class="sb3" id="sb_admin_ut">
|
||||||
<li id="sb_admin_ut_AddUser"><a href="<?php echo $web_path; ?>/admin/users.php?action=show_add_user"><?php echo _('Add User'); ?></a></li>
|
<li id="sb_admin_ut_AddUser"><a href="<?php echo $web_path; ?>/admin/users.php?action=show_add_user"><?php echo _('Add User'); ?></a></li>
|
||||||
<li id="sb_admin_ut_BrowseUsers"><a href="<?php echo $web_path; ?>/admin/users.php"><?php echo _('Browse Users'); ?></a></li>
|
<li id="sb_admin_ut_BrowseUsers"><a href="<?php echo $web_path; ?>/admin/users.php"><?php echo _('Browse Users'); ?></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li><?php echo _('Other Tools'); ?>
|
<li><h4><?php echo _('Other Tools'); ?></h4>
|
||||||
<ul class="sb3" id="sb_admin_ot">
|
<ul class="sb3" id="sb_admin_ot">
|
||||||
<li id="sb_admin_ot_ClearNowPlaying"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=clear_now_playing"><?php echo _('Clear Now Playing'); ?></a></li>
|
<li id="sb_admin_ot_ClearNowPlaying"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=clear_now_playing"><?php echo _('Clear Now Playing'); ?></a></li>
|
||||||
<li id="sb_admin_ot_ClearCatStats"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=clear_stats"><?php echo _('Clear Catalog Stats'); ?></a></li>
|
<li id="sb_admin_ot_ClearCatStats"><a href="<?php echo $web_path; ?>/admin/catalog.php?action=clear_stats"><?php echo _('Clear Catalog Stats'); ?></a></li>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<?php $ajax_info = Config::get('ajax_url'); $web_path = Config::get('web_path'); ?>
|
<?php $ajax_info = Config::get('ajax_url'); $web_path = Config::get('web_path'); ?>
|
||||||
<ul class="sb2" id="sb_browse">
|
<ul class="sb2" id="sb_browse">
|
||||||
<li><?php echo _('Browse By'); ?>
|
<li><h4><?php echo _('Browse By'); ?></h4>
|
||||||
<?php
|
<?php
|
||||||
// Build the selected dealie
|
// Build the selected dealie
|
||||||
$text = scrub_in($_REQUEST['action']) . '_ac';
|
$text = scrub_in($_REQUEST['action']) . '_ac';
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
<li id="sb_browse_bb_RadioStation"><a href="<?php echo $web_path; ?>/browse.php?action=live_stream"><?php echo _('Radio Stations'); ?></a></li>
|
<li id="sb_browse_bb_RadioStation"><a href="<?php echo $web_path; ?>/browse.php?action=live_stream"><?php echo _('Radio Stations'); ?></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><?php echo _('Filters'); ?>
|
<li><h4><?php echo _('Filters'); ?></h4>
|
||||||
<div class="sb3">
|
<div class="sb3">
|
||||||
<?php show_alphabet_list($_REQUEST['alpha_match'],$_REQUEST['action']); ?>
|
<?php show_alphabet_list($_REQUEST['alpha_match'],$_REQUEST['action']); ?>
|
||||||
<!--
|
<!--
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<ul class="sb2" id="sb_home">
|
<ul class="sb2" id="sb_home">
|
||||||
<li><?php echo _('Information'); ?>
|
<li><h4><?php echo _('Information'); ?></h4>
|
||||||
<ul class="sb3" id="sb_home_info">
|
<ul class="sb3" id="sb_home_info">
|
||||||
<li id="sb_home_info_CurrentlyPlaying"><a href="<?php echo $web_path; ?>/index.php"><?php echo _('Currently Playing'); ?></a></li>
|
<li id="sb_home_info_CurrentlyPlaying"><a href="<?php echo $web_path; ?>/index.php"><?php echo _('Currently Playing'); ?></a></li>
|
||||||
<li id="sb_home_info_Statistics"><a href="<?php echo $web_path; ?>/stats.php"><?php echo _('Statistics'); ?></a></li>
|
<li id="sb_home_info_Statistics"><a href="<?php echo $web_path; ?>/stats.php"><?php echo _('Statistics'); ?></a></li>
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
<ul class="sb2" id="sb_localplay">
|
<ul class="sb2" id="sb_localplay">
|
||||||
<li><?php echo _('Localplay'); ?></li>
|
<li><h4><?php echo _('Localplay'); ?></h4></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<ul class="sb2" id="sb_preferences">
|
<ul class="sb2" id="sb_preferences">
|
||||||
<li><?php echo _('Sections'); ?>
|
<li><h4><?php echo _('Sections'); ?></h4>
|
||||||
<ul class="sb3" id="sb_preferences_sections">
|
<ul class="sb3" id="sb_preferences_sections">
|
||||||
<li id="sb_preferences_sections_Interface"><a href="<?php echo $web_path; ?>/preferences.php?tab=interface"><?php echo _('Interface'); ?></a></li>
|
<li id="sb_preferences_sections_Interface"><a href="<?php echo $web_path; ?>/preferences.php?tab=interface"><?php echo _('Interface'); ?></a></li>
|
||||||
<li id="sb_preferences_sections_Playlist"><a href="<?php echo $web_path; ?>/preferences.php?tab=playlist"><?php echo _('Playlist'); ?></a></li>
|
<li id="sb_preferences_sections_Playlist"><a href="<?php echo $web_path; ?>/preferences.php?tab=playlist"><?php echo _('Playlist'); ?></a></li>
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<?php if ($GLOBALS['user']->has_access('100')) { ?>
|
<?php if ($GLOBALS['user']->has_access('100')) { ?>
|
||||||
<li><?php echo _('Server Config'); ?>
|
<li><h4><?php echo _('Server Config'); ?></h4>
|
||||||
<ul class="sb3" id="sb_preferences_sc">
|
<ul class="sb3" id="sb_preferences_sc">
|
||||||
<li id="sb_preferences_sc_Interface"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=interface"><?php echo _('Interface'); ?></a></li>
|
<li id="sb_preferences_sc_Interface"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=interface"><?php echo _('Interface'); ?></a></li>
|
||||||
<li id="sb_preferences_sc_Playlist"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=playlist"><?php echo _('Playlist'); ?></a></li>
|
<li id="sb_preferences_sc_Playlist"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=playlist"><?php echo _('Playlist'); ?></a></li>
|
||||||
|
@ -18,7 +18,7 @@
|
||||||
<li id="sb_preferences_sc_System"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=system"><?php echo _('System'); ?></a></li>
|
<li id="sb_preferences_sc_System"><a href="<?php echo $web_path; ?>/preferences.php?action=admin&tab=system"><?php echo _('System'); ?></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><?php echo _('Modules'); ?>
|
<li><h4><?php echo _('Modules'); ?></h4>
|
||||||
<ul class="sb3" id="sb_Modules">
|
<ul class="sb3" id="sb_Modules">
|
||||||
<li id="sb_preferences_mo_localplay"><a href="<?php echo $web_path; ?>/admin/modules.php?action=show_localplay"><?php echo _('Localplay Modules'); ?></a></li>
|
<li id="sb_preferences_mo_localplay"><a href="<?php echo $web_path; ?>/admin/modules.php?action=show_localplay"><?php echo _('Localplay Modules'); ?></a></li>
|
||||||
<li id="sb_preferences_mo_plugins"><a href="<?php echo $web_path; ?>/admin/modules.php?action=show_plugins"><?php echo _('Available Plugins'); ?></a></li>
|
<li id="sb_preferences_mo_plugins"><a href="<?php echo $web_path; ?>/admin/modules.php?action=show_plugins"><?php echo _('Available Plugins'); ?></a></li>
|
||||||
|
|
|
@ -207,77 +207,67 @@ h3#content_title span {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left:0px;
|
left:0px;
|
||||||
top:87px;
|
top:87px;
|
||||||
width:133px;
|
width:120px;
|
||||||
|
padding-top:28px;
|
||||||
|
background:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat;
|
||||||
|
font-size:0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar select {
|
#sidebar select { width: 95%; }
|
||||||
width: 95%;
|
#sidebar input { vertical-align:middle; background:#fff; }
|
||||||
}
|
#sidebar ul { list-style:none; }
|
||||||
|
#sidebar a { text-decoration:none; }
|
||||||
|
|
||||||
#sidebar ul {
|
|
||||||
list-style:none;
|
|
||||||
}
|
|
||||||
#sidebar a {
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
#sidebar span {
|
|
||||||
display:block;
|
|
||||||
text-decoration:none;
|
|
||||||
margin-left:5px;
|
|
||||||
margin-right:5px;
|
|
||||||
} */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#sidebar span:hover {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#sidebar span.link {
|
|
||||||
display:inline;
|
|
||||||
text-decoration:none;
|
|
||||||
color: #000;
|
|
||||||
margin: 0 5px;
|
|
||||||
font-family: monospace, Courier, Georgia;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For sidebar tabs */
|
/* For sidebar tabs */
|
||||||
|
/********************/
|
||||||
|
#sidebar-tabs{
|
||||||
|
border-top:1px solid #8b8b8b;
|
||||||
|
}
|
||||||
|
|
||||||
#sidebar-tabs li.sb1 {
|
#sidebar-tabs li.sb1 {
|
||||||
float: left;
|
float: left;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
border: 1px solid #fff;
|
background: #c0c0c0;
|
||||||
background:#fff;
|
|
||||||
}
|
}
|
||||||
#sidebar-tabs li.active {
|
#sidebar-tabs li.active {
|
||||||
background-color:#c0c0c0;
|
background: #fff;
|
||||||
border:1px solid #c0c0c0;
|
}
|
||||||
|
#sidebar-tabs li.active img{
|
||||||
|
margin-top:12px;position:relative;z-index:2;
|
||||||
|
/*position:absolute;left:10px;top:5px;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tabs content */
|
/* Tabs content */
|
||||||
|
/****************/
|
||||||
#sidebar-page {
|
#sidebar-page {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left:0;
|
left:0;
|
||||||
top:26px;
|
top:52px;
|
||||||
background-color:#c0c0c0;
|
background: #fff url(../images/bottom.gif) 0 100% repeat-x;
|
||||||
|
padding-bottom:0.5em;
|
||||||
|
border-right:2px solid #c0c0c0;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
width:133px;
|
width:118px;
|
||||||
}
|
}
|
||||||
#sidebar-page ul.sb2 {
|
#sidebar-page ul.sb2 {
|
||||||
padding:5px 8px;
|
padding:2px 4px;
|
||||||
}
|
}
|
||||||
#sidebar-page ul.sb2 li{
|
#sidebar-page ul.sb2 li{
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
margin-top:0.3em;
|
margin:1em auto;
|
||||||
padding-bottom: 0.3em;
|
padding-bottom: 0.5em;
|
||||||
border-bottom: 1px solid #666;
|
border-bottom: 1px solid #666;
|
||||||
}
|
}
|
||||||
|
#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; }
|
||||||
|
|
||||||
#sidebar-page .sb3 {
|
#sidebar-page ul.sb3, #sidebar-page div.sb3 {
|
||||||
margin-left:4px;
|
font-size:0.9em;
|
||||||
|
margin-left:2px;
|
||||||
font-weight:normal;
|
font-weight:normal;
|
||||||
|
color:#5b5b5b;
|
||||||
}
|
}
|
||||||
|
#sidebar-page .sb3 a{ color:#5b5b5b; }
|
||||||
#sidebar-page ul.sb3 li{
|
#sidebar-page ul.sb3 li{
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0;
|
padding:0;
|
||||||
|
@ -285,21 +275,53 @@ h3#content_title span {
|
||||||
font-weight:normal;
|
font-weight:normal;
|
||||||
}
|
}
|
||||||
* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */
|
* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */
|
||||||
|
#sidebar-page .sb3 a{ padding:0.1em;border-bottom:1px dotted #c0c0c0;}
|
||||||
|
|
||||||
#sidebar-page a{
|
#sidebar-page a{
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
#sidebar-page a:hover{
|
#sidebar-page a:hover{
|
||||||
background:#fff;
|
background:#8b8b8b;
|
||||||
|
color:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SIDEBAR : Home */
|
/* SIDEBAR : Home */
|
||||||
|
/******************/
|
||||||
|
|
||||||
/* SIDEBAR : Browse */
|
/* SIDEBAR : Browse */
|
||||||
|
/********************/
|
||||||
|
.alphabet {
|
||||||
|
background:transparent; /* fix ie bug */
|
||||||
|
font-size:0.95em;
|
||||||
|
font-weight:normal;
|
||||||
|
margin: 0.3em auto;
|
||||||
|
color:#5b5b5b;
|
||||||
|
}
|
||||||
|
.alphabet span.link {
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0;
|
||||||
|
padding:0 5px;
|
||||||
|
font-family: monospace, Courier, Georgia;
|
||||||
|
}
|
||||||
|
.alphabet span.active{ background:#5b5b5b; color:#fff; }
|
||||||
|
.alphabet span.link:hover {
|
||||||
|
background: #8b8b8b;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
/* SIDEBAR : Search */
|
/* SIDEBAR : Search */
|
||||||
|
/********************/
|
||||||
|
|
||||||
/* SIDEBAR : Preferences */
|
/* SIDEBAR : Preferences */
|
||||||
|
/*************************/
|
||||||
|
|
||||||
/* SIDEBAR : Admin */
|
/* SIDEBAR : Admin */
|
||||||
#sb_admin_catalogs a{
|
/*******************/
|
||||||
|
#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;}
|
||||||
|
#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{
|
||||||
display:inline;
|
display:inline;
|
||||||
|
padding:0;
|
||||||
|
border:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -639,16 +661,6 @@ td.user_disabled {
|
||||||
background:#bbb;
|
background:#bbb;
|
||||||
border:2px solid #000;
|
border:2px solid #000;
|
||||||
}
|
}
|
||||||
.alphabet {
|
|
||||||
margin:10px;
|
|
||||||
background:transparent; /* fix ie bug */
|
|
||||||
font-size:10px;
|
|
||||||
font-weight:normal;
|
|
||||||
}
|
|
||||||
.alphabet span {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #003399;
|
|
||||||
}
|
|
||||||
|
|
||||||
#mpdpl td {
|
#mpdpl td {
|
||||||
padding:0 2px 0 2px;
|
padding:0 2px 0 2px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue