mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-03 17:59:21 +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'));
|
||||
|
||||
$style_name = "style_" . strtolower($selected);
|
||||
${$style_name} = "style=\"font-weight:bold;\"";
|
||||
$selected = $_SESSION['browse']['filter']['alpha_match'];
|
||||
|
||||
//$style_name = "style_" . strtolower($selected);
|
||||
//${$style_name} = "style=\"font-weight:bold;\"";
|
||||
|
||||
echo "<div class=\"alphabet\">";
|
||||
foreach ($list as $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";
|
||||
/* without this, it also works and breaks line when needed only
|
||||
$i++;
|
||||
if ($i/5 == intval($i/5)) { echo "<br />"; }
|
||||
*/
|
||||
}
|
||||
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>
|
||||
-->
|
||||
<li id="sb_Logout" class="sb1">
|
||||
<li id="sb_tab_logout" class="sb1">
|
||||
<a href="<?php echo Config::get('web_path'); ?>/logout.php">
|
||||
<?php echo get_user_icon('logout',_('Logout')); ?>
|
||||
</a>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<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>
|
||||
</li>
|
||||
<li>
|
||||
|
@ -9,7 +9,7 @@
|
|||
foreach ($catalogs as $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>
|
||||
<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')); ?>
|
||||
|
@ -23,14 +23,14 @@
|
|||
</ul>
|
||||
</li>
|
||||
|
||||
<li><?php echo _('User Tools'); ?>
|
||||
<li><h4><?php echo _('User Tools'); ?></h4>
|
||||
<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_BrowseUsers"><a href="<?php echo $web_path; ?>/admin/users.php"><?php echo _('Browse Users'); ?></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><?php echo _('Other Tools'); ?>
|
||||
<li><h4><?php echo _('Other Tools'); ?></h4>
|
||||
<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_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'); ?>
|
||||
<ul class="sb2" id="sb_browse">
|
||||
<li><?php echo _('Browse By'); ?>
|
||||
<li><h4><?php echo _('Browse By'); ?></h4>
|
||||
<?php
|
||||
// Build the selected dealie
|
||||
$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>
|
||||
</ul>
|
||||
</li>
|
||||
<li><?php echo _('Filters'); ?>
|
||||
<li><h4><?php echo _('Filters'); ?></h4>
|
||||
<div class="sb3">
|
||||
<?php show_alphabet_list($_REQUEST['alpha_match'],$_REQUEST['action']); ?>
|
||||
<!--
|
||||
|
@ -24,10 +24,10 @@
|
|||
<input type="checkbox" onclick="ajaxPut('<?php echo $ajax_info; ?>?action=browse&key=rated&value=1');return true;" value="1" />
|
||||
<?php echo _('Rated'); ?><br />
|
||||
-->
|
||||
<input id="unplayedCB" type="checkbox" <?php echo $string = Browse::get_filter('unplayed') ? 'checked="checked"' : ''; ?> />
|
||||
<input id="unplayedCB" type="checkbox" <?php echo $string = Browse::get_filter('unplayed') ? 'checked="checked"' : ''; ?>/>
|
||||
<label id="unplayedLabel" for="unplayedCB"><?php echo _('Unplayed'); ?></label><br />
|
||||
<?php echo Ajax::observe('unplayedCB','click',Ajax::action('?page=browse&action=browse&key=unplayed&value=1','')); ?>
|
||||
<input id="show_artCB" type="checkbox" <?php echo $string = Browse::get_filter('show_art') ? 'checked="checked"' : ''; ?> />
|
||||
<input id="show_artCB" type="checkbox" <?php echo $string = Browse::get_filter('show_art') ? 'checked="checked"' : ''; ?>/>
|
||||
<label id="show_artLabel" for="show_artCB"><?php echo _('Show Art'); ?></label><br />
|
||||
<?php echo Ajax::observe('show_artCB','click',Ajax::action('?page=browse&action=browse&key=show_art&value=1','')); ?>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<ul class="sb2" id="sb_home">
|
||||
<li><?php echo _('Information'); ?>
|
||||
<li><h4><?php echo _('Information'); ?></h4>
|
||||
<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_Statistics"><a href="<?php echo $web_path; ?>/stats.php"><?php echo _('Statistics'); ?></a></li>
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<ul class="sb2" id="sb_localplay">
|
||||
<li><?php echo _('Localplay'); ?></li>
|
||||
<li><h4><?php echo _('Localplay'); ?></h4></li>
|
||||
</ul>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<ul class="sb2" id="sb_preferences">
|
||||
<li><?php echo _('Sections'); ?>
|
||||
<li><h4><?php echo _('Sections'); ?></h4>
|
||||
<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_Playlist"><a href="<?php echo $web_path; ?>/preferences.php?tab=playlist"><?php echo _('Playlist'); ?></a></li>
|
||||
|
@ -9,7 +9,7 @@
|
|||
</ul>
|
||||
</li>
|
||||
<?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">
|
||||
<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>
|
||||
|
@ -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>
|
||||
</ul>
|
||||
</li>
|
||||
<li><?php echo _('Modules'); ?>
|
||||
<li><h4><?php echo _('Modules'); ?></h4>
|
||||
<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_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;
|
||||
left:0px;
|
||||
top:87px;
|
||||
width:133px;
|
||||
width:120px;
|
||||
padding-top:28px;
|
||||
background:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
#sidebar select {
|
||||
width: 95%;
|
||||
}
|
||||
#sidebar select { 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 */
|
||||
/********************/
|
||||
#sidebar-tabs{
|
||||
border-top:1px solid #8b8b8b;
|
||||
}
|
||||
|
||||
#sidebar-tabs li.sb1 {
|
||||
float: left;
|
||||
padding:2px;
|
||||
border: 1px solid #fff;
|
||||
background:#fff;
|
||||
background: #c0c0c0;
|
||||
}
|
||||
#sidebar-tabs li.active {
|
||||
background-color:#c0c0c0;
|
||||
border:1px solid #c0c0c0;
|
||||
background: #fff;
|
||||
}
|
||||
#sidebar-tabs li.active img{
|
||||
margin-top:12px;position:relative;z-index:2;
|
||||
/*position:absolute;left:10px;top:5px;*/
|
||||
}
|
||||
|
||||
/* Tabs content */
|
||||
/****************/
|
||||
#sidebar-page {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:26px;
|
||||
background-color:#c0c0c0;
|
||||
top:52px;
|
||||
background: #fff url(../images/bottom.gif) 0 100% repeat-x;
|
||||
padding-bottom:0.5em;
|
||||
border-right:2px solid #c0c0c0;
|
||||
font-size: 0.8em;
|
||||
width:133px;
|
||||
width:118px;
|
||||
}
|
||||
#sidebar-page ul.sb2 {
|
||||
padding:5px 8px;
|
||||
padding:2px 4px;
|
||||
}
|
||||
#sidebar-page ul.sb2 li{
|
||||
font-weight:bold;
|
||||
margin-top:0.3em;
|
||||
padding-bottom: 0.3em;
|
||||
margin:1em auto;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid #666;
|
||||
}
|
||||
#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; }
|
||||
|
||||
#sidebar-page .sb3 {
|
||||
margin-left:4px;
|
||||
#sidebar-page ul.sb3, #sidebar-page div.sb3 {
|
||||
font-size:0.9em;
|
||||
margin-left:2px;
|
||||
font-weight:normal;
|
||||
color:#5b5b5b;
|
||||
}
|
||||
#sidebar-page .sb3 a{ color:#5b5b5b; }
|
||||
#sidebar-page ul.sb3 li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
@ -285,21 +275,53 @@ h3#content_title span {
|
|||
font-weight:normal;
|
||||
}
|
||||
* 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{
|
||||
display:block;
|
||||
}
|
||||
#sidebar-page a:hover{
|
||||
background:#fff;
|
||||
background:#8b8b8b;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/* SIDEBAR : Home */
|
||||
/******************/
|
||||
|
||||
/* 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 : Preferences */
|
||||
/*************************/
|
||||
|
||||
/* 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;
|
||||
padding:0;
|
||||
border:none;
|
||||
}
|
||||
|
||||
|
||||
|
@ -639,16 +661,6 @@ td.user_disabled {
|
|||
background:#bbb;
|
||||
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 {
|
||||
padding:0 2px 0 2px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue