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

update icons

This commit is contained in:
Luke Pulverenti 2015-06-18 14:29:44 -04:00
parent 7343772338
commit 22bb6a4963
44 changed files with 392 additions and 421 deletions

View file

@ -4,7 +4,7 @@
<title>${TitleAutoOrganize}</title>
</head>
<body>
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizelog,scripts/taskbutton">
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizelog,scripts/taskbutton,paperbuttonstyle">
<div data-role="content">
<div class="content-primary">

View file

@ -7,13 +7,13 @@
<div id="boxsetsPage" data-role="page" class="page libraryPage backdropPage collectionEditorPage" data-backdroptype="movie,boxset">
<div class="libraryViewNav scopedLibraryViewNav movieTabs">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="#" class="ui-btn-active">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div class="libraryViewNav scopedLibraryViewNav collectionTabs">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Before After
Before After

View file

@ -539,10 +539,6 @@ textarea {
}
.hide {
display: none;
}
.forceHide {
display: none !important;
}

View file

@ -7,14 +7,14 @@
<div id="episodesPage" data-role="page" class="page libraryPage" data-require="scripts/episodes">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="#" class="ui-btn-active">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div class="alphabetPicker">

View file

@ -8,93 +8,93 @@
<div id="itemByNameDetailPage" data-role="page" class="page libraryPage itemDetailPage lightBackdropPage" data-require="scripts/itembynamedetailpage">
<div id="movieGenreTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html" class="ui-btn-active"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
</div>
<div id="moviePeopleTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="ui-btn-active moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="ui-btn-active moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
</div>
<div id="movieStudioTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="ui-btn-active movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="ui-btn-active movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
</div>
<div id="tvGenreTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html" class="ui-btn-active"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
</div>
<div id="tvPeopleTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="ui-btn-active tvPeopleTab">Actors</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="ui-btn-active tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
</div>
<div id="tvStudioTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="ui-btn-active tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
</div>
<div id="musicGenreTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html" class="ui-btn-active">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html" class="ui-btn-active"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
</div>
<div id="artistTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="ui-btn-active musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="ui-btn-active musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
</div>
<div id="gameGenreTabs" class="itemTabs" style="display: none;">

View file

@ -33,13 +33,13 @@
<div id="movieTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html" class="lnkMovies">${TabMovies}</a>
<a href="movietrailers.html" class="lnkMovieTrailers movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies" class="lnkCollections">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html" class="lnkMovies"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab lnkMovieTrailers"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies" class="lnkCollections"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
</div>
<div class="itemTabs photoTabs" style="display: none;">
@ -51,47 +51,47 @@
</div>
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<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" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html" class="ui-btn-active"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
</div>
<div id="songTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="ui-btn-active musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="ui-btn-active musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
</div>
<div id="albumTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html" class="ui-btn-active">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html" class="ui-btn-active"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
</div>
<div id="musicVideoTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html" class="ui-btn-active">${TabMusicVideos}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html" class="ui-btn-active"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
</div>
<div id="gameTabs" class="itemTabs" style="display: none;">
@ -145,7 +145,7 @@
</span>
<paper-button raised class="secondary btnPlay hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlay}</span></paper-button>
<paper-button raised class="alt btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide" data-role="button" data-icon="video" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlayTrailer}</a>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="alt btnPlayExternalTrailer"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
<paper-button raised class="submit btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
</div>
@ -171,9 +171,9 @@
</span>
<paper-button raised class="secondary btnPlay hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlay}</span></paper-button>
<paper-button raised class="alt btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide" data-role="button" data-icon="video" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlayTrailer}</a>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="alt btnPlayExternalTrailer"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
<paper-button raised class="submit btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
<paper-button raised class="subdued btnMoreCommands forceHide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
</div>
<p id="artist"></p>
<p class="itemGenres"></p>

View file

