Add Playlist tab to user page

data/interfaces/default/info.html

@@ -112,7 +112,7 @@ DOCUMENTATION :: END
                             <li class="active metadata-xml">${data['title']}</li>
                             % endif
                             % endif
-                        % elif data['media_type'] in ('movie', 'collection', 'playlist'):
+                        % elif data['media_type'] in ('movie', 'collection'):
                         <li><a href="${page('library', data['section_id'])}">${data['library_name']}</a></li>
                         <span class="breadcrumb-arrow"><i class="fa fa-chevron-right"></i></span>
                         <li class="active metadata-xml">${data['title']}</li>
@@ -166,6 +166,14 @@ DOCUMENTATION :: END
                         <li><a href="${page('info', data['parent_rating_key'])}">${data['parent_title']}</a></li>
                         <span class="breadcrumb-arrow"><i class="fa fa-chevron-right"></i></span>
                         <li class="active metadata-xml">${data['title']}</li>
+                        % elif data['media_type'] == 'playlist':
+                            % if user_info.get('user_id'):
+                            <li><a href="${page('user', user_info.get('user_id'))}">${user_info.get('friendly_name')}</a></li>
+                            % else:
+                            <li><a href="${page('library', data['section_id'])}">${data['library_name']}</a></li>
+                            % endif
+                        <span class="breadcrumb-arrow"><i class="fa fa-chevron-right"></i></span>
+                        <li class="active metadata-xml">${data['title']}</li>
                         % endif
                         </ul>
                     </div>

data/interfaces/default/js/tables/playlists_table.js

@@ -28,7 +28,13 @@ playlists_table_options = {
                     if (rowData['smart']) {
                         smart = '<span class="media-type-tooltip" data-toggle="tooltip" title="Smart Playlist"><i class="fa fa-cog fa-fw"></i></span>&nbsp;'
                     }
-                    $(td).html('<a href="' + page('info', rowData['ratingKey']) + '&section_id=' + rowData['librarySectionID'] +'">' + smart + cellData + '</a>');
+                    var breadcrumb = '';
+                    if (rowData['userID']) {
+                        breadcrumb = '&user_id=' + rowData['userID'];
+                    } else if (rowData['librarySectionID']) {
+                        breadcrumb = '&section_id=' + rowData['librarySectionID'];
+                    }
+                    $(td).html('<a href="' + page('info', rowData['ratingKey']) + breadcrumb +'">' + smart + cellData + '</a>');
                 }
             },
             "width": "60%",

data/interfaces/default/library.html

@@ -331,12 +331,12 @@ DOCUMENTATION :: END
                                                     <i class="fa fa-file-export"></i> Export collections
                                                 </button>
                                             </div>
+                                            % endif
                                             <div class="btn-group">
                                                 <button class="btn btn-dark refresh-collections-table-button" id="refresh-collections-table">
                                                     <i class="fa fa-refresh"></i> Refresh collections
                                                 </button>
                                             </div>
-                                            % endif
                                             <div class="btn-group colvis-button-bar" id="button-bar-collections"></div>
                                         </div>
                                     </div>
@@ -379,12 +379,12 @@ DOCUMENTATION :: END
                                                     <i class="fa fa-file-export"></i> Export playlists
                                                 </button>
                                             </div>
+                                            % endif
                                             <div class="btn-group">
                                                 <button class="btn btn-dark refresh-playlists-table-button" id="refresh-playlists-table">
                                                     <i class="fa fa-refresh"></i> Refresh playlists
                                                 </button>
                                             </div>
-                                            % endif
                                             <div class="btn-group colvis-button-bar" id="button-bar-playlists"></div>
                                         </div>
                                     </div>
@@ -546,9 +546,9 @@ DOCUMENTATION :: END
 <script src="${http_root}js/moment-with-locale.js"></script>
 <script src="${http_root}js/tables/history_table.js${cache_param}"></script>
 <script src="${http_root}js/tables/media_info_table.js${cache_param}"></script>
