remove mono compiler directives

dashboard-ui/css/card.css

@@ -125,11 +125,11 @@
     right: 0;
 }
 
-    .cardContent:hover {
+    /*.cardContent:hover {
         -moz-box-shadow: 0 0 0 5px #38c;
         -webkit-box-shadow: 0 0 0 5px #38c;
         box-shadow: 0 0 0 5px #38c;
-    }
+    }*/
 
 .alternateHover:hover .cardContent {
     -moz-box-shadow: none;
@@ -137,7 +137,7 @@
     box-shadow: none;
 }
 
-.alternateHover:hover .cardImage {
+.cardContent:hover .cardImage {
     opacity: .5;
 }
 
@@ -185,7 +185,6 @@
     white-space: nowrap;
     padding: 5px 4px 2px;
     text-shadow: none;
-    font-size: 13px;
     font-weight: 400;
 }
 
@@ -399,10 +398,6 @@
         width: 16.666666666666666666666666666667%;
     }
 
-    .bannerCard {
-        width: 25%;
-    }
-
     .portraitCard {
         width: 10%;
     }
@@ -430,10 +425,10 @@
     .squareCard {
         width: 9.0909090909090909090909090909091%;
     }
-}
 
-
+    .bannerCard {
-@media all and (min-width: 1920px) {
+        width: 25%;
+    }
 
     .portraitCard {
         width: 9.0909090909090909090909090909091%;
@@ -700,3 +695,32 @@
         width: 16.666666666666666666666666666667%;
     }
 }
+
+/*.touch .mobileItemsContainer {
+    white-space: nowrap;
+    overflow-y: hidden;
+    overflow-x: scroll;
+    -ms-overflow-style: none;
+    overflow: -moz-scrollbars-none;
+}
+
+.touch .mobileItemsContainer::-webkit-scrollbar {
+    height: 0 !important;
+    display: none;
+}
+
+.touch .mobileItemsContainer .card {
+    width: 80%;
+}
+
+.touch .mobileItemsContainer .homePageBackdropCard, .touch .mobileItemsContainer .homePageSmallBackdropCard {
+    max-width: 320px;
+}
+
+.touch .mobileItemsContainer .homePagePortraitCard {
+    max-width: 150px;
+}
+
+.touch .mobileItemsContainer .homePageSquareCard {
+    max-width: 200px;
+}*/

dashboard-ui/css/librarybrowser.css

@@ -323,7 +323,6 @@
     background-color: #181818;
     border-radius: 4px;
     padding: 5px 7px;
-    font-size: 13px;
     margin: 0 5px 5px 0;
     color: #fff !important;
     text-decoration: none;