@ -4,7 +4,7 @@
<title>Emby</title>
</head>
<body>
<div id="liveTvGuidePage" data-role="page" class="page libraryPage liveTvPage" data-contextname="${HeaderLiveTv}" data-require="scripts/registrationservices,scripts/livetvcomponents,scripts/livetvguide">
<div id="liveTvGuidePage" data-role="page" class="page libraryPage liveTvPage" data-contextname="${HeaderLiveTv}" data-require="scripts/registrationservices,scripts/livetvcomponents,scripts/livetvguide,paperbuttonstyle">
<div class="libraryViewNav">
<a href="livetvsuggested.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="livetvguide.html" class="ui-btn-active"><i class="material-icons">grid_on</i>${TabGuide}</a>

View file

@ -7,13 +7,13 @@
<div id="movieGenresPage" data-role="page" class="page libraryPage" data-require="scripts/moviegenres">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div data-role="content">

View file

@ -7,13 +7,13 @@
<div id="moviePeoplePage" data-role="page" class="page libraryPage" data-require="scripts/moviepeople">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<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" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div class="alphabetPicker">

View file

@ -7,13 +7,13 @@
<div id="moviesPage" data-role="page" class="page libraryPage collectionEditorPage" data-require="scripts/movies,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="#" class="ui-btn-active">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div class="alphabetPicker">

View file

@ -9,13 +9,13 @@
<link rel="import" href="thirdparty/paper-button/paper-button.html">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div data-role="content">

View file

@ -7,13 +7,13 @@
<div id="movieStudiosPage" data-role="page" class="page libraryPage" data-require="scripts/moviestudios">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies">${TabCollections}</a>
<a href="moviegenres.html">${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="#" class="ui-btn-active">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="movietrailers.html" class="movieTrailersTab"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div data-role="content">

View file

@ -7,13 +7,13 @@
<div id="movieTrailersPage" data-role="page" class="page libraryPage" data-require="scripts/movietrailers">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html">${TabMovies}</a>
<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" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
<a href="moviesrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="movies.html"><i class="material-icons">local_movies</i>${TabMovies}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">movie</i>${TabTrailers}</a>
<a href="collections.html?context=movies"><i class="material-icons">video_library</i>${TabCollections}</a>
<a href="moviegenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="moviepeople.html" class="moviePeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab"><i class="material-icons">account_box</i>${TabStudios}</a>
</div>
<div class="alphabetPicker">

View file

@ -6,13 +6,13 @@
<body>
<div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage" data-require="scripts/musicalbumartists,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="#" class="ui-btn-active">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div class="alphabetPicker">

View file

@ -6,13 +6,13 @@
<body>
<div id="musicAlbumsPage" data-role="page" class="page libraryPage" data-require="scripts/musicalbums,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="#" class="ui-btn-active">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div class="alphabetPicker">
</div>

View file

@ -6,13 +6,13 @@
<body>
<div id="musicArtistsPage" data-role="page" class="page libraryPage" data-require="scripts/musicartists,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="#" class="ui-btn-active">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div class="alphabetPicker">

View file

@ -6,13 +6,13 @@
<body>
<div id="musicGenresPage" data-role="page" class="page libraryPage" data-require="scripts/musicgenres">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -6,13 +6,13 @@
<body>
<div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist" data-require="scripts/musicrecommended">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div data-role="content">
<div class="ehsContent squareEhsContent">

View file

@ -7,13 +7,13 @@
<div id="musicVideosPage" data-role="page" class="page libraryPage" data-require="scripts/musicvideos,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="#" class="ui-btn-active">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="songs.html" class="musicSongsTab"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div class="alphabetPicker">

View file

@ -4,7 +4,7 @@
<title>${TitleNotifications}</title>
</head>
<body>
<div id="notificationsPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-require="scripts/notificationlist">
<div id="notificationsPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-require="scripts/notificationlist,paperbuttonstyle">
<div data-role="content">

View file

@ -285,7 +285,14 @@
deleteOriginalFile(page, id);
});
var pagingHtml = LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, [], false);
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
$('.listTopPaging', page).html(pagingHtml).trigger('create');
if (result.TotalRecordCount > query.Limit && result.TotalRecordCount > 50) {

View file

@ -93,11 +93,7 @@
$('#ports', page).html(Globalize.translate('LabelRunningOnPort', '<b>' + systemInfo.HttpServerPortNumber + '</b>'));
}
if (systemInfo.CanSelfRestart) {
$('.btnRestartContainer', page).removeClass('hide');
} else {
$('.btnRestartContainer', page).addClass('hide');
}
$('.btnRestartContainer', page).visible(systemInfo.CanSelfRestart);
DashboardPage.renderUrls(page, systemInfo);
DashboardPage.renderPendingInstallations(page, systemInfo);
@ -142,7 +138,13 @@
var pagingHtml = '';
pagingHtml += '<div>';
pagingHtml += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, [], false);
pagingHtml += LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
pagingHtml += '</div>';
html = html.join('') + pagingHtml;
@ -1159,7 +1161,13 @@ $(document).on('pageshowready', "#dashboardPage", DashboardPage.onPageShow).on('
var query = { StartIndex: startIndex, Limit: limit };
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, limit, false);
html += LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
}
$(elem).html(html).trigger('create');

