Add media type icon

This commit is contained in:
JonnyWong16 2017-10-29 10:48:01 -07:00
parent 15a871889f
commit b6a634ea6f
3 changed files with 19 additions and 2 deletions

View file

@ -309,7 +309,7 @@ DOCUMENTATION :: END
<div class="dashboard-activity-metadata-user-thumb" style="background-image: url(${data['user_thumb']});"></div> <div class="dashboard-activity-metadata-user-thumb" style="background-image: url(${data['user_thumb']});"></div>
% endif % endif
<div class="dashboard-activity-metadata-title"> <div class="dashboard-activity-metadata-title">
<span id="play-state-${data['session_key']}"> <span id="play-state-${data['session_key']}" title="${data['state'].capitalize()}">
% if data['state'] == 'playing': % if data['state'] == 'playing':
<i class="fa fa-fw fa-play"></i>&nbsp; <i class="fa fa-fw fa-play"></i>&nbsp;
% elif data['state'] == 'paused': % elif data['state'] == 'paused':
@ -339,6 +339,19 @@ DOCUMENTATION :: END
% endif % endif
</div> </div>
<div class="dashboard-activity-metadata-subtitle"> <div class="dashboard-activity-metadata-subtitle">
<span id="media-type-${data['session_key']}" title="${data['media_type'].capitalize()}">
% if data['media_type'] == 'movie':
<i class="fa fa-fw fa-film"></i>&nbsp;
% elif data['media_type'] == 'episode':
<i class="fa fa-fw fa-television"></i>&nbsp;
% elif data['media_type'] == 'track':
<i class="fa fa-fw fa-music"></i>&nbsp;
% elif data['media_type'] == 'photo':
<i class="fa fa-fw fa-picture-o"></i>&nbsp;
% elif data['media_type'] == 'clip':
<i class="fa fa-fw fa-video-camera"></i>&nbsp;
% endif
</span>
% if data['rating_key']: % if data['rating_key']:
% if data['media_type'] == 'episode': % if data['media_type'] == 'episode':
<a href="info?rating_key=${data['parent_rating_key']}" title="Season ${data['parent_media_index']}" class="sub-heading">S${data['parent_media_index']}</a> <a href="info?rating_key=${data['parent_rating_key']}" title="Season ${data['parent_media_index']}" class="sub-heading">S${data['parent_media_index']}</a>

View file

@ -269,7 +269,7 @@
default: default:
var state_icon = '<i class="fa fa-fw fa-question-circle"></i>&nbsp;'; var state_icon = '<i class="fa fa-fw fa-question-circle"></i>&nbsp;';
} }
$('#play-state-' + key).html(state_icon); $('#play-state-' + key).html(state_icon).attr('title', capitalizeFirstLetter(s.state));
// Switching tracks can be under the same session key, so need to update the info. // Switching tracks can be under the same session key, so need to update the info.
if (s.media_type === 'track') { if (s.media_type === 'track') {

View file

@ -520,3 +520,7 @@ function forceMinMax(elem) {
elem.val(val); elem.val(val);
} }
} }
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}