mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
show context when navigating
This commit is contained in:
parent
ba33bf6fff
commit
624687e363
60 changed files with 184 additions and 129 deletions
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="channels.html" class="ui-btn-active">${TabChannels}</a>
|
<a href="channels.html" class="ui-btn-active">${TabChannels}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabChannels}</a>
|
<a href="#" class="ui-btn-active">${TabChannels}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabCollections}</a>
|
<a href="#" class="ui-btn-active">${TabCollections}</a>
|
||||||
|
|
BIN
dashboard-ui/css/images/items/folders/home.png
Normal file
BIN
dashboard-ui/css/images/items/folders/home.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.2 KiB |
|
@ -17,7 +17,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropPage {
|
.backdropPage {
|
||||||
background-color: rgba(0, 0, 0, .85)!important;
|
background-color: rgba(0, 0, 0, .87)!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropContainer {
|
.backdropContainer {
|
||||||
|
@ -68,6 +68,10 @@
|
||||||
max-width: 750px;
|
max-width: 750px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.homePageSection + .homePageSection {
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
@media all and (min-width: 1000px) {
|
@media all and (min-width: 1000px) {
|
||||||
|
|
||||||
.ehsContent {
|
.ehsContent {
|
||||||
|
|
|
@ -28,10 +28,10 @@
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #1b1b1b!important;
|
border: 0!important;
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerButton img {
|
.headerButton img {
|
||||||
|
@ -44,7 +44,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerButtonLeft {
|
.headerButtonLeft {
|
||||||
border-width: 0 1px 0 0 !important;
|
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
@ -52,30 +51,33 @@
|
||||||
.headerButtonRight {
|
.headerButtonRight {
|
||||||
border-width: 0 !important;
|
border-width: 0 !important;
|
||||||
float: left;
|
float: left;
|
||||||
border-width: 0 0 0 1px !important;
|
padding: 0 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerButtonRight:first-child {
|
.headerButtonRight:first-child {
|
||||||
border-width: 0 !important;
|
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 {
|
.libraryMenuButton {
|
||||||
left: 0;
|
left: 0;
|
||||||
opacity: .8;
|
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 {
|
.viewMenuBar {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -141,12 +143,16 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewMenuTextLink:hover, .libraryMenuButton:hover {
|
.viewMenuTextLink:hover {
|
||||||
background-color: #38c;
|
background-color: #38c;
|
||||||
color: #fff!important;
|
color: #fff!important;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.libraryMenuButton:hover {
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
|
||||||
.headerButtonRight:hover {
|
.headerButtonRight:hover {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
@ -180,6 +186,11 @@
|
||||||
background-position: 16px 8px;
|
background-position: 16px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.homeViewMenu {
|
||||||
|
background-image: url(images/items/folders/home.png);
|
||||||
|
background-position: 16px 9px;
|
||||||
|
}
|
||||||
|
|
||||||
.tvshowsViewMenu {
|
.tvshowsViewMenu {
|
||||||
background-image: url(images/items/folders/tv.png);
|
background-image: url(images/items/folders/tv.png);
|
||||||
background-position: 16px 8px;
|
background-position: 16px 8px;
|
||||||
|
@ -292,7 +303,7 @@
|
||||||
|
|
||||||
@media all and (max-width: 600px) {
|
@media all and (max-width: 600px) {
|
||||||
|
|
||||||
.desktopHomeLink {
|
.libraryMenuButtonText {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content editPageContent">
|
||||||
<div class="editPageSidebar">
|
<div class="editPageSidebar">
|
||||||
<div class="libraryTree">
|
<div class="libraryTree">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content editPageContent">
|
||||||
<div class="editPageSidebar">
|
<div class="editPageSidebar">
|
||||||
<div class="libraryTree">
|
<div class="libraryTree">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content editPageContent">
|
||||||
<div class="editPageSidebar">
|
<div class="editPageSidebar">
|
||||||
<div class="libraryTree">
|
<div class="libraryTree">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content editPageContent">
|
||||||
<div class="editPageSidebar">
|
<div class="editPageSidebar">
|
||||||
<div class="libraryTree">
|
<div class="libraryTree">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="gamesrecommended.html">${TabSuggested}</a>
|
<a href="gamesrecommended.html">${TabSuggested}</a>
|
||||||
<a href="games.html">${TabGames}</a>
|
<a href="games.html">${TabGames}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="gamesrecommended.html">${TabSuggested}</a>
|
<a href="gamesrecommended.html">${TabSuggested}</a>
|
||||||
<a href="#" class="ui-btn-active">${TabGames}</a>
|
<a href="#" class="ui-btn-active">${TabGames}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
||||||
<a href="games.html">${TabGames}</a>
|
<a href="games.html">${TabGames}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="gamesrecommended.html">${TabSuggested}</a>
|
<a href="gamesrecommended.html">${TabSuggested}</a>
|
||||||
<a href="games.html">${TabGames}</a>
|
<a href="games.html">${TabGames}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="gamesrecommended.html">${TabSuggested}</a>
|
<a href="gamesrecommended.html">${TabSuggested}</a>
|
||||||
<a href="games.html">${TabGames}</a>
|
<a href="games.html">${TabGames}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html" class="ui-btn-active">${TabGuide}</a>
|
<a href="livetvguide.html" class="ui-btn-active">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleLiveTV}</title>
|
<title>${TitleLiveTV}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content">
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="livetvsuggested.html">${TabSuggested}</a>
|
<a href="livetvsuggested.html">${TabSuggested}</a>
|
||||||
<a href="livetvguide.html">${TabGuide}</a>
|
<a href="livetvguide.html">${TabGuide}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="movieslatest.html">${TabLatest}</a>
|
<a href="movieslatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="movieslatest.html">${TabLatest}</a>
|
<a href="movieslatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="movieslatest.html">${TabLatest}</a>
|
<a href="movieslatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabLatest}</a>
|
<a href="#" class="ui-btn-active">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="movieslatest.html">${TabLatest}</a>
|
<a href="movieslatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="movieslatest.html">${TabLatest}</a>
|
<a href="movieslatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 class="alphabetPicker">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
<a href="songs.html">${TabSongs}</a>
|
<a href="songs.html">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
<a href="songs.html">${TabSongs}</a>
|
<a href="songs.html">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
<a href="songs.html">${TabSongs}</a>
|
<a href="songs.html">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
<a href="songs.html">${TabSongs}</a>
|
<a href="songs.html">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
||||||
<a href="songs.html">${TabSongs}</a>
|
<a href="songs.html">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="#" class="ui-btn-active lnkDisplayPreferences">${TabDisplay}</a>
|
<a href="#" class="ui-btn-active lnkDisplayPreferences">${TabDisplay}</a>
|
||||||
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>
|
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
|
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
|
||||||
<a href="#" class="ui-btn-active lnkLanguagePreferences">${TabLanguages}</a>
|
<a href="#" class="ui-btn-active lnkLanguagePreferences">${TabLanguages}</a>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav">
|
||||||
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
|
<a href="#" class="lnkDisplayPreferences">${TabDisplay}</a>
|
||||||
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>
|
<a href="#" class="lnkLanguagePreferences">${TabLanguages}</a>
|
||||||
|
@ -26,30 +26,32 @@
|
||||||
<label for="selectHomeSection1">${LabelHomePageSection1}</label>
|
<label for="selectHomeSection1">${LabelHomePageSection1}</label>
|
||||||
<select id="selectHomeSection1" data-mini="true">
|
<select id="selectHomeSection1" data-mini="true">
|
||||||
<option value="">${OptionAuto}</option>
|
<option value="">${OptionAuto}</option>
|
||||||
|
<option value="latestmedia">${OptionLatestMedia}</option>
|
||||||
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
||||||
<option value="librarytiles">${OptionLibraryTiles}</option>
|
<option value="librarytiles">${OptionLibraryTiles}</option>
|
||||||
<option value="resume">${OptionResumablemedia}</option>
|
<option value="resume">${OptionResumablemedia}</option>
|
||||||
<option value="latestmedia">${OptionLatestMedia}</option>
|
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<label for="selectHomeSection2">${LabelHomePageSection2}</label>
|
<label for="selectHomeSection2">${LabelHomePageSection2}</label>
|
||||||
<select id="selectHomeSection2" data-mini="true">
|
<select id="selectHomeSection2" data-mini="true">
|
||||||
<option value="">${OptionAuto}</option>
|
<option value="">${OptionAuto}</option>
|
||||||
|
<option value="latestmedia">${OptionLatestMedia}</option>
|
||||||
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
||||||
<option value="librarytiles">${OptionLibraryTiles}</option>
|
<option value="librarytiles">${OptionLibraryTiles}</option>
|
||||||
<option value="resume">${OptionResumablemedia}</option>
|
<option value="resume">${OptionResumablemedia}</option>
|
||||||
<option value="latestmedia">${OptionLatestMedia}</option>
|
<option value="none">${OptionNone}</option>
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<label for="selectHomeSection3">${LabelHomePageSection3}</label>
|
<label for="selectHomeSection3">${LabelHomePageSection3}</label>
|
||||||
<select id="selectHomeSection3" data-mini="true">
|
<select id="selectHomeSection3" data-mini="true">
|
||||||
<option value="">${OptionAuto}</option>
|
<option value="">${OptionAuto}</option>
|
||||||
|
<option value="latestmedia">${OptionLatestMedia}</option>
|
||||||
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
<option value="librarybuttons">${OptionLibraryButtons}</option>
|
||||||
<option value="librarytiles">${OptionLibraryTiles}</option>
|
<option value="librarytiles">${OptionLibraryTiles}</option>
|
||||||
<option value="resume">${OptionResumablemedia}</option>
|
<option value="resume">${OptionResumablemedia}</option>
|
||||||
<option value="latestmedia">${OptionLatestMedia}</option>
|
<option value="none">${OptionNone}</option>
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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 data-role="content">
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
<div class="viewControls">
|
<div class="viewControls">
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
SortBy: "DateCreated",
|
SortBy: "DateCreated",
|
||||||
SortOrder: "Descending",
|
SortOrder: "Descending",
|
||||||
MediaTypes: "Game",
|
MediaTypes: "Game",
|
||||||
Limit: 10,
|
Limit: 8,
|
||||||
Recursive: true,
|
Recursive: true,
|
||||||
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",
|
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",
|
||||||
ParentId: parentId
|
ParentId: parentId
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
SortBy: "DatePlayed",
|
SortBy: "DatePlayed",
|
||||||
SortOrder: "Descending",
|
SortOrder: "Descending",
|
||||||
MediaTypes: "Game",
|
MediaTypes: "Game",
|
||||||
Limit: 10,
|
Limit: 8,
|
||||||
Recursive: true,
|
Recursive: true,
|
||||||
Filters: "IsPlayed",
|
Filters: "IsPlayed",
|
||||||
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",
|
Fields: "ItemCounts,AudioInfo,PrimaryImageAspectRatio",
|
||||||
|
|
|
@ -184,6 +184,7 @@
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
if (result.Items.length) {
|
||||||
html += '<h1 class="listHeader">Latest Media</h1>';
|
html += '<h1 class="listHeader">Latest Media</h1>';
|
||||||
html += '<div>';
|
html += '<div>';
|
||||||
html += LibraryBrowser.getPosterViewHtml({
|
html += LibraryBrowser.getPosterViewHtml({
|
||||||
|
@ -194,6 +195,8 @@
|
||||||
centerText: true
|
centerText: true
|
||||||
});
|
});
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
$(elem).html(html).createPosterItemMenus();
|
$(elem).html(html).createPosterItemMenus();
|
||||||
});
|
});
|
||||||
|
@ -211,16 +214,18 @@
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
if (result.Items.length) {
|
||||||
html += '<h1 class="listHeader">My Library</h1>';
|
html += '<h1 class="listHeader">My Library</h1>';
|
||||||
html += '<div>';
|
html += '<div>';
|
||||||
html += LibraryBrowser.getPosterViewHtml({
|
html += LibraryBrowser.getPosterViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
preferThumb: true,
|
|
||||||
shape: 'backdrop',
|
shape: 'backdrop',
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
centerText: true
|
centerText: true
|
||||||
});
|
});
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
$(elem).html(html).createPosterItemMenus();
|
$(elem).html(html).createPosterItemMenus();
|
||||||
});
|
});
|
||||||
|
@ -247,6 +252,7 @@
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
if (result.Items.length) {
|
||||||
html += '<h1 class="listHeader">Resume</h1>';
|
html += '<h1 class="listHeader">Resume</h1>';
|
||||||
html += '<div>';
|
html += '<div>';
|
||||||
html += LibraryBrowser.getPosterViewHtml({
|
html += LibraryBrowser.getPosterViewHtml({
|
||||||
|
@ -258,6 +264,7 @@
|
||||||
showParentTitle: true
|
showParentTitle: true
|
||||||
});
|
});
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
$(elem).html(html).createPosterItemMenus();
|
$(elem).html(html).createPosterItemMenus();
|
||||||
});
|
});
|
||||||
|
@ -280,6 +287,9 @@
|
||||||
}
|
}
|
||||||
else if (section == 'librarybuttons') {
|
else if (section == 'librarybuttons') {
|
||||||
loadlibraryButtons(elem, userId, index);
|
loadlibraryButtons(elem, userId, index);
|
||||||
|
} else {
|
||||||
|
|
||||||
|
elem.empty();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -287,14 +297,18 @@
|
||||||
|
|
||||||
var i, length;
|
var i, length;
|
||||||
var sectionCount = 3;
|
var sectionCount = 3;
|
||||||
var html = '';
|
|
||||||
|
|
||||||
|
var elem = $('.sections', page);
|
||||||
|
|
||||||
|
if (!elem.html().length) {
|
||||||
|
var html = '';
|
||||||
for (i = 0, length = sectionCount; i < length; i++) {
|
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++) {
|
for (i = 0, length = sectionCount; i < length; i++) {
|
||||||
|
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
(function (window, document, $) {
|
(function (window, document, $) {
|
||||||
|
|
||||||
function renderHeader(page, user) {
|
function renderHeader(user) {
|
||||||
|
|
||||||
var html = '<div class="viewMenuBar ui-bar-b">';
|
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 += '<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 += '<a class="desktopHomeLink headerButton headerButtonLeft" href="index.html"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a>';
|
html += '</button>';
|
||||||
|
|
||||||
html += '<div class="viewMenuSecondary">';
|
html += '<div class="viewMenuSecondary">';
|
||||||
|
|
||||||
|
@ -41,11 +41,9 @@
|
||||||
|
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
||||||
var $page = $(page);
|
$(document.body).prepend(html);
|
||||||
|
|
||||||
$page.prepend(html);
|
$(document).trigger('headercreated');
|
||||||
|
|
||||||
$page.trigger('headercreated');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getItemHref(item) {
|
function getItemHref(item) {
|
||||||
|
@ -104,7 +102,13 @@
|
||||||
|
|
||||||
}).join('');
|
}).join('');
|
||||||
|
|
||||||
$('.libraryMenuOptions').html(html);
|
var elem = $('.libraryMenuOptions').html(html);
|
||||||
|
|
||||||
|
$('.viewMenuTextLink', elem).on('click', function () {
|
||||||
|
|
||||||
|
$('.libraryMenuButtonText').html(this.innerHTML);
|
||||||
|
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
ApiClient.getLiveTvInfo().done(function (liveTvInfo) {
|
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 += '<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 += '<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 += getViewsHtml(user, channelCount, items, liveTvInfo);
|
||||||
html += '</div>';
|
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 () {
|
$(document).on('pageinit', ".libraryPage", function () {
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
@ -265,18 +285,20 @@
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
|
||||||
updateLibraryNavLinks(page);
|
if (!$('.viewMenuBar').length) {
|
||||||
|
|
||||||
if (!$('.viewMenuBar', page).length) {
|
|
||||||
|
|
||||||
Dashboard.getCurrentUser().done(function (user) {
|
Dashboard.getCurrentUser().done(function (user) {
|
||||||
|
|
||||||
renderHeader(page, user);
|
renderHeader(user);
|
||||||
|
|
||||||
updateCastIcon();
|
updateCastIcon();
|
||||||
|
|
||||||
updateLibraryNavLinks(page);
|
updateLibraryNavLinks(page);
|
||||||
|
updateContextText(page);
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
|
updateContextText(page);
|
||||||
|
updateLibraryNavLinks(page);
|
||||||
}
|
}
|
||||||
|
|
||||||
}).on('pageshow', ".libraryPage", function () {
|
}).on('pageshow', ".libraryPage", function () {
|
||||||
|
|
|
@ -570,7 +570,7 @@
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('headercreated', '.libraryPage', function () {
|
$(document).on('headercreated', function () {
|
||||||
|
|
||||||
$('.btnCast').on('click', function () {
|
$('.btnCast').on('click', function () {
|
||||||
|
|
||||||
|
|
|
@ -42,6 +42,8 @@
|
||||||
|
|
||||||
function enabled() {
|
function enabled() {
|
||||||
|
|
||||||
|
var userId = Dashboard.getCurrentUserId();
|
||||||
|
|
||||||
var val = LocalSettings.val('enableThemeSongs', userId);
|
var val = LocalSettings.val('enableThemeSongs', userId);
|
||||||
|
|
||||||
return val == '1';
|
return val == '1';
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="musicrecommended.html">${TabSuggested}</a>
|
<a href="musicrecommended.html">${TabSuggested}</a>
|
||||||
<a href="#" class="ui-btn-active">${TabSongs}</a>
|
<a href="#" class="ui-btn-active">${TabSongs}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="#" class="ui-btn-active">${TabLatest}</a>
|
<a href="#" class="ui-btn-active">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
<a href="#" class="ui-btn-active">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<title>${TitleMediaBrowser}</title>
|
<title>${TitleMediaBrowser}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
<a href="tvrecommended.html">${TabSuggested}</a>
|
<a href="tvrecommended.html">${TabSuggested}</a>
|
||||||
<a href="tvlatest.html">${TabLatest}</a>
|
<a href="tvlatest.html">${TabLatest}</a>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue