mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

rename web client tab

Browse source
This commit is contained in:
Luke Pulverenti 2015-05-07 10:04:10 -04:00
parent 6a2085d68b
commit f515eab01b
47 changed files with 287 additions and 174 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/channelitems.html
View file

@ -7,7 +7,7 @@
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}"> <div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a> <a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
<a href="channels.html" class="ui-btn-active">${TabChannels}</a> <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div> </div>

2
dashboard-ui/channels.html
View file

@ -7,7 +7,7 @@
<div id="channelsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}"> <div id="channelsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a> <a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
<a href="#" class="ui-btn-active">${TabChannels}</a> <a href="#" class="ui-btn-active">${TabChannels}</a>
</div> </div>

2
dashboard-ui/channelslatest.html
View file

@ -7,7 +7,7 @@
<div id="channelsLatestPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}"> <div id="channelsLatestPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabLatest}</a> <a href="#" class="ui-btn-active latestChannelItemsTab">${TabLatest}</a>
<a href="channels.html">${TabChannels}</a> <a href="channels.html">${TabChannels}</a>
</div> </div>

4
dashboard-ui/collections.html
View file

@ -12,8 +12,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="#" class="ui-btn-active">${TabCollections}</a> <a href="#" class="ui-btn-active">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div class="libraryViewNav scopedLibraryViewNav collectionTabs"> <div class="libraryViewNav scopedLibraryViewNav collectionTabs">

3
dashboard-ui/css/card.css
View file

@ -48,7 +48,7 @@
} }
.largeCardMargin .cardBox { .largeCardMargin .cardBox {
margin: 7px; margin: 8px;
} }
/*@media all and (max-width: 600px) { /*@media all and (max-width: 600px) {
@ -184,7 +184,6 @@
text-wrap: none; text-wrap: none;
white-space: nowrap; white-space: nowrap;
padding: 5px 4px 2px; padding: 5px 4px 2px;
text-shadow: none;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
} }

1
dashboard-ui/css/detailtable.css
View file

@ -9,7 +9,6 @@
text-align: left; text-align: left;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
text-shadow: none!important;
} }
.stretchedDetailTable { .stretchedDetailTable {

28
dashboard-ui/css/librarybrowser.css
View file

@ -1477,3 +1477,31 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
padding-left: 1em; padding-left: 1em;
} }
} }
.latestChannelItemsDisabled .latestChannelItemsTab {
display: none !important;
}
.studioTabDisabled .tvStudiosTab, .studioTabDisabled .movieStudiosTab {
display: none !important;
}
.peopleTabDisabled .tvPeopleTab, .peopleTabDisabled .moviePeopleTab {
display: none !important;
}
.tvEpisodesTabDisabled .tvEpisodesTab {
display: none !important;
}
.musicSongsTabDisabled .musicSongsTab {
display: none !important;
}
.musicArtistsTabDisabled .musicArtistsTab {
display: none !important;
}
.homeLatestTabDisabled .homeLatestTab {
display: none !important;
}

26
dashboard-ui/css/site.css
View file

@ -385,7 +385,6 @@ h1 .imageLink {
padding: .6em 20px .6em 0; padding: .6em 20px .6em 0;
text-decoration: none; text-decoration: none;
color: inherit !important; color: inherit !important;
text-shadow: none !important;
font-weight: 500 !important; font-weight: 500 !important;
font-size: 14px; font-size: 14px;
vertical-align: middle; vertical-align: middle;
@ -625,7 +624,6 @@ h1 .imageLink {
} }
.footerNotification { .footerNotification {
text-shadow: none;
padding: .75em 1em; padding: .75em 1em;
margin: 0; margin: 0;
font-weight: normal; font-weight: normal;
@ -1131,3 +1129,27 @@ h1 + .accentButton {
/* One less than jqm loading spinner, so we can combine them */ /* One less than jqm loading spinner, so we can combine them */
z-index: 9999998; z-index: 9999998;
} }
.nativeApp * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-moz-touch-callout: none;
-ms-touch-callout: none;
touch-callout: none;
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}
.nativeApp input {
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

2
dashboard-ui/css/tileitem.css
View file

@ -383,7 +383,6 @@
.posterItem { .posterItem {
margin: 5px 5px; margin: 5px 5px;
text-shadow: none;
font-weight: normal !important; font-weight: normal !important;
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -403,6 +402,5 @@
text-wrap: none; text-wrap: none;
white-space: nowrap; white-space: nowrap;
padding: 5px 4px 4px; padding: 5px 4px 4px;
text-shadow: none;
font-weight: 400; font-weight: 400;
} }

4
dashboard-ui/episodes.html
View file

@ -13,8 +13,8 @@
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="#" class="ui-btn-active">${TabEpisodes}</a> <a href="#" class="ui-btn-active">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">

2
dashboard-ui/favorites.html
View file

@ -8,7 +8,7 @@
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="index.html">${TabHome}</a> <a href="index.html">${TabHome}</a>
<a href="homelatest.html">${TabLatest}</a> <a href="homelatest.html" class="homeLatestTab">${TabLatest}</a>
<a href="tvrecommended.html">${TabNextUp}</a> <a href="tvrecommended.html">${TabNextUp}</a>
<a href="favorites.html" class="ui-btn-active">${TabFavorites}</a> <a href="favorites.html" class="ui-btn-active">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>

2
dashboard-ui/index.html
View file

@ -8,7 +8,7 @@
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabHome}</a> <a href="#" class="ui-btn-active">${TabHome}</a>
<a href="homelatest.html">${TabLatest}</a> <a href="homelatest.html" class="homeLatestTab">${TabLatest}</a>
<a href="tvrecommended.html">${TabNextUp}</a> <a href="tvrecommended.html">${TabNextUp}</a>
<a href="favorites.html">${TabFavorites}</a> <a href="favorites.html">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>