View file

@ -596,7 +596,7 @@ function ticks_to_human(str) {
$.fn.visible = function(visible) {
if (visible) {
return this.removeClass('forceHide');
return this.removeClass('hide');
}
return this.addClass('forceHide');
return this.addClass('hide');
};

View file

@ -439,7 +439,17 @@
var html = '';
if (result.TotalRecordCount > query.Limit) {
$('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
$('.listTopPaging', page).html(pagingHtml);
$('.viewSettings', page).show();
} else {
$('.listTopPaging', page).html('');
@ -509,7 +519,13 @@
});
}
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
html += LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
$('#items', page).html(html).trigger('create').lazyChildren();

View file

@ -71,11 +71,7 @@
$('.splitVersionContainer', page).hide();
}
if (LibraryBrowser.getMoreCommands(item, user).length) {
$('.btnMoreCommands', page).show();
} else {
$('.btnMoreCommands', page).show();
}
$('.btnMoreCommands', page).visible(LibraryBrowser.getMoreCommands(item, user).length > 0);
if (user.Policy.IsAdministrator) {
$('.chapterSettingsButton', page).show();

View file

@ -2117,20 +2117,19 @@
if (showControls) {
html += '<button data-icon="arrow-l" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (startIndex ? '' : 'disabled') + '>' + Globalize.translate('ButtonPreviousPage') + '</button>';
html += '<button data-icon="arrow-r" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (startIndex + limit >= totalRecordCount ? 'disabled' : '') + '>' + Globalize.translate('ButtonNextPage') + '</button>';
html += '<paper-button raised class="subdued notext btnPreviousPage" ' + (startIndex ? '' : 'disabled') + '><iron-icon icon="arrow-back"></iron-icon></paper-button>';
html += '<paper-button raised class="subdued notext btnNextPage" ' + (startIndex + limit >= totalRecordCount ? 'disabled' : '') + '><iron-icon icon="arrow-forward"></iron-icon></paper-button>';
}
html += (options.additionalButtonsHtml || '');
if (options.addSelectionButton) {
html += '<button data-mini="true" data-icon="check" data-inline="true" data-iconpos="notext" title="' + Globalize.translate('ButtonSelect') + '" class="btnToggleSelections">' + Globalize.translate('ButtonSelect') + '</button>';
html += '<paper-button raised class="subdued notext btnToggleSelections"><iron-icon icon="check"></iron-icon></paper-button>';
}
if (options.viewButton) {
html += '<button data-icon="ellipsis-v" data-iconpos="notext" data-inline="true" data-mini="true" onclick="$(\'.viewPanel\', $(this).parents(\'.page\')).panel(\'toggle\');">' + Globalize.translate('ButtonView') + '</button>';
html += '<paper-button raised class="subdued notext" onclick="require([\'jqmicons\']);jQuery(\'.viewPanel\', jQuery(this).parents(\'.page\')).panel(\'toggle\');"><iron-icon icon="more-vert"></iron-icon></paper-button>';
}
html += '</div>';
@ -2161,72 +2160,6 @@
return html;
},
getPagingHtml: function (query, totalRecordCount, updatePageSizeSetting, pageSizes, showLimit) {
if (query.Limit && updatePageSizeSetting !== false) {
try {
store.setItem(pageSizeKey, query.Limit);
} catch (e) {
}
}
var html = '';
var recordsEnd = Math.min(query.StartIndex + query.Limit, totalRecordCount);
// 20 is the minimum page size
var showControls = totalRecordCount > 20 || query.Limit < totalRecordCount;
html += '<div class="listPaging">';
html += '<span style="margin-right: 10px;vertical-align:middle;">';
var startAtDisplay = totalRecordCount ? query.StartIndex + 1 : 0;
html += startAtDisplay + '-' + recordsEnd + ' of ' + totalRecordCount;
html += '</span>';
if (showControls) {
html += '<div data-role="controlgroup" data-type="horizontal" style="display:inline-block;">';
html += '<button type="button" data-icon="arrow-l" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (query.StartIndex ? '' : 'disabled') + '>' + Globalize.translate('ButtonPreviousPage') + '</button>';
html += '<button type="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (query.StartIndex + query.Limit >= totalRecordCount ? 'disabled' : '') + '>' + Globalize.translate('ButtonNextPage') + '</button>';
html += '</div>';
if (showLimit !== false) {
var id = "selectPageSize" + new Date().getTime();
var options = '';
function getOption(val) {
if (query.Limit == val) {
return '<option value="' + val + '" selected="selected">' + val + '</option>';
} else {
return '<option value="' + val + '">' + val + '</option>';
}
}
pageSizes = pageSizes || [20, 50, 100, 200, 300, 400, 500];
for (var j = 0, length = pageSizes.length; j < length; j++) {
options += getOption(pageSizes[j]);
}
// Add styles to defeat jquery mobile
html += '<div class="pageSizeContainer"><label style="font-size:inherit;" class="labelPageSize" for="' + id + '">' + Globalize.translate('LabelLimit') + '</label><select class="selectPageSize" id="' + id + '" data-inline="true" data-mini="true">' + options + '</select></div>';
}
}
html += '</div>';
return html;
},
getRatingHtml: function (item, metascore) {
var html = "";

View file

@ -81,7 +81,13 @@
});
var channelPagingHtml = LibraryBrowser.getPagingHtml(channelQuery, channelsResult.TotalRecordCount, false, [10, 20, 30, 50, 100]);
var channelPagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: channelQuery.StartIndex,
limit: channelQuery.Limit,
totalRecordCount: channelsResult.TotalRecordCount,
updatePageSizeSetting: false
});
$('.channelPaging', page).html(channelPagingHtml).trigger('create');
$('.btnNextPage', page).on('click', function () {

View file

@ -18,7 +18,13 @@
var html = '';
$('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
}));
updateFilterControls();
@ -35,7 +41,13 @@
});
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
html += LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
$('#items', page).html(html).lazyChildren();

