Add media info icons to info page

data/interfaces/default/css/plexpy.css

@@ -1216,6 +1216,7 @@ a:hover .summary-poster-face-track .summary-poster-face-overlay span {
     width: 250px;
     height: 1px;
     margin: 0 40px 20px 25px;
+    position: relative;
 }
 .summary-content {
     position: relative;
@@ -1239,6 +1240,18 @@ a:hover .summary-poster-face-track .summary-poster-face-overlay span {
     margin-left: 2px;
     margin-right: 10px;
 }
+.summary-content-media-info-wrapper {
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+}
+.summary-content-media-info {
+    max-width: 75pt;
+    max-height: 20px;
+    margin: 0 10px;
+}
 .summary-content-summary {
     overflow: hidden;
     color: #fff;
@@ -2525,8 +2538,7 @@ a .home-platforms-instance-list-oval:hover,
     right: 0;
     bottom: 0;
     left: 0;
-    overflow-x: hidden;
+    overflow: auto;
-    overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
 }
 ::-webkit-scrollbar {

data/interfaces/default/info.html

@@ -137,12 +137,52 @@ DOCUMENTATION :: END
             </div>
             <div class="summary-content-wrapper">
                 <div class="col-md-9">
-                    % if data['media_type'] == 'movie' or data['media_type'] == 'show' or data['media_type'] == 'season':
+                    % if data['media_type'] == 'movie':
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 310px;">
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
+                    % elif data['media_type'] == 'show' or data['media_type'] == 'season':
                     <div class="summary-content-padding hidden-xs hidden-sm" style="height: 275px;"></div>
                     % elif data['media_type'] == 'episode':
-                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 40px;"></div>
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 75px;">
-                    % elif data['media_type'] == 'artist' or data['media_type'] == 'album' or data['media_type'] == 'track':
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
+                    % elif data['media_type'] == 'artist' or data['media_type'] == 'album':
                     <div class="summary-content-padding hidden-xs hidden-sm" style="height: 150px;"></div>
+                    % elif data['media_type'] == 'track':
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 185px;">
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
                     % else:
                     <div class="summary-content-padding hidden-xs hidden-sm"></div>
                     % endif

plexpy/datafactory.py

@@ -744,9 +744,14 @@ class DataFactory(object):
                     'session_history_metadata.content_rating, session_history_metadata.summary, ' \
                     'session_history_metadata.tagline, session_history_metadata.rating, session_history_metadata.duration, ' \
                     'session_history_metadata.guid, session_history_metadata.directors, session_history_metadata.writers, ' \
-                    'session_history_metadata.actors, session_history_metadata.genres, session_history_metadata.studio ' \
+                    'session_history_metadata.actors, session_history_metadata.genres, session_history_metadata.studio, ' \
+                    'session_history_media_info.container, session_history_media_info.bitrate, ' \
+                    'session_history_media_info.video_codec, session_history_media_info.video_resolution, ' \
+                    'session_history_media_info.video_framerate, session_history_media_info.audio_codec, ' \
+                    'session_history_media_info.audio_channels ' \
                     'FROM session_history_metadata ' \
                     'JOIN library_sections ON session_history_metadata.section_id = library_sections.section_id ' \
+                    'JOIN session_history_media_info ON session_history_metadata.id = session_history_media_info.id ' \
                     'WHERE session_history_metadata.rating_key = ?'
             result = monitor_db.select(query=query, args=[rating_key])
         else:
@@ -789,7 +794,14 @@ class DataFactory(object):
                         'genres': genres,
                         'actors': actors,
                         'library_name': item['section_name'],
-                        'section_id': item['section_id']
+                        'section_id': item['section_id'],
+                        'container': item['container'],
+                        'bitrate': item['bitrate'],
+                        'video_codec': item['video_codec'],
+                        'video_resolution': item['video_resolution'],
+                        'video_framerate': item['video_framerate'],
+                        'audio_codec': item['audio_codec'],
+                        'audio_channels': item['audio_channels']
                         }
 
         return metadata

plexpy/webserve.py

@@ -1461,7 +1461,7 @@ class WebInterface(object):
             metadata = data_factory.get_metadata_details(rating_key=rating_key)
         else:
             pms_connect = pmsconnect.PmsConnect()
-            result = pms_connect.get_metadata_details(rating_key=rating_key)
+            result = pms_connect.get_metadata_details(rating_key=rating_key, get_media_info=True)
             if result:
                 metadata = result['metadata']