38
dashboard-ui/itembynamedetails.html
View file

@ -13,8 +13,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html" class="ui-btn-active">${TabGenres}</a> <a href="moviegenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
</div> </div>
<div id="moviePeopleTabs" class="itemTabs" style="display: none;"> <div id="moviePeopleTabs" class="itemTabs" style="display: none;">
@ -24,8 +24,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="ui-btn-active">${TabPeople}</a> <a href="moviepeople.html" class="ui-btn-active moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
</div> </div>
<div id="movieStudioTabs" class="itemTabs" style="display: none;"> <div id="movieStudioTabs" class="itemTabs" style="display: none;">
@ -35,8 +35,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="ui-btn-active">${TabStudios}</a> <a href="moviestudios.html" class="ui-btn-active movieStudiosTab">${TabStudios}</a>
</div> </div>
</div> </div>
<div id="tvGenreTabs" class="itemTabs" style="display: none;"> <div id="tvGenreTabs" class="itemTabs" style="display: none;">
@ -45,10 +45,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html" class="ui-btn-active">${TabGenres}</a> <a href="tvgenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
</div> </div>
<div id="tvPeopleTabs" class="itemTabs" style="display: none;"> <div id="tvPeopleTabs" class="itemTabs" style="display: none;">
@ -57,10 +57,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="ui-btn-active">Actors</a> <a href="tvpeople.html" class="ui-btn-active tvPeopleTab">Actors</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
</div> </div>
<div id="tvStudioTabs" class="itemTabs" style="display: none;"> <div id="tvStudioTabs" class="itemTabs" style="display: none;">
@ -69,19 +69,19 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="ui-btn-active">${TabNetworks}</a> <a href="tvstudios.html" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
</div> </div>
</div> </div>
<div id="musicGenreTabs" class="itemTabs" style="display: none;"> <div id="musicGenreTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html" class="ui-btn-active">${TabGenres}</a> <a href="musicgenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>
@ -89,10 +89,10 @@
<div id="artistTabs" class="itemTabs" style="display: none;"> <div id="artistTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="ui-btn-active">${TabArtists}</a> <a href="musicartists.html" class="ui-btn-active musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

28
dashboard-ui/itemdetails.html
View file

