arrows switch properly for scheduled description.

This commit is contained in:
naomiaro 2011-01-15 20:53:31 -05:00
parent 86a4998e0a
commit e3cf552a22
4 changed files with 72 additions and 30 deletions

View file

@ -1,11 +1,11 @@
<li id="sp_<?php echo $this->id ?>" class="ui-widget-content">
<div><?php echo $this->name ?></div>
<div><?php echo $this->description ?></div>
<div><?php echo $this->length ?></div>
<span><?php echo $this->name ?></span>
<span><?php echo $this->length ?></span>
<div>
<span>Creator: <?php echo $this->creator ?></span>
<?php if($this->state === "edited") : ?>
<span>Editing: <?php echo $this->login ?></span>
<?php endif ?>
</div>
<div><?php echo $this->description ?></div>
</li>

View file

@ -1,12 +1,15 @@
<div id="schedule_playlist_dialog">
<input id="schedule_playlist_search" type="text"></input>
<div>
<input id="schedule_playlist_search" type="text"></input>
<ul id="schedule_playlist_choice"></ul>
<ul id="schedule_playlist_chosen"></ul>
</div>
<div>
<div>Items In This Show:</div>
<ul id="schedule_playlist_chosen"></ul>
<div id="show_time_info">
<span id="show_time_filled"><?php echo $this->timeFilled; ?></span>
<span id="show_time_filled" class="time"><?php echo $this->timeFilled; ?></span>
<div id="show_progressbar"></div>
<span id="show_length"><?php echo $this->showLength; ?></span>
<span id="show_length" class="time"><?php echo $this->showLength; ?></span>
</div>
</div>
</div>

View file

@ -6,25 +6,18 @@ div.ui-datepicker {
font-size: 75%;
}
#show_time_info {
clear: left;
}
#show_progressbar {
width: 150px;
height: 5px;
#schedule_playlist_dialog > div {
float: left;
width: 500px;
padding: 5px;
}
#schedule_playlist_dialog ul {
list-style-type: none;
float: left;
width: 400px;
height: 200px;
overflow: auto;
}
#schedule_playlist_chosen li {
clear: left;
margin: 0;
padding: 0;
height: 300px;
}
#schedule_playlist_chosen li > div {
@ -32,10 +25,26 @@ div.ui-datepicker {
margin: 0 5px 2px 0;
}
#schedule_playlist_chosen li div.group_list {
#schedule_playlist_chosen li {
clear: left;
}
.sched_description {
clear: left;
font-size: 85%;
}
#show_time_info > div, #show_time_info > span{
float: left;
}
#show_progressbar {
width: 150px;
height: 5px;
}
.time {
width: 150px;
margin: 5px;
text-align: center;
}

View file

@ -182,7 +182,22 @@ function setScheduleDialogHtml(json) {
function setScheduleDialogEvents() {
$(".ui-icon-triangle-1-e").parent().click(function(){
$(this).parent().find(".group_list").toggle();
var span = $(this).find("span");
if(span.hasClass("ui-icon-triangle-1-s")) {
span
.removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e");
$(this).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();
}
});
$(".ui-icon-close").parent().click(function(){
@ -248,8 +263,23 @@ function makeScheduleDialog(dialog, json) {
}
});
dialog.find(".ui-icon-triangle-1-e").parent().click(function(){
$(this).parent().find(".group_list").toggle();
dialog.find(".ui-icon-triangle-1-e").parent().click(function(ev){
var span = $(this).find("span");
if(span.hasClass("ui-icon-triangle-1-s")) {
span
.removeClass("ui-icon-triangle-1-s")
.addClass("ui-icon ui-icon-triangle-1-e");
$(this).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();
}
});
dialog.find(".ui-icon-close").parent().click(function(){
@ -291,8 +321,8 @@ function openScheduleDialog(show) {
dialog.dialog({
autoOpen: false,
title: 'Schedule Playlist',
width: 950,
height: 450,
width: 1100,
height: 500,
modal: true,
close: closeDialog,
buttons: {"Ok": function() {