use clock icon to represent autoloading playlist

This commit is contained in:
ryan 2018-11-27 15:07:56 -06:00
parent 82c724a334
commit fe5b722c7f
4 changed files with 184 additions and 185 deletions

View file

@ -314,6 +314,7 @@ a.fc-event {
.fc-event-time, .fc-event-time,
.fc-event-title { .fc-event-title {
padding: 0 1px; padding: 0 1px;
height: 12px;
} }
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g data-name="Layer 2"><g data-name="clock"><rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"/><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4 11h-4a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v3h3a1 1 0 0 1 0 2z" fill="#fff"/></g></g></svg>

After

Width:  |  Height:  |  Size: 313 B

View file

@ -204,18 +204,14 @@ img.logo
.airtime_auth_help_icon, .custom_auth_help_icon, .stream_username_help_icon, .airtime_auth_help_icon, .custom_auth_help_icon, .stream_username_help_icon,
.playlist_type_help_icon, .repeat_tracks_help_icon, .show_linking_help_icon, .playlist_type_help_icon, .repeat_tracks_help_icon, .show_linking_help_icon,
.admin_username_help_icon, .stream_type_help_icon, .admin_username_help_icon, .stream_type_help_icon,
.show_timezone_help_icon, .show_autoplaylist_help_icon { .show_timezone_help_icon{
cursor: help; cursor: help;
position: relative; position: relative;
display:inline-block; zoom:1; display:inline-block; zoom:1;
width:14px; height:14px; width:14px; height:14px;
background:url(images/icon_info.png) 0 0 no-repeat; background:url(images/icon_info.png) 0 0 no-repeat;
left: 3px; top:2px; right:7px; left: 3px;
line-height:16px !important; line-height:16px !important;
vertical-align: text-top;
}
.qtip a {
color: white;
} }
/* Clearfix */ /* Clearfix */
@ -2272,14 +2268,15 @@ span.errors.sp-errors{
height:10px; height:10px;
float:right; float:right;
margin-left:3px; margin-left:3px;
margin-top:2px;
} }
.small-icon.linked { .small-icon.linked {
background:url(images/icon_link.png) no-repeat 0 0; background:url(images/icon_link.png) no-repeat 0 0;
margin-top: 0px !important; margin-top: 0px !important;
} }
.small-icon.autoplaylist { .small-icon.autoplaylist {
background:url(images/icon_alert_cal_autoplaylist.png) no-repeat 0 0; background: url(images/icon-clock.svg) black no-repeat center center;
border-radius: 2px;
background-size: contain;
} }
.small-icon.recording { .small-icon.recording {

View file

@ -218,7 +218,7 @@ function eventRender(event, element, view) {
} else if (event.show_has_auto_playlist === true) { } else if (event.show_has_auto_playlist === true) {
$(element) $(element)
.find(".fc-event-time") .find(".fc-event-time")
.before('<span class="small-icon autoplaylist"></span><span class="small-icon show-empty"></span>'); .before('<span class="small-icon autoplaylist"></span>');
} }
else { else {
$(element) $(element)
@ -259,7 +259,7 @@ function eventRender(event, element, view) {
} else if (event.show_has_auto_playlist === true) { } else if (event.show_has_auto_playlist === true) {
$(element) $(element)
.find(".fc-event-title") .find(".fc-event-title")
.after('<span title="'+$.i18n._("Show has an automatic playlist")+'"class="small-icon autoplaylist"></span><span title="'+$.i18n._("Show is empty")+'" class="small-icon show-empty"></span>'); .after('<span title="' + $.i18n._("Show has an automatic playlist") + '"class="small-icon autoplaylist"></span>');
} else { } else {
$(element) $(element)
.find(".fc-event-title") .find(".fc-event-title")