@@ -345,7 +344,6 @@ a.itemTag:hover {
 
 .reviewerName {
     color: #ccc;
-    font-size: 13px;
     margin-top: .5em;
 }
 

dashboard-ui/css/librarymenu.css

@@ -166,6 +166,18 @@
     z-index: 1000;
     background-image: linear-gradient(#1a1a1a,#1a1a1a);
     border-bottom: 1px solid #111;
+    text-align: center;
+    font-size: 14px;
+    white-space: nowrap;
+    padding: 0 0 0;
+    overflow-x: scroll;
+    -ms-overflow-style: none;
+    overflow: -moz-scrollbars-none;
+}
+
+.libraryViewNav::-webkit-scrollbar {
+    height: 0 !important;
+    display: none;
 }
 
 .viewMenuLink {
@@ -290,15 +302,6 @@
     background-color: #222;
 }
 
-.libraryViewNavInner {
-    text-align: center;
-    font-size: 14px;
-    white-space: nowrap;
-    padding: 0 0 0;
-    overflow-x: auto;
-    height: 61px;
-}
-
 .libraryViewNav .ui-btn-active {
     border-bottom-color: #38c;
     color: #fff !important;

dashboard-ui/css/livetv.css

@@ -246,7 +246,6 @@
 
 .guideProgramName {
     padding: .35em .5em;
-    font-size: 14px;
 }
 
 .guideProgramTime {

dashboard-ui/css/search.css

@@ -42,13 +42,11 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    font-size: 13px;
     color: #fff;
     font-weight: normal !important;
 }
 
 .searchHintSecondaryText {
-    font-size: 13px;
     color: #fff;
     margin-top: 3px;
     white-space: nowrap;

dashboard-ui/css/site.css

@@ -1,32 +1,4 @@
 @font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 300;
-    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 700;
-    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 800;
-    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/OpenSans-ExtraBold.woff) format('woff');
-}
-
-@font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 100;
@@ -92,7 +64,6 @@ body {
 
 h1, h1 a {
     font-weight: 300 !important;
-    font-size: 30px;
 }
 
 .libraryPage h1, .libraryPage h1 a {
@@ -111,7 +82,6 @@ h1, h1 a {
 
 h2 {
     font-weight: 400;
-    font-size: 1.68em;
 }
 
 /*a, a.ui-link {

dashboard-ui/css/tileitem.css

@@ -78,10 +78,6 @@
     width: 60%;
 }
 
-.smallPosterTileItem .tileName {
-    font-weight: normal;
-}
-
 .smallBackdropTileItem .tileImage {
     height: 125px;
     width: 45%;
@@ -91,10 +87,6 @@
     width: 50%;
 }
 
-.smallBackdropTileItem .tileName {
-    font-weight: normal;
-}
-
 .squareTileItem .tileImage {
     height: 100px;
     width: 35%;
@@ -104,18 +96,6 @@
     width: 60%;
 }
 
-.tileName {
-    font-size: 14px;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-    .tileName + .tileName {
-        margin-top: .75em;
-        font-weight: normal;
-    }
-
 @media all and (min-width: 540px) {
 
     .tileItem {
@@ -424,7 +404,6 @@
     white-space: nowrap;
     padding: 5px 4px 4px;
     text-shadow: none;
-    font-size: 13px;
     font-weight: 400;
 }
 

dashboard-ui/edititemmetadata.html

@@ -34,8 +34,7 @@
                             <button class="btnSave" type="submit" data-theme="a" data-icon="check" data-mini="true" data-inline="true">
                                 ${ButtonSave}
                             </button>
-                            <button class="btnRefresh btnRefreshBasic" type="button" data-icon="refresh" data-mini="true" data-inline="true">${ButtonRefresh}</button>
+                            <button class="btnRefresh btnRefreshAdvanced" type="button" data-icon="refresh" data-mini="true" data-inline="true">${ButtonRefresh}</button>
-                            <button class="btnRefresh btnRefreshAdvanced" type="button" data-icon="refresh" data-mini="true" data-inline="true">${ButtonAdvancedRefresh}</button>
                             <button id="btnIdentify" type="button" data-icon="info" data-mini="true" data-inline="true">${ButtonIdentify}</button>
                             <div style="vertical-align: bottom; display: inline-block;">
                                 <div id="fldDelete" style="display: none;">
@@ -366,38 +365,6 @@
                 </form>
             </div>
         </div>
-        <div data-role="popup" id="popupConfirmDelete" class="popup" data-theme="a">
-
-            <div class="ui-bar-a" style="text-align: center; padding: 0 20px;">
-                <h3>${HeaderConfirmDeletion}</h3>
-            </div>
-
-            <div data-role="content">
-                <form class="popupConfirmDeleteForm">
-                    <p style="color:red;">${LabelFollowingFileWillBeDeleted}</p>
-                    <p class="deletePath"></p>
-
-                    <p>${LabelIfYouWishToContinueWithDeletion}</p>
-					
-					<p id="challengeValueText" style="font-weight: bold;"></p>
-
-                    <p>
-                        <input type="number" id="txtDeleteTest" data-mini="true" pattern="[0-9]*" required="required" />
-                        <input id="fldChallengeValue" type="hidden" />
-                    </p>
-
-                    <p>
-                        <button type="submit" data-theme="b" data-icon="check">
-                            ${ButtonOk}
-                        </button>
-                        <button type="button" data-icon="delete" onclick="$(this).parents('.popup').popup('close');">
-                            ${ButtonCancel}
-                        </button>
-                    </p>
-                </form>
-            </div>
-
-        </div>
         <div data-role="popup" class="popupIdentify popup" data-theme="a">
             <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-icon-delete ui-btn-icon-notext ui-btn-right">${ButtonClose}</a>
 

dashboard-ui/itemdetails.html

@@ -206,18 +206,6 @@
                     </div>
                 </div>
 
-                <div class="detailSection detailCollapsibleSection audioVideoMediaInfo">
-                    <div data-role="collapsible" class="detailPageCollabsible" data-content-theme="false">
-                        <h2>${HeaderMediaInfo}</h2>
-                        <div>
-                            <div class="splitVersionContainer" style="border-bottom: 1px solid #444;">
-                                <button type="button" class="btnSplitVersions" data-mini="true" data-inline="true" data-icon="delete" title="${ButtonSplitVersionsApart}">${ButtonSplitVersionsApart}</button>
-                            </div>
-                            <div id="mediaInfoContent"></div>
-                        </div>
-                    </div>
-                </div>
-
                 <div class="detailSection photoInfo hide">
                     <div class="detailSectionHeader">
                         ${HeaderPhotoInfo}
@@ -281,6 +269,16 @@
                     </div>
                     <div id="themeVideosContent" class="detailSectionContent smallItemsContainer"></div>
                 </div>
+
+                <div class="detailSection audioVideoMediaInfo hide">
+                    <h2 class="detailSectionHeader">${HeaderMediaInfo}</h2>
+                    <div class="detailSectionContent" style="padding: 0 .7em;">
+                        <div class="splitVersionContainer" style="border-bottom: 1px solid #444;">
+                            <button type="button" class="btnSplitVersions" data-mini="true" data-inline="true" data-icon="delete" title="${ButtonSplitVersionsApart}">${ButtonSplitVersionsApart}</button>
+                        </div>
+                        <div id="mediaInfoContent"></div>
+                    </div>
+                </div>
             </div>
         </div>
 

dashboard-ui/livetvsuggested.html

@@ -17,12 +17,12 @@
             <div class="ehsContent">
                 <div id="activePrograms">
                     <h1 class="listHeader">${HeaderWhatsOnTV}</h1>
-                    <div class="activeProgramItems"></div>
+                    <div class="activeProgramItems mobileItemsContainer"></div>
                     <br />
                 </div>
                 <div id="upcomingPrograms">
                     <h1 class="listHeader">${HeaderUpcomingTV}</h1>
-                    <div class="upcomingProgramItems"></div>
+                    <div class="upcomingProgramItems mobileItemsContainer"></div>
                     <br />
                 </div>
             </div>

dashboard-ui/moviesrecommended.html

@@ -21,7 +21,7 @@
                 <div id="resumableSection" style="display: none;">
                     <h1 class="listHeader">${HeaderResume}</h1>
 
-                    <div id="resumableItems">
+                    <div id="resumableItems" class="mobileItemsContainer">
                     </div>
                 </div>
 

dashboard-ui/musicrecommended.html

@@ -18,20 +18,20 @@
             <div class="ehsContent squareEhsContent">
                 <h1 class="listHeader">${HeaderLatestMusic}</h1>
 
-                <div id="recentlyAddedSongs">
+                <div id="recentlyAddedSongs" class="mobileItemsContainer">
                 </div>
 
                 <div id="recentlyPlayed" style="display: none;">
                     <h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
 
-                    <div id="recentlyPlayedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
+                    <div id="recentlyPlayedSongs" class="itemsContainer fullWidthItemsContainer mobileItemsContainer" style="text-align:left;">
                     </div>
                 </div>
 
                 <div id="topPlayed" style="display: none;">
                     <h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
 
-                    <div id="topPlayedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
+                    <div id="topPlayedSongs" class="itemsContainer fullWidthItemsContainer mobileItemsContainer" style="text-align:left;">
                     </div>
                 </div>
             </div>

dashboard-ui/scripts/dlnaprofiles.js

@@ -34,7 +34,7 @@
             var profile = profiles[i];
 
             html += '<li>';
-            html += '<a href="dlnaprofile.html?id=' + profile.Id + '" style="font-size:14px;">';
+            html += '<a href="dlnaprofile.html?id=' + profile.Id + '">';
             html += profile.Name;
             html += '</a>';
 
@@ -69,7 +69,7 @@
             var profile = profiles[i];
 
             html += '<li>';
-            html += '<a href="dlnaprofile.html?id=' + profile.Id + '" style="font-size:14px;">';
+            html += '<a href="dlnaprofile.html?id=' + profile.Id + '">';
             html += profile.Name;
             html += '</a>';
             html += '</li>';

dashboard-ui/scripts/edititemmetadata.js

@@ -96,18 +96,9 @@
 
             Dashboard.getCurrentUser().done(function (user) {
 
-                if (item.Type == 'BoxSet' || item.Type == 'Playlist') {
+                var moreCommands = LibraryBrowser.getMoreCommands(item, user);
-                    $('#fldDelete', page).show();
+
-                }
+                if (moreCommands.indexOf('delete') != -1) {
-                else if (user.Configuration.EnableContentDeletion &&
-                    item.Type != "TvChannel" &&
-                    item.Type != "Genre" &&
-                    item.Type != "Studio" &&
-                    item.Type != "MusicGenre" &&
-                    item.Type != "GameGenre" &&
-                    item.Type != "Person" &&
-                    item.Type != "MusicArtist" &&
-                    item.Type != "CollectionFolder") {
                     $('#fldDelete', page).show();
                 } else {
                     $('#fldDelete', page).hide();
@@ -793,23 +784,12 @@
         }).get();
     }
 
-    function performDelete(page) {
+    function onDeleted(id) {
         
-        $('#btnDelete', page).buttonEnabled(false);
+        var elem = $('#' + id)[0];
-        $('.btnRefresh', page).buttonEnabled(false);
-        $('.btnSave', page).buttonEnabled(false);
-
-        $('#refreshLoading', page).show();
-
-        var parentId = currentItem.ParentId;
-
-        ApiClient.deleteItem(currentItem.Id).done(function () {
-
-            var elem = $('#' + parentId)[0];
 
         $('.libraryTree').jstree("select_node", elem, true)
-                .jstree("delete_node", '#' + currentItem.Id);
+            .jstree("delete_node", '#' + id);
-        });
     }
 
     function editItemMetadataPage() {
@@ -1223,18 +1203,6 @@
 
         var page = this;
 
-        $('.btnRefreshBasic', this).on('click', function () {
-
-            refreshWithOptions(page, {
-
-                Recursive: true,
-                ImageRefreshMode: 'FullRefresh',
-                MetadataRefreshMode: 'FullRefresh',
-                ReplaceAllImages: false,
-                ReplaceAllMetadata: true
-            });
-        });
-
         $('.btnRefreshAdvanced', this).on('click', function () {
 
             performAdvancedRefresh(page);
@@ -1250,42 +1218,10 @@
             $('.popupIdentifyForm', page).show();
             $('.identificationSearchResults', page).hide();
             $('.btnSearchAgain', page).hide();
-
         });
 
-        function getRandomInt(min, max) {
-            return Math.floor(Math.random() * (max - min + 1) + min);
-        }
-
         $('#btnDelete', this).on('click', function () {
-
+            LibraryBrowser.deleteItem(currentItem.Id);
-            if (currentItem.LocationType != "Remote" && currentItem.LocationType != "Virtual") {
-                $('.deletePath', page).html((currentItem.Path || ''));
-
-                var val1 = getRandomInt(6, 12);
-                var val2 = getRandomInt(8, 16);
-
-                $('#challengeValueText', page).html(val1 + ' * ' + val2 + ':');
-
-                var val = val1 * val2;
-
-                $('#fldChallengeValue', page).val(val);
-
-                $('#popupConfirmDelete', page).popup('open');
-
-            } else {
-
-                var msg = "<p>" + Globalize.translate('ConfirmDeleteItem') + "</p>";
-
-                Dashboard.confirm(msg, Globalize.translate('HeaderDeleteItem'), function (result) {
-
-                    if (result) {
-
-                        performDelete(page);
-                    }
-
-                });
-            }
         });
 
         $('.libraryTree', page).on('itemclicked', function (event, data) {
@@ -1315,6 +1251,21 @@
 
         reload(page);
 
+        $(LibraryBrowser).on('itemdeleting.editor', function (e, itemId) {
+
+            if (currentItem && currentItem.Id == itemId) {
+                Dashboard.navigate('edititemmetadata.html');
+            }
+        });
+
+    }).on('pagehide', "#editItemMetadataPage", function () {
+
+        $(LibraryBrowser).off('itemdeleting.editor');
+
+        var page = this;
+
+        reload(page);
+
     });
 
 })(jQuery, document, window);

dashboard-ui/scripts/edititemsubtitles.js

@@ -217,7 +217,7 @@
 
             html += '<li><a class="btnViewSubtitle" href="#" data-subid="' + result.Id + '">';
 
-            html += '<h3 style="font-size:14px;">' + (result.Name) + '</h3>';
+            html += '<h3>' + (result.Name) + '</h3>';
             html += '<p>' + (result.Format) + '</p>';
 
             if (result.Comment) {

dashboard-ui/scripts/itemdetailpage.js

@@ -1587,8 +1587,17 @@
 
         $(ApiClient).on('websocketmessage', onWebSocketMessage);
 
+        $(LibraryBrowser).on('itemdeleting.detailpage', function (e, itemId) {
+
+            if (currentItem && currentItem.Id == itemId) {
+                Dashboard.navigate('index.html');
+            }
+        });
+
     }).on('pagehide', "#itemDetailPage", function () {
 
+        $(LibraryBrowser).off('itemdeleting.detailpage');
+
         currentItem = null;
 
         var page = this;

dashboard-ui/scripts/librarybrowser.js

@@ -322,15 +322,66 @@
                 commands.push('playlist');
             }
 
+            if (item.Type == 'BoxSet' || item.Type == 'Playlist') {
+                commands.push('delete');
+            }
+            else if (user.Configuration.EnableContentDeletion &&
+                item.Type != "TvChannel" &&
+                item.Type != "Genre" &&
+                item.Type != "Studio" &&
+                item.Type != "MusicGenre" &&
+                item.Type != "GameGenre" &&
+                item.Type != "Person" &&
+                item.Type != "MusicArtist" &&
+                item.Type != "CollectionFolder") {
+                commands.push('delete');
+            }
+
             if (user.Configuration.IsAdministrator) {
                 if (item.Type != "Recording" && item.Type != "Program") {
                     commands.push('edit');
                 }
             }
 
+            commands.push('refresh');
+
             return commands;
         },
 
+        refreshItem: function (itemId) {
+
+            ApiClient.refreshItem(itemId, {
+
+                Recursive: true,
+                ImageRefreshMode: 'FullRefresh',
+                MetadataRefreshMode: 'FullRefresh',
+                ReplaceAllImages: false,
+                ReplaceAllMetadata: true
+
+            });
+
+
+            Dashboard.alert(Globalize.translate('MessageRefreshQueued'));
+        },
+
+        deleteItem: function (itemId) {
+
+            // The timeout allows the flyout to close
+            setTimeout(function () {
+
+                var msg = "<p>" + Globalize.translate('ConfirmDeleteItem') + "</p>";
+
+                Dashboard.confirm(msg, Globalize.translate('HeaderDeleteItem'), function (result) {
+
+                    if (result) {
+                        ApiClient.deleteItem(itemId);
+
+                        $(LibraryBrowser).trigger('itemdeleting', [itemId]);
+                    }
+                });
+            }, 250);
+        },
+
         showMoreCommands: function (positionTo, itemId, commands) {
 
             $('.playFlyout').popup("close").remove();
@@ -348,17 +399,39 @@
                 html += '<li><a href="edititemmetadata.html?id=' + itemId + '">' + Globalize.translate('ButtonEdit') + '</a></li>';
             }
 
+            if (commands.indexOf('refresh') != -1) {
+                html += '<li><a class="btnMoreMenuRefresh" href="#" onclick="$(\'.playFlyout\').popup(\'close\');LibraryBrowser.refreshItem([\'' + itemId + '\']);">' + Globalize.translate('ButtonRefresh') + '</a></li>';
+            }
+
+            if (commands.indexOf('delete') != -1) {
+                html += '<li><a class="btnMoreMenuDelete" href="#" onclick="$(\'.playFlyout\').popup(\'close\');LibraryBrowser.deleteItem([\'' + itemId + '\']);">' + Globalize.translate('ButtonDelete') + '</a></li>';
+            }
+
             html += '</ul>';
 
             html += '</div>';
 
             $($.mobile.activePage).append(html);
 
-            $('.playFlyout').popup({ positionTo: positionTo || "window" }).trigger('create').popup("open").on("popupafterclose", function () {
+            var elem = $('.playFlyout').popup({ positionTo: positionTo || "window" }).trigger('create').popup("open").on("popupafterclose", function () {
 
                 $(this).off("popupafterclose").remove();
 
-            }).parents(".ui-popup-container");
+            });
+
+            $('.btnMoreMenuRefresh', elem).on('click', function () {
+
+                ApiClient.refreshItem(itemId, {
+
+                    Recursive: true,
+                    ImageRefreshMode: 'FullRefresh',
+                    MetadataRefreshMode: 'FullRefresh',
+                    ReplaceAllImages: false,
+                    ReplaceAllMetadata: true
+                }).done(function () {
+
+                });
+            });
         },
 
         getHref: function (item, context, topParentId) {
@@ -968,7 +1041,7 @@
 
                     imgUrl = ApiClient.getScaledImageUrl(item.Id, {
                         type: "Banner",
-                        maxWidth: 500,
+                        maxWidth: 700,
                         tag: item.ImageTags.Banner
                     });
 

dashboard-ui/scripts/moviesrecommended.js

@@ -26,7 +26,7 @@
 
         html += '<h1 class="listHeader">' + title + '</h1>';
 
-        html += '<div>';
+        html += '<div class="mobileItemsContainer">';
         html += LibraryBrowser.getPosterViewHtml({
             items: recommendation.Items,
             lazy: true,

dashboard-ui/scripts/site.js

@@ -1270,6 +1270,16 @@ $(function () {
         e.preventDefault();
         return false;
     });
+
+    function isTouchDevice() {
+        return (('ontouchstart' in window)
+             || (navigator.MaxTouchPoints > 0)
+             || (navigator.msMaxTouchPoints > 0));
+    }
+
+    if (isTouchDevice()) {
+        $(document.body).addClass('touch');
+    }
 });
 
 Dashboard.jQueryMobileInit();

dashboard-ui/scripts/useredit.js

@@ -21,7 +21,7 @@
         }
 
         if (user.Id && loggedInUser.Configuration.IsAdministrator) {
-            $('#fldConnectInfo', page).hide();
+            $('#fldConnectInfo', page).show();
         } else {
             $('#fldConnectInfo', page).hide();
         }

dashboard-ui/tvrecommended.html

@@ -31,14 +31,14 @@
                     <div id="resumableSection" style="display: none;">
                         <h1 class="listHeader firstListHeader">${HeaderResume}</h1>
 
-                        <div id="resumableItems">
+                        <div id="resumableItems" class="mobileItemsContainer">
                         </div>
                     </div>
 
                     <h1 class="listHeader nextUpHeader firstListHeader">${HeaderNextUp}</h1>
                 </div>
 
-                <div id="nextUpItems">
+                <div id="nextUpItems" class="mobileItemsContainer">
                 </div>
                 <p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
             </div>