Congegni
/
sintonia
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
application/views/scripts/schedule/scheduled-content.phtml
View File

@ -1,24 +1,26 @@
<?php if(count($this->showContent) > 0) : ?> <?php if(count($this->showContent) > 0) : ?>
<?php foreach($this->showContent as $pl) : ?> <?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><span class="ui-icon ui-icon-triangle-1-e"></span></div>
<div><?php echo $pl["pl_name"] ?></div> <div class="sh_pl_name"><?php echo $pl["pl_name"] ?></div>
<div><?php echo $pl["pl_creator"] ?></div> <div class="sh_pl_creator"><?php echo $pl["pl_creator"] ?></div>
<div><?php echo $pl["pl_length"] ?></div> <div class="sh_pl_time"><?php echo $pl["pl_length"] ?></div>
<div><span class="ui-icon ui-icon-close"></span></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> <div class="sched_description"><?php echo $pl["pl_description"] ?></div>
<?php foreach($pl["pl_content"] as $file) : ?> <?php foreach($pl["pl_content"] as $file) : ?>
<div> <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> <span><?php echo $file["f_length"] ?></span>
</div> </div>
<div><?php echo $file["f_artist"] ?></div> <div class="sh_file_artist"><?php echo $file["f_artist"] ?></div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
<?php else : ?> <?php else : ?>
<li>No Playlists</li> <li>Nothing Scheduled</li>
<?php endif; ?> <?php endif; ?>

66
public/css/schedule.css
View File

@ -8,7 +8,7 @@ div.ui-datepicker {
#schedule_playlist_dialog > div { #schedule_playlist_dialog > div {
float: left; float: left;
width: 500px; width: 510px;
padding: 5px; padding: 5px;
} }
@ -16,22 +16,77 @@ div.ui-datepicker {
list-style-type: none; list-style-type: none;
overflow: auto; overflow: auto;
margin: 0; margin: 0;
padding: 0; padding: 10px 5px;
height: 300px; 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; float: left;
margin: 0 5px 2px 0; 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; clear: left;
padding-top: 5px;
padding-left: 5px;
} }
.sched_description { .sched_description {
clear: left; clear: left;
font-size: 85%; 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{ #show_time_info > div, #show_time_info > span{
@ -41,6 +96,7 @@ div.ui-datepicker {
#show_progressbar { #show_progressbar {
width: 150px; width: 150px;
height: 5px; height: 5px;
margin-top: 12px;
} }
.time { .time {

20
public/js/airtime/schedule/schedule.js
View File

@ -189,21 +189,25 @@ function setScheduleDialogEvents() {
.removeClass("ui-icon-triangle-1-s") .removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e"); .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")) { else if(span.hasClass("ui-icon-triangle-1-e")) {
span span
.removeClass("ui-icon-triangle-1-e") .removeClass("ui-icon-triangle-1-e")
.addClass("ui-icon ui-icon-triangle-1-s"); .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(){ $(".ui-icon-close").parent().click(function(){
var groupId, url; var groupId, url;
groupId = $(this).parent().attr("id").split("_").pop(); groupId = $(this).parent().parent().attr("id").split("_").pop();
url = '/Schedule/remove-group/format/json'; url = '/Schedule/remove-group/format/json';
$.post(url, $.post(url,
@ -271,14 +275,18 @@ function makeScheduleDialog(dialog, json) {
.removeClass("ui-icon-triangle-1-s") .removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e"); .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")) { else if(span.hasClass("ui-icon-triangle-1-e")) {
span span
.removeClass("ui-icon-triangle-1-e") .removeClass("ui-icon-triangle-1-e")
.addClass("ui-icon ui-icon-triangle-1-s"); .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; var groupId, url, search;
search = $("#schedule_playlist_search").val(); 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'; url = '/Schedule/remove-group/format/json';
$.post(url, $.post(url,