-<script src="${http_root}js/tables/export_table.js${cache_param}"></script>
 <script src="${http_root}js/tables/collections_table.js${cache_param}"></script>
 <script src="${http_root}js/tables/playlists_table.js${cache_param}"></script>
+<script src="${http_root}js/tables/export_table.js${cache_param}"></script>
 <script>
     $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
         $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();

data/interfaces/default/user.html

@@ -43,7 +43,9 @@ DOCUMENTATION :: END
             <div class="summary-navbar">
                 <div class="col-md-12">
                     <div class="summary-navbar-list">
-                        <ul class="list-unstyled breadcrumb"></ul>
+                        <ul class="list-unstyled breadcrumb">
+                            <li class="active">${data['friendly_name']}</li>
+                        </ul>
                     </div>
                 </div>
             </div>
@@ -69,10 +71,11 @@ DOCUMENTATION :: END
                             <div class="user-info-nav">
                                 <ul class="nav nav-list nav-pills" role="tablist">
                                     <li class="active"><a href="#tabs-profile" role="tab" data-toggle="tab">Profile</a></li>
-                                    <li><a id="history-tab-btn" href="#tabs-history" role="tab" data-toggle="tab">History</a></li>
+                                    <li><a href="#tabs-history" role="tab" data-toggle="tab">History</a></li>
-                                    <li><a id="sync-tab-btn" href="#tabs-synceditems" role="tab" data-toggle="tab">Synced Items</a></li>
+                                    <li><a href="#tabs-playlists" role="tab" data-toggle="tab">Playlists</a></li>
-                                    <li><a id="ip-tab-btn" href="#tabs-ipaddresses" role="tab" data-toggle="tab">IP Addresses</a></li>
+                                    <li><a href="#tabs-synceditems" role="tab" data-toggle="tab">Synced Items</a></li>
-                                    <li><a id="login-tab-btn" href="#tabs-tautullilogins" role="tab" data-toggle="tab">Tautulli Logins</a></li>
+                                    <li><a href="#tabs-ipaddresses" role="tab" data-toggle="tab">IP Addresses</a></li>
+                                    <li><a href="#tabs-tautullilogins" role="tab" data-toggle="tab">Tautulli Logins</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -210,6 +213,53 @@ DOCUMENTATION :: END
                             </div>
                         </div>
                     </div>
+                    <div role="tabpanel" class="tab-pane" id="tabs-playlists">
+                        <div class="container-fluid">
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <div class='table-card-header'>
+                                        <div class="header-bar">
+                                            <span>
+                                                <i class="fa fa-list-alt"></i> Playlists for <strong>
+                                                    <span class="set-username">${data['friendly_name']}</span>
+                                                </strong>
+                                            </span>
+                                        </div>
+                                        <div class="button-bar">
+                                            % if _session['user_group'] == 'admin':
+                                            <% playlist_sub_media_type = {'movie': 'video', 'show': 'video', 'artist': 'audio', 'photo': 'photo'} %>
+                                            <div class="btn-group">
+                                                <button class="btn btn-dark export-button" id="toggle-export-modal" data-toggle="modal" data-target="#export-modal"
+                                                        data-media_type="playlist" data-sub_media_type=""
+                                                        data-library_export="playlist">
+                                                    <i class="fa fa-file-export"></i> Export playlists
+                                                </button>
+                                            </div>
+                                            % endif
+                                            <div class="btn-group">
+                                                <button class="btn btn-dark refresh-playlists-table-button" id="refresh-playlists-table">
+                                                    <i class="fa fa-refresh"></i> Refresh playlists
+                                                </button>
+                                            </div>
+                                            <div class="btn-group colvis-button-bar" id="button-bar-playlists"></div>
+                                        </div>
+                                    </div>
+                                    <div class="table-card-back">
+                                        <table class="display playlists_table" id="playlists_table-SID-${data['user_id']}" width="100%">
+                                            <thead>
+                                                <tr>
+                                                    <th align="left" id="playlistTitle">Playlist Title</th>
+                                                    <th align="left" id="playlistLeafCount">Playlist Items</th>
+                                                    <th align="left" id="playlistDuration">Playlist Duration</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody></tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     <div role="tabpanel" class="tab-pane" id="tabs-synceditems">
                         <div class="container-fluid">
                             <div class="row">
