rework filter dialog

dashboard-ui/scripts/itemlistpage.js

@@ -118,7 +118,7 @@
                     posterOptions.shape = "backdrop";
                     html = libraryBrowser.getPosterViewHtml(posterOptions);
                 } else {
-                    
+
                     // Poster
                     posterOptions.showTitle = context == 'photos' ? 'auto' : true;
                     posterOptions.overlayText = context == 'photos';
@@ -126,6 +126,15 @@
                     html = libraryBrowser.getPosterViewHtml(posterOptions);
                 }
 
+                if (currentItem.CollectionType == 'boxsets') {
+                    view.querySelector('.btnNewCollection').classList.remove('hide');
+                    if (!result.Items.length) {
+                        html = '<p style="text-align:center;">' + Globalize.translate('MessageNoCollectionsAvailable') + '</p>';
+                    }
+                } else {
+                    view.querySelector('.btnNewCollection').classList.add('hide');
+                }
+
                 var elem = view.querySelector('#items');
                 elem.innerHTML = html + pagingHtml;
                 ImageLoader.lazyChildren(elem);
@@ -310,6 +319,20 @@
             });
         });
 
+        // The button is created dynamically
+        view.querySelector('.btnNewCollection').addEventListener('click', function () {
+
+            require(['collectionEditor'], function (collectionEditor) {
+
+                var serverId = ApiClient.serverInfo().Id;
+                new collectionEditor().show({
+                    items: [],
+                    serverId: serverId
+                });
+
+            });
+        });
+
         view.addEventListener('viewbeforeshow', function (e) {
             reloadItems(view);
             updateFilterControls();

dashboard-ui/scripts/librarybrowser.js

@@ -1033,7 +1033,7 @@
                     }
 
                     if (item.CollectionType == 'boxsets') {
-                        return 'collections.html?topParentId=' + item.Id;
+                        return 'itemlist.html?topParentId=' + item.Id + '&parentId=' + item.Id;
                     }
 
                     if (item.CollectionType == 'tvshows') {

dashboard-ui/scripts/site.js

@@ -2423,12 +2423,6 @@ var AppInfo = {};
             roles: 'admin'
         });
 
-        defineRoute({
-            path: '/collections.html',
-            dependencies: [],
-            autoFocus: false
-        });
-
         defineRoute({
             path: '/connectlogin.html',
             dependencies: ['emby-button', 'emby-input'],