@ -9,7 +9,7 @@
<div class="itemTabs homeTabs" style="display: none;"> <div class="itemTabs homeTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="index.html" class="lnkHomeHome">${TabHome}</a> <a href="index.html" class="lnkHomeHome">${TabHome}</a>
<a href="homelatest.html" class="lnkHomeLatest">${TabLatest}</a> <a href="homelatest.html" class="lnkHomeLatest homeLatestTab">${TabLatest}</a>
<a href="tvrecommended.html" class="lnkHomeNextUp">${TabNextUp}</a> <a href="tvrecommended.html" class="lnkHomeNextUp">${TabNextUp}</a>
<a href="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a> <a href="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a>
<a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a> <a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a>
@ -18,7 +18,7 @@
<div id="channelTabs" class="itemTabs" style="display: none;"> <div id="channelTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a> <a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
<a href="channels.html" class="ui-btn-active">${TabChannels}</a> <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div> </div>
</div> </div>
@ -36,8 +36,8 @@
<a href="movietrailers.html" class="lnkMovieTrailers">${TabTrailers}</a> <a href="movietrailers.html" class="lnkMovieTrailers">${TabTrailers}</a>
<a href="collections.html?context=movies" class="lnkCollections">${TabCollections}</a> <a href="collections.html?context=movies" class="lnkCollections">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
</div> </div>
<div class="itemTabs photoTabs" style="display: none;"> <div class="itemTabs photoTabs" style="display: none;">
@ -53,19 +53,19 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html" class="ui-btn-active">${TabShows}</a> <a href="tvshows.html" class="ui-btn-active">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
</div> </div>
<div id="songTabs" class="itemTabs" style="display: none;"> <div id="songTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html" class="ui-btn-active">${TabSongs}</a> <a href="songs.html" class="ui-btn-active musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>
@ -73,10 +73,10 @@
<div id="albumTabs" class="itemTabs" style="display: none;"> <div id="albumTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html" class="ui-btn-active">${TabAlbums}</a> <a href="musicalbums.html" class="ui-btn-active">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>
@ -84,10 +84,10 @@
<div id="musicVideoTabs" class="itemTabs" style="display: none;"> <div id="musicVideoTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html" class="ui-btn-active">${TabMusicVideos}</a> <a href="musicvideos.html" class="ui-btn-active">${TabMusicVideos}</a>
</div> </div>
@ -112,7 +112,7 @@
</div> </div>
<div class="itemTabs channelTabs" style="display: none;"> <div class="itemTabs channelTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a> <a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
<a href="channels.html" class="ui-btn-active">${TabChannels}</a> <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div> </div>
</div> </div>

4
dashboard-ui/moviegenres.html
View file

@ -12,8 +12,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a> <a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div data-role="content"> <div data-role="content">

2
dashboard-ui/moviepeople.html
View file

@ -13,7 +13,7 @@
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="#" class="ui-btn-active">${TabPeople}</a> <a href="#" class="ui-btn-active">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">

4
dashboard-ui/movies.html
View file

@ -12,8 +12,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">

4
dashboard-ui/moviesrecommended.html
View file

@ -12,8 +12,8 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div data-role="content"> <div data-role="content">

2
dashboard-ui/moviestudios.html
View file

@ -12,7 +12,7 @@
<a href="movietrailers.html">${TabTrailers}</a> <a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="#" class="ui-btn-active">${TabStudios}</a> <a href="#" class="ui-btn-active">${TabStudios}</a>
</div> </div>

4
dashboard-ui/movietrailers.html
View file

@ -12,8 +12,8 @@
<a href="#" class="ui-btn-active">${TabTrailers}</a> <a href="#" class="ui-btn-active">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a> <a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a> <a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a> <a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a> <a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">

4
dashboard-ui/musicalbumartists.html
View file

@ -7,10 +7,10 @@
<div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage"> <div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="#" class="ui-btn-active">${TabAlbumArtists}</a> <a href="#" class="ui-btn-active">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

4
dashboard-ui/musicalbums.html
View file

@ -7,10 +7,10 @@
<div id="musicAlbumsPage" data-role="page" class="page libraryPage"> <div id="musicAlbumsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="#" class="ui-btn-active">${TabAlbums}</a> <a href="#" class="ui-btn-active">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

2
dashboard-ui/musicartists.html
View file

@ -7,7 +7,7 @@
<div id="musicArtistsPage" data-role="page" class="page libraryPage"> <div id="musicArtistsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="#" class="ui-btn-active">${TabArtists}</a> <a href="#" class="ui-btn-active">${TabArtists}</a>

4
dashboard-ui/musicgenres.html
View file

@ -7,10 +7,10 @@
<div id="musicGenresPage" data-role="page" class="page libraryPage"> <div id="musicGenresPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a> <a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

4
dashboard-ui/musicrecommended.html
View file

@ -7,10 +7,10 @@
<div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist"> <div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggestions}</a> <a href="#" class="ui-btn-active">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