@@ -412,6 +462,7 @@ DOCUMENTATION :: END
 </script>
 <script src="${http_root}js/moment-with-locale.js"></script>
 <script src="${http_root}js/tables/history_table.js${cache_param}"></script>
+<script src="${http_root}js/tables/playlists_table.js${cache_param}"></script>
 <script src="${http_root}js/tables/user_ips.js${cache_param}"></script>
 <script src="${http_root}js/tables/sync_table.js${cache_param}"></script>
 <script src="${http_root}js/tables/login_logs.js${cache_param}"></script>
@@ -420,6 +471,8 @@ DOCUMENTATION :: END
         $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
     });
 
+    $(".inactive-user-tooltip").tooltip();
+
     function loadHistoryTable(media_type) {
         // Build watch history table
         history_table_options.ajax = {
@@ -451,6 +504,49 @@ DOCUMENTATION :: END
         });
     }
 
+    $('a[href="#tabs-history"]').on('shown.bs.tab', function() {
+        if (typeof(history_table) === 'undefined') {
+            var media_type = getLocalStorage('user_' + user_id + '-history_media_type', 'all');
+            $('#history-' + media_type).prop('checked', true);
+            $('#history-' + media_type).closest('label').addClass('active');
+            loadHistoryTable(media_type);
+        }
+    });
+
+    $("#refresh-history-list").click(function () {
+        history_table.draw();
+    });
+
+    function loadPlaylistsTable() {
+        // Build playlists table
+        playlists_table_options.ajax = {
+            url: 'get_playlists_list',
+            type: 'POST',
+            data: function ( d ) {
+                return {
+                    json_data: JSON.stringify( d ),
+                    user_id: user_id
+                };
+            }
+        };
+        playlists_table = $('#playlists_table-SID-${data["user_id"]}').DataTable(playlists_table_options);
+
+        var colvis = new $.fn.dataTable.ColVis(playlists_table, { buttonText: '<i class="fa fa-columns"></i> Select columns', buttonClass: 'btn btn-dark' });
+        $(colvis.button()).appendTo('#button-bar-playlists');
+
+        clearSearchButton('playlists_table-SID-${data["user_id"]}', playlists_table);
+    }
+
+    $('a[href="#tabs-playlists"]').on('shown.bs.tab', function() {
+        if (typeof(playlists_table) === 'undefined') {
+            loadPlaylistsTable();
+        }
+    });
+
+    $("#refresh-playlists-table").click(function () {
+        playlists_table.draw();
+    });
+
     function loadSyncTable() {
         // Build user sync table
         sync_table_options.ajax = {
@@ -466,6 +562,16 @@ DOCUMENTATION :: END
         clearSearchButton('sync_table-UID-${data["user_id"]}', sync_table);
     }
 
+    $('a[href="#tabs-synceditems"]').on('shown.bs.tab', function() {
+        if (typeof(sync_table) === 'undefined') {
+            loadSyncTable(user_id);
+        }
+    });
+
+    $("#refresh-syncs-list").click(function() {
+        sync_table.ajax.reload();
+    });
+
     function loadIPAddressTable() {
         // Build user IP table
         user_ip_table_options.ajax = {
@@ -483,6 +589,16 @@ DOCUMENTATION :: END
         clearSearchButton('user_ip_table-UID-${data["user_id"]}', user_ip_table);
     }
 
+    $('a[href="#tabs-ipaddresses"]').on('shown.bs.tab', function() {
+        if (typeof(user_ip_table) === 'undefined') {
+            loadIPAddressTable(user_id);
+        }
+    });
+
+    $("#refresh-ip-address-list").click(function () {
+        user_ip_table.draw();
+    });
+
     function loadLoginTable() {
         // Build user login table
         login_log_table_options.ajax = {
@@ -504,51 +620,16 @@ DOCUMENTATION :: END
         clearSearchButton('login_log_table-UID-${data["user_id"]}', login_log_table);
     }
 
-    $('a[href="#tabs-history"]').on('shown.bs.tab', function() {
-        if (typeof(history_table) === 'undefined') {
-            var media_type = getLocalStorage('user_' + user_id + '-history_media_type', 'all');
-            $('#history-' + media_type).prop('checked', true);
-            $('#history-' + media_type).closest('label').addClass('active');
-            loadHistoryTable(media_type);
-        }
-    });
-
-    $('a[href="#tabs-synceditems"]').on('shown.bs.tab', function() {
-        if (typeof(sync_table) === 'undefined') {
-            loadSyncTable(user_id);
-        }
-    });
-
-    $('a[href="#tabs-ipaddresses"]').on('shown.bs.tab', function() {
-        if (typeof(user_ip_table) === 'undefined') {
-            loadIPAddressTable(user_id);
-        }
-    });
-
     $('a[href="#tabs-tautullilogins"]').on('shown.bs.tab', function() {
         if (typeof(login_log_table) === 'undefined') {
             loadLoginTable(user_id);
         }
     });
 
-    $("#refresh-history-list").click(function () {
-        history_table.draw();
-    });
-
-    $("#refresh-syncs-list").click(function() {
-        sync_table.ajax.reload();
-    });
-
-    $("#refresh-ip-address-list").click(function () {
-        user_ip_table.draw();
-    });
-
     $("#refresh-login-list").click(function () {
         login_log_table.draw();
     });
 
-    $(".inactive-user-tooltip").tooltip();
-
     function recentlyWatched() {
         // Populate recently watched
         $.ajax({

plexpy/libraries.py

@@ -142,7 +142,7 @@ def has_library_type(section_type):
     return bool(result)
 
 
-def get_collections(section_id):
+def get_collections(section_id=None):
     plex = Plex(plexpy.CONFIG.PMS_URL, session.get_session_user_token())
     library = plex.get_library(section_id)
 
@@ -196,7 +196,7 @@ def get_collections_list(section_id=None, **kwargs):
                           'error': 'Unable to get collections: missing section_id.'}
         return default_return
 
-    collections = get_collections(section_id)
+    collections = get_collections(section_id=section_id)
 
     # Get datatables JSON data
     json_data = helpers.process_json_kwargs(json_kwargs=kwargs['json_data'])
@@ -230,20 +230,21 @@ def get_collections_list(section_id=None, **kwargs):
     return data
 
 
-def get_playlists(section_id):
+def get_playlists(section_id=None, user_id=None):
-    plex = Plex(plexpy.CONFIG.PMS_URL, session.get_session_user_token())
+    if user_id and not session.get_session_user_id():
-
+        import users
-    library = Libraries().get_details(section_id=section_id)
+        user_tokens = users.Users().get_tokens(user_id=user_id)
-
+        plex_token = user_tokens['server_token']
-    if library['section_type'] == 'artist':
-        playlist_type = 'audio'
-    elif library['section_type'] == 'photo':
-        playlist_type = 'photo'
     else:
-        playlist_type = 'video'
+        plex_token = session.get_session_user_token()
 
-    playlists = plex.plex.fetchItems(
+    plex = Plex(plexpy.CONFIG.PMS_URL, plex_token)
-        '/playlists?type=15&playlistType={}&sectionID={}'.format(playlist_type, section_id))
+
+    if user_id:
+        playlists = plex.plex.playlists()
+    else:
+        library = plex.get_library(section_id)
+        playlists = library.playlist()
 
     playlists_list = []
     for playlist in playlists:
@@ -254,22 +255,22 @@ def get_playlists(section_id):
             'guid': playlist.guid,
             'leafCount': playlist.leafCount,
             'librarySectionID': section_id,
-            'librarySectionTitle': library['section_name'],
             'playlistType': playlist.playlistType,
             'ratingKey': playlist.ratingKey,
             'smart': playlist.smart,
             'summary': playlist.summary,
             'title': playlist.title,
             'type': playlist.type,
-            'updatedAt': helpers.datetime_to_iso(playlist.updatedAt)
+            'updatedAt': helpers.datetime_to_iso(playlist.updatedAt),
+            'userID': user_id
         }
         playlists_list.append(playlist_dict)
 
     return playlists_list
 
 
-def get_playlists_list(section_id=None, **kwargs):
+def get_playlists_list(section_id=None, user_id=None, **kwargs):
-    if not section_id:
+    if not section_id and not user_id:
         default_return = {'recordsFiltered': 0,
                           'recordsTotal': 0,
                           'draw': 0,
@@ -277,7 +278,7 @@ def get_playlists_list(section_id=None, **kwargs):
                           'error': 'Unable to get playlists: missing section_id.'}
         return default_return
 
-    playlists = get_playlists(section_id)
+    playlists = get_playlists(section_id=section_id, user_id=user_id)
 
     # Get datatables JSON data
     json_data = helpers.process_json_kwargs(json_kwargs=kwargs['json_data'])

plexpy/webserve.py

@@ -852,7 +852,7 @@ class WebInterface(object):
 
             ```
             Required parameters:
-                section_id (str):               The id of the Plex library section, OR
+                section_id (str):               The id of the Plex library section
 
             Optional parameters:
                 None
@@ -884,12 +884,13 @@ class WebInterface(object):
     @cherrypy.tools.json_out()
     @requireAuth()
     @addtoapi("get_playlists_table")
-    def get_playlists_list(self, section_id=None, **kwargs):
+    def get_playlists_list(self, section_id=None, user_id=None, **kwargs):
         """ Get the data on the Tautulli playlists tables.
 
             ```
             Required parameters:
-                section_id (str):               The id of the Plex library section, OR
+                section_id (str):               The section id of the Plex library, OR
+                user_id (str):                  The user id of the Plex user
 
             Optional parameters:
                 None
@@ -912,7 +913,9 @@ class WebInterface(object):
                           ("duration", True, True)]
             kwargs['json_data'] = build_datatables_json(kwargs, dt_columns, "title")
 
-        result = libraries.get_playlists_list(section_id=section_id, **kwargs)
+        result = libraries.get_playlists_list(section_id=section_id,
+                                              user_id=user_id,
+                                              **kwargs)
 
         return result
 
@@ -4372,7 +4375,7 @@ class WebInterface(object):
 
     @cherrypy.expose
     @requireAuth()
-    def info(self, rating_key=None, guid=None, source=None, section_id=None, **kwargs):
+    def info(self, rating_key=None, guid=None, source=None, section_id=None, user_id=None, **kwargs):
         if rating_key and not str(rating_key).isdigit():
             raise cherrypy.HTTPRedirect(plexpy.HTTP_ROOT)
 
@@ -4383,6 +4386,12 @@ class WebInterface(object):
             "pms_web_url": plexpy.CONFIG.PMS_WEB_URL
         }
 
+        if user_id:
+            user_data = users.Users()
+            user_info = user_data.get_details(user_id=user_id)
+        else:
+            user_info = {}
+
         # Try to get metadata from the Plex server first
         if rating_key:
             pms_connect = pmsconnect.PmsConnect()
@@ -4405,7 +4414,7 @@ class WebInterface(object):
                 raise cherrypy.HTTPRedirect(plexpy.HTTP_ROOT)
 
             return serve_template(templatename="info.html", metadata=metadata, title="Info",
-                                  config=config, source=source)
+                                  config=config, source=source, user_info=user_info)
         else:
             if get_session_user_id():
                 raise cherrypy.HTTPRedirect(plexpy.HTTP_ROOT)