+
" >
+
+
-
No Playlists
+
Nothing Scheduled
diff --git a/public/css/schedule.css b/public/css/schedule.css
index 2dce26cc5..7750379ca 100644
--- a/public/css/schedule.css
+++ b/public/css/schedule.css
@@ -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 {
diff --git a/public/js/airtime/schedule/schedule.js b/public/js/airtime/schedule/schedule.js
index 5931bb6f7..7505447d4 100644
--- a/public/js/airtime/schedule/schedule.js
+++ b/public/js/airtime/schedule/schedule.js
@@ -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,