4
dashboard-ui/musicvideos.html
View file

@ -8,10 +8,10 @@
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a> <a href="musicrecommended.html">${TabSuggestions}</a>
<a href="songs.html">${TabSongs}</a> <a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="#" class="ui-btn-active">${TabMusicVideos}</a> <a href="#" class="ui-btn-active">${TabMusicVideos}</a>
</div> </div>

2
dashboard-ui/mypreferencesdisplay.html
View file

@ -10,7 +10,7 @@
<a href="#" class="ui-btn-active lnkDisplayPreferences">${TabDisplay}</a> <a href="#" class="ui-btn-active lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabPlayback}</a> <a href="#" class="lnkLanguagePreferences">${TabPlayback}</a>
<a href="#" class="lnkMyProfile">${TabProfile}</a> <a href="#" class="lnkMyProfile">${TabProfile}</a>
<a href="#" class="lnkWebClientPreferences">${TabWebClient}</a> <a href="#" class="lnkWebClientPreferences">${TabAppSettings}</a>
</div> </div>
<br /> <br />

2
dashboard-ui/mypreferenceslanguages.html
View file

@ -10,7 +10,7 @@
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a> <a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="ui-btn-active lnkLanguagePreferences">${TabPlayback}</a> <a href="#" class="ui-btn-active lnkLanguagePreferences">${TabPlayback}</a>
<a href="#" class="lnkMyProfile">${TabProfile}</a> <a href="#" class="lnkMyProfile">${TabProfile}</a>
<a href="#" class="lnkWebClientPreferences">${TabWebClient}</a> <a href="#" class="lnkWebClientPreferences">${TabAppSettings}</a>
</div> </div>
<br /> <br />

2
dashboard-ui/mypreferenceswebclient.html
View file

@ -10,7 +10,7 @@
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a> <a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabPlayback}</a> <a href="#" class="lnkLanguagePreferences">${TabPlayback}</a>
<a href="#" class="lnkMyProfile">${TabProfile}</a> <a href="#" class="lnkMyProfile">${TabProfile}</a>
<a href="#" class="ui-btn-active lnkWebClientPreferences">${TabWebClient}</a> <a href="#" class="ui-btn-active lnkWebClientPreferences">${TabAppSettings}</a>
</div> </div>
<br /> <br />

2
dashboard-ui/myprofile.html
View file

@ -10,7 +10,7 @@
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a> <a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabPlayback}</a> <a href="#" class="lnkLanguagePreferences">${TabPlayback}</a>
<a href="#" class="ui-btn-active lnkMyProfile">${TabProfile}</a> <a href="#" class="ui-btn-active lnkMyProfile">${TabProfile}</a>
<a href="#" class="lnkWebClientPreferences">${TabWebClient}</a> <a href="#" class="lnkWebClientPreferences">${TabAppSettings}</a>
</div> </div>
<br /> <br />

2
dashboard-ui/scripts/indexpage.js
View file

@ -89,7 +89,7 @@
html += '<a data-itemid="' + item.Id + '" class="' + cssClass + '" href="' + href + '">'; html += '<a data-itemid="' + item.Id + '" class="' + cssClass + '" href="' + href + '">';
html += '<div class="cardBox" style="background-color:' + backgroundColor + ';margin:4px;border-radius:4px;">'; html += '<div class="cardBox" style="background-color:' + backgroundColor + ';margin:4px;border-radius:4px;">';
html += "<div class='cardText' style='padding:6px 10px;color:#fff;'>"; html += "<div class='cardText' style='padding:7px 10px;color:#fff;'>";
html += '<i class="fa ' + icon + '"></i>'; html += '<i class="fa ' + icon + '"></i>';
html += '<span style="margin-left:.7em;">' + item.Name + '</span>'; html += '<span style="margin-left:.7em;">' + item.Name + '</span>';
html += "</div>"; html += "</div>";

5
dashboard-ui/scripts/librarybrowser.js
View file

