read/write remote trailers to xml

dashboard-ui/css/librarybrowser.css

@@ -13,7 +13,7 @@
     }
 }
 
-@media all and (min-width: 665px) {
+@media all and (min-width: 690px) {
     .pageViewCount5 {
         padding-top: 35px !important;
     }
@@ -35,6 +35,7 @@
     top: 0;
     border-bottom: 1px solid #111;
 }
+
 .viewMenuLink {
     font-size: 90%;
 }
@@ -105,7 +106,7 @@
     padding: 10px;
 }
 
-.libraryPage:not(.metadataEditorPage), .libraryPage:not(.metadataEditorPage) .itemListContent {
+.libraryPage, .libraryPage .itemListContent {
     background: #494949 url(images/bgflip.png) repeat-x!important;
     background-attachment: fixed!important;
 }
@@ -427,9 +428,9 @@ a.itemTag:hover {
     font-size: 22px;
 }
 
-    .itemName + .itemMiscInfo {
+.itemName + .itemMiscInfo {
-        margin-left: 1em;
+    margin-left: 1em;
-    }
+}
 
 .itemOverview {
     max-height: 80px;
@@ -437,22 +438,22 @@ a.itemTag:hover {
     text-overflow: ellipsis;
 }
 
-.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar {
+.libraryPage ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
 }
 
-.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-button:start:decrement,
+.libraryPage ::-webkit-scrollbar-button:start:decrement,
-.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-button:end:increment {
+.libraryPage ::-webkit-scrollbar-button:end:increment {
     display: none;
 }
 
-.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-track-piece {
+.libraryPage ::-webkit-scrollbar-track-piece {
     background-color: #3b3b3b;
     -webkit-border-radius: 6px;
 }
 
-.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-thumb:vertical {
+.libraryPage ::-webkit-scrollbar-thumb:vertical {
     -webkit-border-radius: 6px;
     background: #666 no-repeat center;
 }

dashboard-ui/css/metadataeditor.css

@@ -100,7 +100,7 @@
         overflow-y: scroll;
         overflow-x: auto!important;
         display: block;
-        border-right: 1px solid #ccc;
+        border-right: 1px solid #555;
     }
 
     .editPageInnerContent {
@@ -118,14 +118,13 @@
     display: inline-block;
     margin: 5px;
     padding: 10px;
-    border: 1px solid #ccc;
+    border: 1px solid #505050;
-    background: #eee;
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));
-    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
+    background-image: -webkit-linear-gradient(#444,#2d2d2d);
-    background-image: -webkit-linear-gradient(#fff,#f1f1f1);
+    background-image: -moz-linear-gradient(#444,#2d2d2d);
-    background-image: -moz-linear-gradient(#fff,#f1f1f1);
+    background-image: -ms-linear-gradient(#444,#2d2d2d);
-    background-image: -ms-linear-gradient(#fff,#f1f1f1);
+    background-image: -o-linear-gradient(#444,#2d2d2d);
-    background-image: -o-linear-gradient(#fff,#f1f1f1);
+    background-image: linear-gradient(#444,#2d2d2d);
-    background-image: linear-gradient(#fff,#f1f1f1);
 }
 
 .imageEditorTile {
@@ -137,11 +136,7 @@
     margin: .5em 0;
 }
 
-.editorTile .tileContent{
+.editorTile .ui-field-contain {
-    color: #000;
-}
-
-.editorTile .ui-field-contain{
     margin: 0 0 .5em;
 }
 
@@ -212,6 +207,17 @@
     }
 }
 
+@media all and (min-width: 1800px) {
+
+    .editPageSidebar {
+        width: 22.5%;
+    }
+
+    .editPageInnerContent {
+        width: 75%;
+    }
+}
+
 @media all and (min-height: 800px) {
 
     .availableImagesList {

dashboard-ui/css/site.css

@@ -78,7 +78,7 @@ h1 a {
     text-decoration: none;
 }
 
-.libraryPage:not(.metadataEditorPage) h1 a {
+.libraryPage h1 a {
     color: #fff!important;
 }
 

dashboard-ui/css/tileitem.css

@@ -5,6 +5,14 @@
     font-weight: normal!important;
     display: block;
     position: relative;
+
+    /*border: 1px solid #505050;
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));
+    background-image: -webkit-linear-gradient(#444,#2d2d2d);
+    background-image: -moz-linear-gradient(#444,#2d2d2d);
+    background-image: -ms-linear-gradient(#444,#2d2d2d);
+    background-image: -o-linear-gradient(#444,#2d2d2d);
+    background-image: linear-gradient(#444,#2d2d2d);*/
 }
 
     .tileItem .starRating {

dashboard-ui/edititemimages.html

@@ -4,7 +4,7 @@
     <title>Media Browser</title>
 </head>
 <body>
-    <div id="editItemImagesPage" data-role="page" class="page libraryPage metadataEditorPage">
+    <div id="editItemImagesPage" data-role="page" data-theme="a" class="page libraryPage metadataEditorPage">
         <div data-role="content editPageContent">
             <div class="editPageSidebar">
                 <div class="libraryTree">

dashboard-ui/edititemmetadata.html

@@ -4,7 +4,7 @@
     <title>Media Browser</title>
 </head>
 <body>
-    <div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage">
+    <div id="editItemMetadataPage" data-role="page" data-theme="a" class="page libraryPage metadataEditorPage">
         <div data-role="content editPageContent">
             <div class="editPageSidebar">
                 <div class="libraryTree">
@@ -103,7 +103,7 @@
                                 <input type="number" id="txtCommunityRating" name="txtCommunityRating" step=".1" data-mini="true" />
                             </div>
                             <div id="fldCommunityVoteCount" style="display: none;" data-role="fieldcontain">
-                                <label for="txtCommunityVoteCount">Community vote count:</label>
+                                <label for="txtCommunityVoteCount">Vote count:</label>
                                 <input type="number" id="txtCommunityVoteCount" name="txtCommunityVoteCount" data-mini="true" />
                             </div>
                             <div data-role="fieldcontain" id="fldCriticRating" style="display: none;">

dashboard-ui/edititempeople.html

@@ -4,7 +4,7 @@
     <title>Media Browser</title>
 </head>
 <body>
-    <div id="editItemPeoplePage" data-role="page" class="page libraryPage metadataEditorPage">
+    <div id="editItemPeoplePage" data-role="page" data-theme="a" class="page libraryPage metadataEditorPage">
         <div data-role="content editPageContent">
             <div class="editPageSidebar">
                 <div class="libraryTree">

dashboard-ui/scripts/edititemimages.js

@@ -321,7 +321,7 @@
             html += '<div style="height:108px;vertical-align:top;background-repeat:no-repeat;background-size:contain;background-image:url(\'' + LibraryBrowser.getImageUrl(currentItem, image.ImageType, image.ImageIndex, { maxheight: 216 }) + '\');"></div>';
 
             html += '<div>';
-            
+
             if (image.ImageType !== "Backdrop" && image.ImageType !== "Screenshot") {
                 html += '<p>' + image.ImageType + '</p>';
             }
@@ -345,12 +345,12 @@
                 }
             }
 
+            html += '<button type="button" data-icon="delete" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.deleteImage(\'' + image.ImageType + '\', ' + (image.ImageIndex != null ? image.ImageIndex : "null") + ');">Delete</button>';
+
             if (imageProviders.length) {
                 html += '<button type="button" data-icon="cloud" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.showDownloadMenu(\'' + image.ImageType + '\');">Browse Online Images</button>';
             }
 
-            html += '<button type="button" data-icon="delete" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.deleteImage(\'' + image.ImageType + '\', ' + (image.ImageIndex != null ? image.ImageIndex : "null") + ');">Delete</button>';
-
             html += '</p>';
 
             html += '</div>';

dashboard-ui/scripts/edititemmetadata.js

@@ -245,7 +245,7 @@
 
             themes: {
                 theme: 'mb3',
-                url: 'thirdparty/jstree1.0fix3/themes/mb3/style.css?v=' + Dashboard.initialServerVersion
+                url: 'thirdparty/jstree1.0/themes/mb3/style.css?v=' + Dashboard.initialServerVersion
             }
 
         }).off('select_node.jstree').on('select_node.jstree', function (event, data) {

dashboard-ui/scripts/medialibrarypage.js

@@ -56,7 +56,7 @@
     },
 
     shouldRefreshLibraryAfterChanges: function () {
-        
+
         return $($.mobile.activePage).is('#mediaLibraryPage');
     },
 
@@ -84,6 +84,12 @@
         Dashboard.hideLoadingMsg();
     },
 
+    changeCollectionType: function () {
+
+        Dashboard.alert("To change the collection type, please remove and rebuild the collection with the new type.");
+
+    },
+
     getVirtualFolderHtml: function (virtualFolder, isCollapsed, index) {
 
         isCollapsed = isCollapsed ? "true" : "false";
@@ -118,8 +124,9 @@
         html += '</ul>';
 
         html += '<p>';
-        html += '<button type="button" data-inline="true" data-icon="minus" data-folderindex="' + index + '" onclick="MediaLibraryPage.deleteVirtualFolder(this);" data-mini="true">Remove collection</button>';
+        html += '<button type="button" data-inline="true" data-icon="minus" data-folderindex="' + index + '" onclick="MediaLibraryPage.deleteVirtualFolder(this);" data-mini="true">Remove</button>';
-        html += '<button type="button" data-inline="true" data-icon="pencil" data-folderindex="' + index + '" onclick="MediaLibraryPage.renameVirtualFolder(this);" data-mini="true">Rename collection</button>';
+        html += '<button type="button" data-inline="true" data-icon="pencil" data-folderindex="' + index + '" onclick="MediaLibraryPage.renameVirtualFolder(this);" data-mini="true">Rename</button>';
+        html += '<button type="button" data-inline="true" data-icon="pencil" data-folderindex="' + index + '" onclick="MediaLibraryPage.changeCollectionType(this);" data-mini="true">Change type</button>';
         html += '</p>';
 
         html += '</div>';
@@ -226,7 +233,7 @@
                 if (showCollectionType) {
 
                     var collectionType = $('#selectCollectionType', popup).val();
-                    
+
                     // The server expects an empty value for mixed
                     if (collectionType == 'mixed') {
                         collectionType = '';
@@ -245,7 +252,7 @@
 
     getCollectionTypeOptionsHtml: function () {
 
-        return MediaLibraryPage.getCollectionTypeOptions().filter(function(i) {
+        return MediaLibraryPage.getCollectionTypeOptions().filter(function (i) {
 
             return i.isSelectable !== false;
 

dashboard-ui/thirdparty/jstree1.0/themes/mb3/style.css

@@ -12,7 +12,7 @@
 .jstree-mb3 .jstree-closed > ins { background-position:-54px 0; }
 .jstree-mb3 .jstree-leaf > ins { background-position:-36px 0; }
 
-.jstree-mb3 .jstree-hovered { background:#ddd; border:1px solid transparent; padding:0 2px 0 1px; }
+.jstree-mb3 .jstree-hovered { background:#666; border:1px solid transparent; padding:0 2px 0 1px; }
 .jstree-mb3 .jstree-clicked { background:#3388CC;border:1px solid transparent; padding:0 2px 0 1px; }
 
 .jstree-mb3 a .jstree-icon { background-position:-56px -19px; }
@@ -58,7 +58,7 @@
 #vakata-contextmenu.jstree-mb3-context li ul { margin-left:-4px; }
 
 .jstree a {
-    color: #000!important;
+    color: #fff!important;
 }
 .jstree-mb3 .jstree-clicked {
     color: #fff!important;
@@ -71,7 +71,7 @@
 .jstree li {
     margin-left: 10px;
     min-width: 10px;
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #505050;
 }
 
 .jstree li:last-child {

packages.config

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
-  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.203" targetFramework="net45" />
+  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.204" targetFramework="net45" />
   <package id="ServiceStack.Common" version="3.9.70" targetFramework="net45" />
   <package id="ServiceStack.Text" version="3.9.70" targetFramework="net45" />
 </packages>