View file

@ -95,7 +95,13 @@
var query = { StartIndex: startIndex, Limit: limit };
html += LibraryBrowser.getPagingHtml(query, totalRecordCount, false, limit, false);
html += LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: totalRecordCount,
showLimit: false,
updatePageSizeSetting: false
});
}
for (var i = 0, length = list.length; i < length; i++) {

View file

@ -233,7 +233,7 @@
Velocity.animate(elem, { "left": "100%" },
{
complete: function () {
$('.viewMenuSearch').addClass('hide');
$('.viewMenuSearch').visible(false);
}
});
});

View file

@ -6,13 +6,13 @@
<body>
<div id="songsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist" data-require="scripts/songs,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggestions}</a>
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
<a href="#" class="ui-btn-active">${TabSongs}</a>
<a href="musicgenres.html">${TabGenres}</a>
<a href="musicvideos.html">${TabMusicVideos}</a>
<a href="musicrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="musicalbums.html"><i class="material-icons">album</i>${TabAlbums}</a>
<a href="musicalbumartists.html"><i class="material-icons">music_note</i>${TabAlbumArtists}</a>
<a href="musicartists.html" class="musicArtistsTab"><i class="material-icons">music_note</i>${TabArtists}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">music_note</i>${TabSongs}</a>
<a href="musicgenres.html"><i class="material-icons">library_music</i>${TabGenres}</a>
<a href="musicvideos.html"><i class="material-icons">video_library</i>${TabMusicVideos}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -112,33 +112,12 @@ h1, h1 a {
.libraryViewNav .material-icons {
display: block;
margin-top: -5px;
font-size: 14px;
}
paper-button[raised].submit {
background: none !important;
color: #539FFD !important;
border: 1px solid #539FFD !important;
}
paper-button[raised].more {
background: none !important;
color: orange !important;
border: 1px solid orange !important;
}
paper-button[raised].secondary {
background: none !important;
color: green !important;
border: 1px solid green !important;
}
paper-button[raised].cancel {
background: none !important;
color: #666 !important;
border: 1px solid #666 !important;
font-size: 15px;
}
.btnActiveCast i {
color: #539FFD !important;
}
.libraryViewNav a:not(.ui-btn-active):hover {
color: #539FFD !important;
}

View file

@ -657,8 +657,10 @@
}
}
if (!$.browser.safari) {
document.addEventListener("resume", onResume, false);
}
}
MediaController.registerPlayer(new chromecastPlayer());