@ -472,7 +472,12 @@
} }
if (item.CollectionType == 'channels') { if (item.CollectionType == 'channels') {
if (AppInfo.enableLatestChannelItems) {
return 'channelslatest.html'; return 'channelslatest.html';
} else {
return 'channels.html';
}
} }
if (context != 'folders') { if (context != 'folders') {

4
dashboard-ui/scripts/librarylist.js
View file

@ -919,8 +919,8 @@
function resetImages(page) { function resetImages(page) {
//$('cardImage', page).remove(); $('cardImage', page).remove();
$('.cardImage', page).each(resetCardImage); //$('.cardImage', page).each(resetCardImage);
} }
$(document).on('pageinit', ".libraryPage", function () { $(document).on('pageinit', ".libraryPage", function () {

117
dashboard-ui/scripts/moviesrecommended.js
View file

@ -2,10 +2,14 @@
function loadLatest(page, userId, parentId) { function loadLatest(page, userId, parentId) {
var limit = AppInfo.hasLowImageBandwidth ?
15 :
18;
var options = { var options = {
IncludeItemTypes: "Movie", IncludeItemTypes: "Movie",
Limit: 18, Limit: limit,
Fields: "PrimaryImageAspectRatio,MediaSourceCount,SyncInfo", Fields: "PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
ParentId: parentId, ParentId: parentId,
ImageTypeLimit: 1, ImageTypeLimit: 1,
@ -24,6 +28,46 @@
}); });
} }
function loadResume(page, userId, parentId) {
var screenWidth = $(window).width();
var options = {
SortBy: "DatePlayed",
SortOrder: "Descending",
IncludeItemTypes: "Movie",
Filters: "IsResumable",
Limit: screenWidth >= 1920 ? 6 : (screenWidth >= 1600 ? 4 : 3),
Recursive: true,
Fields: "PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
CollapseBoxSetItems: false,
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getItems(userId, options).done(function (result) {
if (result.Items.length) {
$('#resumableSection', page).show();
} else {
$('#resumableSection', page).hide();
}
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: 'backdrop',
overlayText: true,
showTitle: true,
lazy: true
})).lazyChildren().trigger('create');
});
}
function getRecommendationHtml(recommendation) { function getRecommendationHtml(recommendation) {
var html = ''; var html = '';
@ -62,58 +106,10 @@
return html; return html;
} }
$(document).on('pageinit', "#moviesRecommendedPage", function () { function loadSuggestions(page, userId, parentId) {
var page = this;
$('.recommendations', page).createCardMenus();
}).on('pagebeforeshow', "#moviesRecommendedPage", function () {
var parentId = LibraryMenu.getTopParentId();
var screenWidth = $(window).width(); var screenWidth = $(window).width();
var page = this;
var userId = Dashboard.getCurrentUserId();
var options = {
SortBy: "DatePlayed",
SortOrder: "Descending",
IncludeItemTypes: "Movie",
Filters: "IsResumable",
Limit: screenWidth >= 1920 ? 6 : (screenWidth >= 1600 ? 4 : 3),
Recursive: true,
Fields: "PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
CollapseBoxSetItems: false,
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getItems(userId, options).done(function (result) {
if (result.Items.length) {
$('#resumableSection', page).show();
} else {
$('#resumableSection', page).hide();
}
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: 'backdrop',
overlayText: true,
showTitle: true,
lazy: true
})).lazyChildren().trigger('create');
});
loadLatest(page, userId, parentId);
var url = ApiClient.getUrl("Movies/Recommendations", { var url = ApiClient.getUrl("Movies/Recommendations", {
userId: userId, userId: userId,
@ -138,6 +134,27 @@
$('.noItemsMessage', page).hide(); $('.noItemsMessage', page).hide();
$('.recommendations', page).html(html).lazyChildren(); $('.recommendations', page).html(html).lazyChildren();
}); });
}
$(document).on('pageinit', "#moviesRecommendedPage", function () {
var page = this;
$('.recommendations', page).createCardMenus();
}).on('pagebeforeshow', "#moviesRecommendedPage", function () {
var parentId = LibraryMenu.getTopParentId();
var page = this;
var userId = Dashboard.getCurrentUserId();
loadResume(page, userId, parentId);
loadLatest(page, userId, parentId);
if (!AppInfo.hasLowImageBandwidth) {
loadSuggestions(page, userId, parentId);
}
}); });

46
dashboard-ui/scripts/site.js
View file

