show contents mostly styled, playlist choices needs work.

This commit is contained in:
naomiaro 2011-01-16 00:11:16 -05:00
parent e3cf552a22
commit e269b74e25
3 changed files with 87 additions and 21 deletions

View File

@ -1,24 +1,26 @@
<?php if(count($this->showContent) > 0) : ?>
<?php foreach($this->showContent as $pl) : ?>
<li id="g_<?php echo $pl["pl_group"] ?>">
<li id="g_<?php echo $pl["pl_group"] ?>" >
<h3 class="ui-accordion-header ui-state-default ui-corner-all">
<div><span class="ui-icon ui-icon-triangle-1-e"></span></div>
<div><?php echo $pl["pl_name"] ?></div>
<div><?php echo $pl["pl_creator"] ?></div>
<div><?php echo $pl["pl_length"] ?></div>
<div class="sh_pl_name"><?php echo $pl["pl_name"] ?></div>
<div class="sh_pl_creator"><?php echo $pl["pl_creator"] ?></div>
<div class="sh_pl_time"><?php echo $pl["pl_length"] ?></div>
<div><span class="ui-icon ui-icon-close"></span></div>
<div class="group_list" style="display:none">
</h3>
<div class="group_list ui-widget-content ui-corner-bottom" style="display:none">
<div class="sched_description"><?php echo $pl["pl_description"] ?></div>
<?php foreach($pl["pl_content"] as $file) : ?>
<div>
<span><?php echo $file["f_name"] ?></span>
<span class="sh_file_name"><?php echo $file["f_name"] ?></span>
<span><?php echo $file["f_length"] ?></span>
</div>
<div><?php echo $file["f_artist"] ?></div>
<div class="sh_file_artist"><?php echo $file["f_artist"] ?></div>
<?php endforeach; ?>
</div>
</li>
<?php endforeach; ?>
<?php else : ?>
<li>No Playlists</li>
<li>Nothing Scheduled</li>
<?php endif; ?>

View File

@ -8,7 +8,7 @@ div.ui-datepicker {
#schedule_playlist_dialog > div {
float: left;
width: 500px;
width: 510px;
padding: 5px;
}
@ -16,22 +16,77 @@ div.ui-datepicker {
list-style-type: none;
overflow: auto;
margin: 0;
padding: 0;
height: 300px;
padding: 10px 5px;
height: 275px;
}
#schedule_playlist_chosen li > div {
#schedule_playlist_chosen li {
float: left;
clear: left;
margin: 0;
width: 95%;
}
#schedule_playlist_chosen li > h3 {
float: left;
padding: 0;
margin: 0;
width: 475px;
}
#schedule_playlist_chosen li > h3 > div {
float: left;
margin: 0 5px 2px 0;
}
#schedule_playlist_chosen li {
#schedule_playlist_chosen li > h3 > div > span.ui-icon {
margin-top: 4px;
}
#schedule_playlist_chosen li div{
float: left;
}
#schedule_playlist_chosen li > div{
width: 475px;
}
#schedule_playlist_chosen li > div > div > span{
float: left;
}
#schedule_playlist_chosen li > div > div{
clear: left;
padding-top: 5px;
padding-left: 5px;
}
.sched_description {
clear: left;
font-size: 85%;
margin-left: 2em;
}
.sh_pl_name {
width: 150px;
}
.sh_pl_creator {
width: 125px;
}
.sh_pl_time {
width: 125px;
}
.sh_file_name {
display: inline-block;
width: 325px;
}
.sh_file_artist {
font-size: 90%;
padding-bottom: 5px;
}
#show_time_info > div, #show_time_info > span{
@ -41,6 +96,7 @@ div.ui-datepicker {
#show_progressbar {
width: 150px;
height: 5px;
margin-top: 12px;
}
.time {

View File

@ -189,21 +189,25 @@ function setScheduleDialogEvents() {
.removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e");
$(this).parent().find(".group_list").hide();
$(this).parent().removeClass("ui-state-active ui-corner-top");
$(this).parent().addClass("ui-corner-all");
$(this).parent().parent().find(".group_list").hide();
}
else if(span.hasClass("ui-icon-triangle-1-e")) {
span
.removeClass("ui-icon-triangle-1-e")
.addClass("ui-icon ui-icon-triangle-1-s");
$(this).parent().find(".group_list").show();
$(this).parent().addClass("ui-state-active ui-corner-top");
$(this).parent().removeClass("ui-corner-all");
$(this).parent().parent().find(".group_list").show();
}
});
$(".ui-icon-close").parent().click(function(){
var groupId, url;
groupId = $(this).parent().attr("id").split("_").pop();
groupId = $(this).parent().parent().attr("id").split("_").pop();
url = '/Schedule/remove-group/format/json';
$.post(url,
@ -271,14 +275,18 @@ function makeScheduleDialog(dialog, json) {
.removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e");
$(this).parent().find(".group_list").hide();
$(this).parent().removeClass("ui-state-active ui-corner-top");
$(this).parent().addClass("ui-corner-all");
$(this).parent().parent().find(".group_list").hide();
}
else if(span.hasClass("ui-icon-triangle-1-e")) {
span
.removeClass("ui-icon-triangle-1-e")
.addClass("ui-icon ui-icon-triangle-1-s");
$(this).parent().find(".group_list").show();
$(this).parent().addClass("ui-state-active ui-corner-top");
$(this).parent().removeClass("ui-corner-all");
$(this).parent().parent().find(".group_list").show();
}
});
@ -286,7 +294,7 @@ function makeScheduleDialog(dialog, json) {
var groupId, url, search;
search = $("#schedule_playlist_search").val();
groupId = $(this).parent().attr("id").split("_").pop();
groupId = $(this).parent().parent().attr("id").split("_").pop();
url = '/Schedule/remove-group/format/json';
$.post(url,