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

rename web client tab

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

View file

@ -7,7 +7,7 @@
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<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>
</div>

View file

@ -7,7 +7,7 @@
<div id="channelsPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<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>
</div>

View file

@ -7,7 +7,7 @@
<div id="channelsLatestPage" data-role="page" class="page libraryPage channelsPage" data-contextname="${HeaderChannels}">
<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>
</div>

View file

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

View file

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

View file

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

View file

@ -1477,3 +1477,31 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
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;
}

View file

@ -385,7 +385,6 @@ h1 .imageLink {
padding: .6em 20px .6em 0;
text-decoration: none;
color: inherit !important;
text-shadow: none !important;
font-weight: 500 !important;
font-size: 14px;
vertical-align: middle;
@ -625,7 +624,6 @@ h1 .imageLink {
}
.footerNotification {
text-shadow: none;
padding: .75em 1em;
margin: 0;
font-weight: normal;
@ -1131,3 +1129,27 @@ h1 + .accentButton {
/* One less than jqm loading spinner, so we can combine them */
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;
}

View file

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

View file

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

View file

@ -8,7 +8,7 @@
<div class="libraryViewNav scopedLibraryViewNav">
<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="favorites.html" class="ui-btn-active">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>

View file

@ -8,7 +8,7 @@
<div class="libraryViewNav scopedLibraryViewNav">
<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="favorites.html">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>

View file

@ -13,8 +13,8 @@
<a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div>
</div>
<div id="moviePeopleTabs" class="itemTabs" style="display: none;">
@ -24,8 +24,8 @@
<a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="ui-btn-active">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a>
<a href="moviepeople.html" class="ui-btn-active moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div>
</div>
<div id="movieStudioTabs" class="itemTabs" style="display: none;">
@ -35,8 +35,8 @@
<a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a>
<a href="moviestudios.html" class="ui-btn-active">${TabStudios}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="ui-btn-active movieStudiosTab">${TabStudios}</a>
</div>
</div>
<div id="tvGenreTabs" class="itemTabs" style="display: none;">
@ -45,10 +45,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
</div>
<div id="tvPeopleTabs" class="itemTabs" style="display: none;">
@ -57,10 +57,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html" class="ui-btn-active">Actors</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="ui-btn-active tvPeopleTab">Actors</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
</div>
<div id="tvStudioTabs" class="itemTabs" style="display: none;">
@ -69,19 +69,19 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html" class="ui-btn-active">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
</div>
</div>
<div id="musicGenreTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>
@ -89,10 +89,10 @@
<div id="artistTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

@ -9,7 +9,7 @@
<div class="itemTabs homeTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a>
<a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a>
@ -18,7 +18,7 @@
<div id="channelTabs" class="itemTabs" style="display: none;">
<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>
</div>
</div>
@ -36,8 +36,8 @@
<a href="movietrailers.html" class="lnkMovieTrailers">${TabTrailers}</a>
<a href="collections.html?context=movies" class="lnkCollections">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html">${TabPeople}</a>
<a href="moviestudios.html">${TabStudios}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
</div>
</div>
<div class="itemTabs photoTabs" style="display: none;">
@ -53,19 +53,19 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
</div>
<div id="songTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>
@ -73,10 +73,10 @@
<div id="albumTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>
@ -84,10 +84,10 @@
<div id="musicVideoTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html" class="ui-btn-active">${TabMusicVideos}</a>
</div>
@ -112,7 +112,7 @@
</div>
<div class="itemTabs channelTabs" style="display: none;">
<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>
</div>
</div>

View file

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

View file

@ -13,7 +13,7 @@
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</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 class="alphabetPicker">

View file

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

View file

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

View file

@ -12,7 +12,7 @@
<a href="movietrailers.html">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</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>
</div>

View file

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

View file

@ -7,10 +7,10 @@
<div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav">
<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="#" 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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

@ -7,10 +7,10 @@
<div id="musicAlbumsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

@ -7,7 +7,7 @@
<div id="musicArtistsPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav">
<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="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="#" class="ui-btn-active">${TabArtists}</a>

View file

@ -7,10 +7,10 @@
<div id="musicGenresPage" data-role="page" class="page libraryPage">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

@ -7,10 +7,10 @@
<div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist">
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

@ -8,10 +8,10 @@
<div class="libraryViewNav scopedLibraryViewNav">
<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="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="#" class="ui-btn-active">${TabMusicVideos}</a>
</div>

View file

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

View file

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

View file

@ -10,7 +10,7 @@
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabPlayback}</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>
<br />

View file

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

View file

@ -89,7 +89,7 @@
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='cardText' style='padding:6px 10px;color:#fff;'>";
html += "<div class='cardText' style='padding:7px 10px;color:#fff;'>";
html += '<i class="fa ' + icon + '"></i>';
html += '<span style="margin-left:.7em;">' + item.Name + '</span>';
html += "</div>";

View file

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

View file

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

View file

@ -2,10 +2,14 @@
function loadLatest(page, userId, parentId) {
var limit = AppInfo.hasLowImageBandwidth ?
15 :
18;
var options = {
IncludeItemTypes: "Movie",
Limit: 18,
Limit: limit,
Fields: "PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
ParentId: parentId,
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) {
var html = '';
@ -62,58 +106,10 @@
return html;
}
$(document).on('pageinit', "#moviesRecommendedPage", function () {
var page = this;
$('.recommendations', page).createCardMenus();
}).on('pagebeforeshow', "#moviesRecommendedPage", function () {
var parentId = LibraryMenu.getTopParentId();
function loadSuggestions(page, userId, parentId) {
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", {
userId: userId,
@ -138,6 +134,27 @@
$('.noItemsMessage', page).hide();
$('.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);
}
});

View file

@ -1354,12 +1354,12 @@ var Dashboard = {
var isBackdrop = imageType.toLowerCase() == 'backdrop';
if (isBackdrop) {
quality -= 15;
quality -= 10;
}
if (AppInfo.hasLowImageBandwidth) {
quality -= 10;
quality -= 15;
if (isBackdrop) {
quality -= 10;
@ -1487,6 +1487,16 @@ var AppInfo = {};
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) {
@ -1559,6 +1569,38 @@ var AppInfo = {};
$(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;">';
videoPlayerHtml += '<div class="videoBackdrop">';

View file

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

View file

@ -2,20 +2,9 @@
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 = '';
if (query.ParentId) {
if (LibraryMenu.getTopParentId()) {
$('.scopedLibraryViewNav', page).show();
$('.globalNav', page).hide();
@ -37,9 +26,13 @@
function loadNextUp(page, context) {
var limit = AppInfo.hasLowImageBandwidth ?
18 :
24;
var query = {
Limit: 24,
Limit: limit,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(),
ExcludeLocationTypes: "Virtual",

View file

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

View file

@ -10,7 +10,7 @@
<a href="#" class="ui-btn-active">${TabSongs}</a>
<a href="musicalbums.html">${TabAlbums}</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="musicvideos.html">${TabMusicVideos}</a>
</div>

View file

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

View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -10,10 +10,10 @@
<a href="#" class="ui-btn-active">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">

View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="#" class="ui-btn-active">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div class="alphabetPicker">

View file

@ -8,7 +8,7 @@
<div class="libraryViewNav globalNav" style="display: none;">
<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="favorites.html">${TabFavorites}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
@ -18,10 +18,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">

View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div class="alphabetPicker">
</div>

View file

@ -10,10 +10,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="#" class="ui-btn-active">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="#" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -7,7 +7,7 @@
<div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series">
<div class="libraryViewNav globalNav" style="display: none;">
<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="favorites.html">${TabFavorites}</a>
<a href="#" class="ui-btn-active">${TabUpcoming}</a>
@ -17,10 +17,10 @@
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html" class="ui-btn-active">${TabUpcoming}</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="tvpeople.html">${TabPeople}</a>
<a href="tvstudios.html">${TabNetworks}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">