View file

@ -38,6 +38,7 @@ See [iron-iconset](#iron-iconset) and [iron-iconset-svg](#iron-iconset-svg) for
<g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></g>
<g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" /></g>
<g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /></g>
<g id="arrow-back"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" /></g>
<g id="arrow-forward"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" /></g>
<g id="info"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" /></g>
<g id="lock"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" /></g>

View file

@ -62,6 +62,15 @@
color: #fff;
}
.ui-page-theme-a paper-button.subdued {
color: #fff;
}
.ui-page-theme-a paper-button[raised].subdued {
background: #fff;
color: #000;
}
paper-button.hover:hover {
background: #eee;
}
@ -132,7 +141,7 @@ paper-toast {
}
paper-button.notext {
min-width: 2em;
min-width: 2.8em;
}
paper-button.notext .content {

View file

@ -6,14 +6,14 @@
<body>
<div id="tvGenresPage" data-role="page" class="page libraryPage" data-require="scripts/tvgenres">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -8,14 +8,14 @@
<link rel="import" href="thirdparty/paper-button/paper-button.html">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="#" class="ui-btn-active">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">

View file

@ -6,14 +6,14 @@
<body>
<div id="tvPeoplePage" data-role="page" class="page libraryPage" data-require="scripts/tvpeople">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</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" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div class="alphabetPicker">

View file

@ -16,14 +16,14 @@
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
</div>
<div class="libraryViewNav scopedLibraryViewNav" style="display: none;">
<a href="tvrecommended.html" class="ui-btn-active">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html" class="ui-btn-active"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">

View file

@ -6,14 +6,14 @@
<body>
<div id="tvShowsPage" data-role="page" class="page libraryPage" data-require="scripts/tvshows,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="#" class="ui-btn-active">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="#" class="ui-btn-active"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div class="alphabetPicker">
</div>

View file

@ -6,14 +6,14 @@
<body>
<div id="tvStudiosPage" data-role="page" class="page libraryPage" data-require="scripts/tvstudios">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvlatest.html">${TabLatest}</a>
<a href="tvupcoming.html">${TabUpcoming}</a>
<a href="tvshows.html">${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="#" class="ui-btn-active tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="#" class="ui-btn-active tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">

View file

@ -13,14 +13,14 @@
<a href="#" class="ui-btn-active"><i class="material-icons">schedule</i>${TabUpcoming}</a>
</div>
<div class="libraryViewNav scopedLibraryViewNav" style="display: none;">
<a href="tvrecommended.html">${TabSuggestions}</a>
<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" class="tvEpisodesTab">${TabEpisodes}</a>
<a href="tvgenres.html">${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
<a href="tvrecommended.html"><i class="material-icons">info</i>${TabSuggestions}</a>
<a href="tvlatest.html"><i class="material-icons">new_releases</i>${TabLatest}</a>
<a href="tvupcoming.html" class="ui-btn-active"><i class="material-icons">schedule</i>${TabUpcoming}</a>
<a href="tvshows.html"><i class="material-icons">live_tv</i>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><i class="material-icons">slideshow</i>${TabEpisodes}</a>
<a href="tvgenres.html"><i class="material-icons">video_library</i>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><i class="material-icons">people</i>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><i class="material-icons">account_box</i>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">