@ -1354,12 +1354,12 @@ var Dashboard = {
var isBackdrop = imageType.toLowerCase() == 'backdrop'; var isBackdrop = imageType.toLowerCase() == 'backdrop';
if (isBackdrop) { if (isBackdrop) {
quality -= 15; quality -= 10;
} }
if (AppInfo.hasLowImageBandwidth) { if (AppInfo.hasLowImageBandwidth) {
quality -= 10; quality -= 15;
if (isBackdrop) { if (isBackdrop) {
quality -= 10; quality -= 10;
@ -1487,6 +1487,16 @@ var AppInfo = {};
AppInfo.enableHeadRoom = true; AppInfo.enableHeadRoom = true;
} }
} }
if (!AppInfo.hasLowImageBandwidth) {
AppInfo.enableLatestChannelItems = true;
AppInfo.enableStudioTabs = true;
AppInfo.enablePeopleTabs = true;
AppInfo.enableTvEpisodesTab = true;
AppInfo.enableMusicSongsTab = true;
AppInfo.enableMusicArtistsTab = true;
AppInfo.enableHomeLatestTab = true;
}
} }
function initializeApiClient(apiClient) { function initializeApiClient(apiClient) {
@ -1559,6 +1569,38 @@ var AppInfo = {};
$(document.body).addClass('largeCardMargin'); $(document.body).addClass('largeCardMargin');
} }
if (!AppInfo.enableLatestChannelItems) {
$(document.body).addClass('latestChannelItemsDisabled');
}
if (!AppInfo.enableStudioTabs) {
$(document.body).addClass('studioTabDisabled');
}
if (!AppInfo.enablePeopleTabs) {
$(document.body).addClass('peopleTabDisabled');
}
if (!AppInfo.enableTvEpisodesTab) {
$(document.body).addClass('tvEpisodesTabDisabled');
}
if (!AppInfo.enableMusicSongsTab) {
$(document.body).addClass('musicSongsTabDisabled');
}
if (!AppInfo.enableMusicArtistsTab) {
$(document.body).addClass('musicArtistsTabDisabled');
}
if (!AppInfo.enableHomeLatestTab) {
$(document.body).addClass('homeLatestTabDisabled');
}
if (Dashboard.isRunningInCordova()) {
$(document).addClass('nativeApp');
}
var videoPlayerHtml = '<div id="mediaPlayer" data-theme="b" class="ui-bar-b" style="display: none;">'; var videoPlayerHtml = '<div id="mediaPlayer" data-theme="b" class="ui-bar-b" style="display: none;">';
videoPlayerHtml += '<div class="videoBackdrop">'; videoPlayerHtml += '<div class="videoBackdrop">';

6
dashboard-ui/scripts/tvlatest.js
View file

