arrows switch properly for scheduled description.
This commit is contained in:
parent
86a4998e0a
commit
e3cf552a22
4 changed files with 72 additions and 30 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue