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

show context when navigating

Browse source
This commit is contained in:
Luke Pulverenti 2014-05-21 23:35:18 -04:00
parent ba33bf6fff
commit 624687e363
60 changed files with 184 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/channelitems.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-view="channels">
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="channels.html" class="ui-btn-active">${TabChannels}</a>

2
dashboard-ui/channels.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="channelsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-view="channels">
<div id="channelsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabChannels}</a>

2
dashboard-ui/collections.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="boxsetsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie,boxset" data-theme="b" data-view="boxsets">
<div id="boxsetsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie,boxset" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabCollections}</a>

BIN
dashboard-ui/css/images/items/folders/home.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

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

@ -17,7 +17,7 @@
}
.backdropPage {
background-color: rgba(0, 0, 0, .85)!important;
background-color: rgba(0, 0, 0, .87)!important;
}
.backdropContainer {
@ -68,6 +68,10 @@
max-width: 750px;
}
.homePageSection + .homePageSection {
margin-top: 3em;
}
@media all and (min-width: 1000px) {
.ehsContent {

47
dashboard-ui/css/librarymenu.css
View file

@ -28,10 +28,10 @@
bottom: 0;
vertical-align: middle;
text-align: center;
border: 1px solid #1b1b1b!important;
cursor: pointer;
border: 0!important;
outline: none;
padding: 0 20px;
cursor: pointer;
}
.headerButton img {
@ -44,7 +44,6 @@
}
.headerButtonLeft {
border-width: 0 1px 0 0 !important;
float: left;
padding: 0 15px;
}
@ -52,30 +51,33 @@
.headerButtonRight {
border-width: 0 !important;
float: left;
border-width: 0 0 0 1px !important;
padding: 0 18px;
}
.headerButtonRight:first-child {
border-width: 0 !important;
}
.desktopHomeLink {
color: #ddd !important;
text-decoration: none;
font-weight: 400!important;
font-size: 15px;
border-right: 0 !important;
}
.desktopHomeLink span {
vertical-align: middle;
}
.libraryMenuButton {
left: 0;
opacity: .8;
}
.libraryMenuButtonText {
color: #fff !important;
text-decoration: none;
font-weight: 400!important;
font-size: 15px;
}
.libraryMenuButtonText {
display: inline-block;
vertical-align: middle;
margin-left: .5em;
}
.viewMenuBar {
font-weight: bold;
position: fixed;
@ -141,12 +143,16 @@
vertical-align: middle;
}
.viewMenuTextLink:hover, .libraryMenuButton:hover {
.viewMenuTextLink:hover {
background-color: #38c;
color: #fff!important;
opacity: 1;
}
.libraryMenuButton:hover {
opacity: .6;
}
.headerButtonRight:hover {
opacity: .5;
}
@ -180,6 +186,11 @@
background-position: 16px 8px;
}
.homeViewMenu {
background-image: url(images/items/folders/home.png);
background-position: 16px 9px;
}
.tvshowsViewMenu {
background-image: url(images/items/folders/tv.png);
background-position: 16px 8px;
@ -292,7 +303,7 @@
@media all and (max-width: 600px) {
.desktopHomeLink {
.libraryMenuButtonText {
display: none;
}

2
dashboard-ui/editcollectionitems.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="editCollectionTitlesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage">
<div id="editCollectionTitlesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
<div data-role="content editPageContent">
<div class="editPageSidebar">
<div class="libraryTree">

2
dashboard-ui/edititemimages.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="editItemImagesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage">
<div id="editItemImagesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
<div data-role="content editPageContent">
<div class="editPageSidebar">
<div class="libraryTree">

2
dashboard-ui/edititemmetadata.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="editItemMetadataPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage">
<div id="editItemMetadataPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
<div data-role="content editPageContent">
<div class="editPageSidebar">
<div class="libraryTree">

2
dashboard-ui/edititemsubtitles.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="editItemSubtitlesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage">
<div id="editItemSubtitlesPage" data-role="page" data-theme="b" class="page libraryPage metadataEditorPage" data-contextname="${HeaderMetadataManager}">
<div data-role="content editPageContent">
<div class="editPageSidebar">
<div class="libraryTree">

2
dashboard-ui/episodes.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="episodesPage" data-role="page" class="page libraryPage" data-theme="b" data-view="tv">
<div id="episodesPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>

2
dashboard-ui/gamegenres.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="gameGenresPage" data-role="page" class="page libraryPage listPage" data-theme="b" data-view="games">
<div id="gameGenresPage" data-role="page" class="page libraryPage listPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggested}</a>
<a href="games.html">${TabGames}</a>

2
dashboard-ui/games.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="gamesPage" data-role="page" class="page libraryPage listPage" data-theme="b" data-view="games">
<div id="gamesPage" data-role="page" class="page libraryPage listPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggested}</a>
<a href="#" class="ui-btn-active">${TabGames}</a>

2
dashboard-ui/gamesrecommended.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="gamesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="game" data-theme="b" data-view="games">
<div id="gamesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="game" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggested}</a>
<a href="games.html">${TabGames}</a>

2
dashboard-ui/gamestudios.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="gameStudiosPage" data-role="page" class="page libraryPage listPage" data-theme="b" data-view="games">
<div id="gameStudiosPage" data-role="page" class="page libraryPage listPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggested}</a>
<a href="games.html">${TabGames}</a>

2
dashboard-ui/gamesystems.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="gamesystemsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="gamesystem" data-theme="b" data-view="games">
<div id="gamesystemsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="gamesystem" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggested}</a>
<a href="games.html">${TabGames}</a>

2
dashboard-ui/livetvchannel.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvChannelPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvChannelPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvchannels.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvChannelsPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvChannelsPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvguide.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvGuidePage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvGuidePage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html" class="ui-btn-active">${TabGuide}</a>

2
dashboard-ui/livetvnewrecording.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvNewRecordingPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvNewRecordingPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvprogram.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvProgramPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvProgramPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvrecording.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvRecordingPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvRecordingPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvrecordinglist.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvRecordingListPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvRecordingListPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvrecordings.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvRecordingsPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvRecordingsPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvseriestimer.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvseriestimers.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvSeriesTimersPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvSeriesTimersPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvsettings.html
View file

@ -4,7 +4,7 @@
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvSettingsPage liveTvPage">
<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvSettingsPage liveTvPage" data-contextname="${HeaderLiveTv}">
<div data-role="content">
<div class="content-primary">

2
dashboard-ui/livetvsuggested.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvtimer.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/livetvtimers.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="liveTvTimersPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-view="livetv">
<div id="liveTvTimersPage" data-role="page" class="page libraryPage liveTvPage" data-theme="b" data-contextname="${HeaderLiveTv}">
<div class="libraryViewNav">
<a href="livetvsuggested.html">${TabSuggested}</a>
<a href="livetvguide.html">${TabGuide}</a>

2
dashboard-ui/moviegenres.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="movieGenresPage" data-role="page" class="page libraryPage" data-theme="b" data-view="movies">
<div id="movieGenresPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="movieslatest.html">${TabLatest}</a>

2
dashboard-ui/moviepeople.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="moviePeoplePage" data-role="page" class="page libraryPage" data-theme="b" data-view="movies">
<div id="moviePeoplePage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="movieslatest.html">${TabLatest}</a>

2
dashboard-ui/movies.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="moviesPage" data-role="page" class="page libraryPage" data-theme="b" data-view="movies">
<div id="moviesPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="movieslatest.html">${TabLatest}</a>

2
dashboard-ui/movieslatest.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="moviesLatestPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie" data-theme="b" data-view="movies">
<div id="moviesLatestPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabLatest}</a>

2
dashboard-ui/moviesrecommended.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="moviesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie" data-theme="b" data-view="movies">
<div id="moviesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="movieslatest.html">${TabLatest}</a>

2
dashboard-ui/moviestudios.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="movieStudiosPage" data-role="page" class="page libraryPage" data-theme="b" data-view="movies">
<div id="movieStudiosPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="movieslatest.html">${TabLatest}</a>

2
dashboard-ui/movietrailers.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="movieTrailersPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-theme="b" data-view="movies">
<div id="movieTrailersPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-theme="b">
<div class="alphabetPicker">
</div>

2
dashboard-ui/musicalbumartists.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="musicAlbumArtistsPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>
<a href="songs.html">${TabSongs}</a>

2
dashboard-ui/musicalbums.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicAlbumsPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="musicAlbumsPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>
<a href="songs.html">${TabSongs}</a>

2
dashboard-ui/musicartists.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicArtistsPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="musicArtistsPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>
<a href="songs.html">${TabSongs}</a>

2
dashboard-ui/musicgenres.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicGenresPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="musicGenresPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>
<a href="songs.html">${TabSongs}</a>

2
dashboard-ui/musicrecommended.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist" data-theme="b" data-view="music">
<div id="musicRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="musicartist" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggested}</a>
<a href="songs.html">${TabSongs}</a>

2
dashboard-ui/musicvideos.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="musicVideosPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="musicVideosPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>

2
dashboard-ui/mypreferencesdisplay.html
View file

@ -5,7 +5,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b">
<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b" data-contextname="${HeaderPreferences}">
<div class="libraryViewNav">
<a href="#" class="ui-btn-active lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>

2
dashboard-ui/mypreferenceslanguages.html
View file

@ -5,7 +5,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b">
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b" data-contextname="${HeaderPreferences}">
<div class="libraryViewNav">
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="ui-btn-active lnkLanguagePreferences">${TabLanguages}</a>

10
dashboard-ui/mypreferenceswebclient.html
View file

@ -5,7 +5,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="webClientPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b">
<div id="webClientPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage" data-theme="b" data-contextname="${HeaderPreferences}">
<div class="libraryViewNav">
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>
@ -26,30 +26,32 @@
<label for="selectHomeSection1">${LabelHomePageSection1}</label>
<select id="selectHomeSection1" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="librarybuttons">${OptionLibraryButtons}</option>
<option value="librarytiles">${OptionLibraryTiles}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
</select>
</li>
<li>
<label for="selectHomeSection2">${LabelHomePageSection2}</label>
<select id="selectHomeSection2" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="librarybuttons">${OptionLibraryButtons}</option>
<option value="librarytiles">${OptionLibraryTiles}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="none">${OptionNone}</option>
</select>
</li>
<li>
<label for="selectHomeSection3">${LabelHomePageSection3}</label>
<select id="selectHomeSection3" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="librarybuttons">${OptionLibraryButtons}</option>
<option value="librarytiles">${OptionLibraryTiles}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="none">${OptionNone}</option>
</select>
</li>
</ul>

2
dashboard-ui/reports.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="libraryReportPage" data-role="page" data-theme="b" class="page libraryPage noSecondaryNavPage reportsPage">
<div id="libraryReportPage" data-role="page" data-theme="b" class="page libraryPage noSecondaryNavPage reportsPage" data-contextname="${HeaderReports}">
<div data-role="content">
<div style="text-align: center;">
<div class="viewControls">

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

@ -11,7 +11,7 @@
SortBy: "DateCreated",
SortOrder: "Descending",
MediaTypes: "Game",
Limit: 10,
Limit: 8,
Recursive: true,
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",
ParentId: parentId
@ -32,7 +32,7 @@
SortBy: "DatePlayed",
SortOrder: "Descending",
MediaTypes: "Game",
Limit: 10,
Limit: 8,
Recursive: true,
Filters: "IsPlayed",
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",

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

@ -184,6 +184,7 @@
var html = '';
if (result.Items.length) {
html += '<h1 class="listHeader">Latest Media</h1>';
html += '<div>';
html += LibraryBrowser.getPosterViewHtml({
@ -194,6 +195,8 @@
centerText: true
});
html += '</div>';
}
$(elem).html(html).createPosterItemMenus();
});
@ -211,16 +214,18 @@
var html = '';
if (result.Items.length) {
html += '<h1 class="listHeader">My Library</h1>';
html += '<div>';
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: 'backdrop',
showTitle: true,
centerText: true
});
html += '</div>';
}
$(elem).html(html).createPosterItemMenus();
});
@ -247,6 +252,7 @@
var html = '';
if (result.Items.length) {
html += '<h1 class="listHeader">Resume</h1>';
html += '<div>';
html += LibraryBrowser.getPosterViewHtml({
@ -258,6 +264,7 @@
showParentTitle: true
});
html += '</div>';
}
$(elem).html(html).createPosterItemMenus();
});
@ -280,6 +287,9 @@
}
else if (section == 'librarybuttons') {
loadlibraryButtons(elem, userId, index);
} else {
elem.empty();
}
}
@ -287,14 +297,18 @@
var i, length;
var sectionCount = 3;
var html = '';
var elem = $('.sections', page);
if (!elem.html().length) {
var html = '';
for (i = 0, length = sectionCount; i < length; i++) {
html += '<div class="section' + i + '"></div>';
html += '<div class="homePageSection section' + i + '"></div>';
}
$('.sections', page).html(html);
elem.html(html);
}
for (i = 0, length = sectionCount; i < length; i++) {

52
dashboard-ui/scripts/librarymenu.js
View file

@ -1,12 +1,12 @@
(function (window, document, $) {
function renderHeader(page, user) {
function renderHeader(user) {
var html = '<div class="viewMenuBar ui-bar-b">';
html += '<button type="button" data-role="none" title="Menu" onclick="LibraryMenu.showLibraryMenu();" class="headerButton libraryMenuButton headerButtonLeft"><img src="css/images/menu.png" /></button>';
html += '<a class="desktopHomeLink headerButton headerButtonLeft" href="index.html"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a>';
html += '<button type="button" data-role="none" title="Menu" onclick="LibraryMenu.showLibraryMenu();" class="headerButton libraryMenuButton headerButtonLeft"><img src="css/images/menu.png" />';
html += '<div class="libraryMenuButtonText"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></div>';
html += '</button>';
html += '<div class="viewMenuSecondary">';
@ -41,11 +41,9 @@
html += '</div>';
var $page = $(page);
$(document.body).prepend(html);
$page.prepend(html);
$page.trigger('headercreated');
$(document).trigger('headercreated');
}
function getItemHref(item) {
@ -104,7 +102,13 @@
}).join('');
$('.libraryMenuOptions').html(html);
var elem = $('.libraryMenuOptions').html(html);
$('.viewMenuTextLink', elem).on('click', function () {
$('.libraryMenuButtonText').html(this.innerHTML);
});
});
ApiClient.getLiveTvInfo().done(function (liveTvInfo) {
@ -152,9 +156,11 @@
html += '<div data-role="panel" id="libraryPanel" class="libraryPanel" data-position="left" data-display="overlay" data-position-fixed="true" data-theme="b">';
html += '<p class="libraryPanelHeader"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
html += '<div style="margin: 0 -1em;">';
html += '<a class="lnkMediaFolder viewMenuLink viewMenuTextLink homeViewMenu" href="index.html">Home</a>';
html += '<div class="libraryMenuDivider"></div>';
html += getViewsHtml(user, channelCount, items, liveTvInfo);
html += '</div>';
@ -249,6 +255,20 @@
});
}
function updateContextText(page) {
var name = page.getAttribute('data-contextname');
if (name) {
$('.libraryMenuButtonText').html('<span>' + name + '</span>');
}
else if ($(page).hasClass('allLibraryPage')) {
$('.libraryMenuButtonText').html('<span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span>');
}
}
$(document).on('pageinit', ".libraryPage", function () {
var page = this;
@ -265,18 +285,20 @@
var page = this;
updateLibraryNavLinks(page);
if (!$('.viewMenuBar', page).length) {
if (!$('.viewMenuBar').length) {
Dashboard.getCurrentUser().done(function (user) {
renderHeader(page, user);
renderHeader(user);
updateCastIcon();
updateLibraryNavLinks(page);
updateContextText(page);
});
} else {
updateContextText(page);
updateLibraryNavLinks(page);
}
}).on('pageshow', ".libraryPage", function () {

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

@ -570,7 +570,7 @@
};
}
$(document).on('headercreated', '.libraryPage', function () {
$(document).on('headercreated', function () {
$('.btnCast').on('click', function () {

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

@ -42,6 +42,8 @@
function enabled() {
var userId = Dashboard.getCurrentUserId();
var val = LocalSettings.val('enableThemeSongs', userId);
return val == '1';

2
dashboard-ui/songs.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="songsPage" data-role="page" class="page libraryPage" data-theme="b" data-view="music">
<div id="songsPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="musicrecommended.html">${TabSuggested}</a>
<a href="#" class="ui-btn-active">${TabSongs}</a>

2
dashboard-ui/tvgenres.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvGenresPage" data-role="page" class="page libraryPage" data-theme="b" data-view="tv">
<div id="tvGenresPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>

2
dashboard-ui/tvlatest.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvNextUpPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b" data-view="tv">
<div id="tvNextUpPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="#" class="ui-btn-active">${TabLatest}</a>

2
dashboard-ui/tvpeople.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvPeoplePage" data-role="page" class="page libraryPage" data-theme="b" data-view="tv">
<div id="tvPeoplePage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>

2
dashboard-ui/tvrecommended.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b" data-view="tv">
<div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="#" class="ui-btn-active">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>

2
dashboard-ui/tvshows.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvShowsPage" data-role="page" class="page libraryPage" data-theme="b" data-view="tv">
<div id="tvShowsPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>

2
dashboard-ui/tvstudios.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvStudiosPage" data-role="page" class="page libraryPage" data-theme="b" data-view="tv">
<div id="tvStudiosPage" data-role="page" class="page libraryPage" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>

2
dashboard-ui/tvupcoming.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaBrowser}</title>
</head>
<body>
<div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b" data-view="tv">
<div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggested}</a>
<a href="tvlatest.html">${TabLatest}</a>