diff --git a/application/views/scripts/playlist/update.phtml b/application/views/scripts/playlist/update.phtml index 7c9c2a898..590f071cf 100644 --- a/application/views/scripts/playlist/update.phtml +++ b/application/views/scripts/playlist/update.phtml @@ -10,6 +10,7 @@
+
diff --git a/public/css/images/cue_playlist.png b/public/css/images/cue_playlist.png new file mode 100644 index 000000000..b928ccfae Binary files /dev/null and b/public/css/images/cue_playlist.png differ diff --git a/public/css/playlist_builder.css b/public/css/playlist_builder.css index dd1ad24b1..4e2dc5ada 100644 --- a/public/css/playlist_builder.css +++ b/public/css/playlist_builder.css @@ -15,7 +15,11 @@ #spl_sortable > li, #side_playlist > div, #spl_editor, -.spl_artist { +.spl_artist, +.spl_cue_in, +.spl_fade_in, +.spl_cue_out, +.spl_fade_out { clear: left; } @@ -35,8 +39,8 @@ #spl_sortable { list-style: none; padding:0; - height: 400px; - overflow-y: scroll; + height: 300px; + overflow: auto; width:100%; margin-top:0; } @@ -52,6 +56,10 @@ border: none; } +#spl_name { + +} + .ui-icon-closethick { margin-top: 7px; } @@ -72,6 +80,15 @@ font-size:12px; } +/*#spl_editor { + height: 50px; +}*/ + +#spl_editor > div > span { +/* display: inline-block; + width: 150px;*/ +} + .ui-icon-closethick, .ui-icon-play, .spl_fade_control, @@ -239,13 +256,12 @@ margin: 0; } -dd.edit-error { +.edit-error { color:#b80000; margin:0; padding-bottom:0; font-size:12px; display:none; - clear: left; } /*.edit-error:last-child { @@ -276,3 +292,26 @@ dd.edit-error { top: 3px; z-index: 3; } + +#spl_sortable li .spl_cue { + background-color: transparent; + float:right; + font-size: 9px; + height: 15px; + right: 35px; + width: 33px; + margin-top:2px; + cursor:pointer; +} +#spl_sortable li .spl_cue.ui-state-default { + background: transparent url(images/cue_playlist.png) no-repeat 0 0; + border:none; +} +#spl_sortable li .spl_cue.ui-state-default:hover { + background: transparent url(images/cue_playlist.png) no-repeat 0 -15px; + border:none; +} +#spl_sortable li .spl_cue.ui-state-active, #spl_sortable li .spl_cue.ui-state-active:hover { + background: transparent url(images/cue_playlist.png) no-repeat 0 -30px; + border:none; +} \ No newline at end of file diff --git a/public/js/airtime/library/spl.js b/public/js/airtime/library/spl.js index e32e83f62..89203600d 100644 --- a/public/js/airtime/library/spl.js +++ b/public/js/airtime/library/spl.js @@ -205,13 +205,15 @@ function openFadeEditor(event) { function openCueEditor(event) { event.stopPropagation(); - var pos, url, li; + var pos, url, li, icon; li = $(this).parent().parent().parent(); + icon = $(this); pos = li.attr("id").split("_").pop(); if(li.hasClass("ui-state-active")) { li.removeClass("ui-state-active"); + icon.attr("class", "spl_cue ui-state-default"); $("#cues_"+pos) .empty() @@ -220,6 +222,7 @@ function openCueEditor(event) { return; } + icon.attr("class", "spl_cue ui-state-default ui-state-active"); url = '/Playlist/set-cue'; highlightActive(li); @@ -253,7 +256,8 @@ function setSPLContent(json) { $("#spl_sortable .ui-icon-closethick").click(deleteSPLItem); $(".spl_fade_control").click(openFadeEditor); - $(".spl_playlength").click(openCueEditor); + //$(".spl_playlength").click(openCueEditor); + $(".spl_cue").click(openCueEditor); return false; } @@ -487,7 +491,8 @@ function setUpSPL() { $("#spl_sortable .ui-icon-closethick").click(deleteSPLItem); $(".spl_fade_control").click(openFadeEditor); - $(".spl_playlength").click(openCueEditor); + //$(".spl_playlength").click(openCueEditor); + $(".spl_cue").click(openCueEditor); $("#spl_sortable").droppable(); $("#spl_sortable" ).bind( "drop", addSPLItem);