@ -8,10 +8,14 @@
var page = this; var page = this;
var limit = AppInfo.hasLowImageBandwidth ?
20 :
30;
var options = { var options = {
IncludeItemTypes: "Episode", IncludeItemTypes: "Episode",
Limit: 30, Limit: limit,
Fields: "PrimaryImageAspectRatio,SyncInfo", Fields: "PrimaryImageAspectRatio,SyncInfo",
ParentId: parentId, ParentId: parentId,
ImageTypeLimit: 1, ImageTypeLimit: 1,

19
dashboard-ui/scripts/tvrecommended.js
View file

@ -2,20 +2,9 @@
function reload(page) { function reload(page) {
var query = {
Limit: 24,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(),
ExcludeLocationTypes: "Virtual",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
query.ParentId = LibraryMenu.getTopParentId();
var context = ''; var context = '';
if (query.ParentId) { if (LibraryMenu.getTopParentId()) {
$('.scopedLibraryViewNav', page).show(); $('.scopedLibraryViewNav', page).show();
$('.globalNav', page).hide(); $('.globalNav', page).hide();
@ -37,9 +26,13 @@
function loadNextUp(page, context) { function loadNextUp(page, context) {
var limit = AppInfo.hasLowImageBandwidth ?
18 :
24;
var query = { var query = {
Limit: 24, Limit: limit,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo", Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(), UserId: Dashboard.getCurrentUserId(),
ExcludeLocationTypes: "Virtual", ExcludeLocationTypes: "Virtual",

6
dashboard-ui/scripts/tvupcoming.js
View file

@ -4,9 +4,13 @@
var page = this; var page = this;
var limit = AppInfo.hasLowImageBandwidth ?
20 :
40;
var query = { var query = {
Limit: 40, Limit: limit,
Fields: "AirTime,UserData,SeriesStudio,SyncInfo", Fields: "AirTime,UserData,SeriesStudio,SyncInfo",
UserId: Dashboard.getCurrentUserId(), UserId: Dashboard.getCurrentUserId(),
ImageTypeLimit: 1, ImageTypeLimit: 1,

2
dashboard-ui/songs.html
View file

@ -10,7 +10,7 @@
<a href="#" class="ui-btn-active">${TabSongs}</a> <a href="#" class="ui-btn-active">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</a> <a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a> <a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html">${TabArtists}</a> <a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="musicgenres.html">${TabGenres}</a> <a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a> <a href="musicvideos.html">${TabMusicVideos}</a>
</div> </div>

14
dashboard-ui/thirdparty/jquery.unveil-custom.js vendored
View file

@ -19,16 +19,18 @@
loaded; loaded;
this.one("unveil", function () { this.one("unveil", function () {
var elemType = this.tagName; var elem = this;
var source = this.getAttribute(attrib); var elemType = elem.tagName;
var source = elem.getAttribute(attrib);
if (source) { if (source) {
if (elemType === "DIV") { if (elemType === "DIV") {
this.style.backgroundImage = "url('" + source + "')";
elem.style.backgroundImage = "url('" + source + "')";
} else { } else {
this.setAttribute("src", source); elem.setAttribute("src", source);
} }
this.setAttribute("data-src", ''); elem.setAttribute("data-src", '');
} }
}); });
@ -60,7 +62,7 @@
$.fn.lazyChildren = function () { $.fn.lazyChildren = function () {
$(".lazy", this).unveil(150); $(".lazy", this).unveil(0);
return this; return this;
}; };

6
dashboard-ui/tvgenres.html
View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a> <a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">

6
dashboard-ui/tvlatest.html
View file

@ -10,10 +10,10 @@
<a href="#" class="ui-btn-active">${TabLatest}</a> <a href="#" class="ui-btn-active">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="ehsContent"> <div class="ehsContent">

4
dashboard-ui/tvpeople.html
View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="#" class="ui-btn-active">${TabPeople}</a> <a href="#" class="ui-btn-active">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">

8
dashboard-ui/tvrecommended.html
View file

@ -8,7 +8,7 @@
<div class="libraryViewNav globalNav" style="display: none;"> <div class="libraryViewNav globalNav" style="display: none;">
<a href="index.html">${TabHome}</a> <a href="index.html">${TabHome}</a>
<a href="homelatest.html">${TabLatest}</a> <a href="homelatest.html" class="homeLatestTab">${TabLatest}</a>
<a href="#" class="ui-btn-active">${TabNextUp}</a> <a href="#" class="ui-btn-active">${TabNextUp}</a>
<a href="favorites.html">${TabFavorites}</a> <a href="favorites.html">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
@ -18,10 +18,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="ehsContent"> <div class="ehsContent">

6
dashboard-ui/tvshows.html
View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="#" class="ui-btn-active">${TabShows}</a> <a href="#" class="ui-btn-active">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div class="alphabetPicker"> <div class="alphabetPicker">
</div> </div>

6
dashboard-ui/tvstudios.html
View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a> <a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="#" class="ui-btn-active">${TabNetworks}</a> <a href="#" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">

8
dashboard-ui/tvupcoming.html
View file

@ -7,7 +7,7 @@
<div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series"> <div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series">
<div class="libraryViewNav globalNav" style="display: none;"> <div class="libraryViewNav globalNav" style="display: none;">
<a href="index.html">${TabHome}</a> <a href="index.html">${TabHome}</a>
<a href="homelatest.html">${TabLatest}</a> <a href="homelatest.html" class="homeLatestTab">${TabLatest}</a>
<a href="tvrecommended.html">${TabNextUp}</a> <a href="tvrecommended.html">${TabNextUp}</a>
<a href="favorites.html">${TabFavorites}</a> <a href="favorites.html">${TabFavorites}</a>
<a href="#" class="ui-btn-active">${TabUpcoming}</a> <a href="#" class="ui-btn-active">${TabUpcoming}</a>
@ -17,10 +17,10 @@
<a href="tvlatest.html">${TabLatest}</a> <a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html" class="ui-btn-active">${TabUpcoming}</a> <a href="tvupcoming.html" class="ui-btn-active">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a> <a href="tvshows.html">${TabShows}</a>
<a href="episodes.html">${TabEpisodes}</a> <a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a> <a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html">${TabPeople}</a> <a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a> <a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="ehsContent"> <div class="ehsContent">