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

added live tv page stubs

Browse source
This commit is contained in:
Luke Pulverenti 2013-11-14 17:22:46 -05:00
parent 8fc1c01ad5
commit 732cbeaad8
9 changed files with 99 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,19 @@
} }
.libraryPage { .libraryPage {
padding-top: 68px !important;
}
@media all and (min-width: 600px) {
.libraryPage:not(.pageViewCount5) {
padding-top: 35px !important; padding-top: 35px !important;
}
}
@media all and (min-width: 665px) {
.pageViewCount5 {
padding-top: 35px !important;
}
} }
.headerArrowImage { .headerArrowImage {
@ -32,7 +44,7 @@
.viewMenuLink { .viewMenuLink {
text-decoration: none; text-decoration: none;
color: #ccc; color: #ccc;
padding: 7px .9em 6px; padding: 7px .5em 6px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
@ -61,6 +73,12 @@
text-transform: uppercase; text-transform: uppercase;
} }
.viewMenuTextLink {
display: inline-block;
}
.viewName { .viewName {
vertical-align: middle; vertical-align: middle;
} }
@ -491,6 +509,11 @@ a.itemTag:hover {
@media all and (min-width: 750px) { @media all and (min-width: 750px) {
.viewMenuLink {
padding-left: .8em;
padding-right: .8em;
}
.lnkSibling:not(.hide) { .lnkSibling:not(.hide) {
display: block; display: block;
} }
@ -503,14 +526,6 @@ a.itemTag:hover {
bottom: 260px; bottom: 260px;
} }
.viewMenuTextLink {
display: inline-block;
}
.viewMenuImageLink:not(.remoteControlMenuLink) {
display: none;
}
.libraryViewNav a { .libraryViewNav a {
padding: .5em 1em; padding: .5em 1em;
} }

10
dashboard-ui/css/search.css
View file

@ -49,7 +49,7 @@
} }
.searchHints { .searchHints {
width: 148px; width: 248px;
color: #000; color: #000;
background-color: #fff; background-color: #fff;
border: 1px solid #999; border: 1px solid #999;
@ -108,25 +108,25 @@
padding: 2px 5px; padding: 2px 5px;
} }
@media all and (min-width: 650px) { @media all and (min-width: 340px) {
.headerSearch { .headerSearch {
display: inline-block; display: inline-block;
} }
} }
@media all and (min-width: 750px) { @media all and (min-width: 850px) {
.txtSearch { .txtSearch {
width: 200px; width: 200px;
} }
.searchHints { .searchHints {
width: 198px; width: 248px;
} }
} }
@media all and (min-width: 850px) { @media all and (min-width: 950px) {
.txtSearch { .txtSearch {
width: 250px; width: 250px;
} }

17
dashboard-ui/livetvchannels.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Media Browser</title>
</head>
<body>
<div id="liveTvChannelsPage" data-role="page" class="page libraryPage" data-theme="a" data-view="livetv">
<div class="libraryViewNav">
<a href="livetvguide.html">Guide</a>
<a href="livetvchannels.html" class="ui-btn-active">Channels</a>
<a href="livetvrecordings.html">Recordings</a>
</div>
<div data-role="content">
</div>
</div>
</body>
</html>

17
dashboard-ui/livetvguide.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Media Browser</title>
</head>
<body>
<div id="liveTvGuidePage" data-role="page" class="page libraryPage" data-theme="a" data-view="livetv">
<div class="libraryViewNav">
<a href="livetvguide.html" class="ui-btn-active">Guide</a>
<a href="livetvchannels.html">Channels</a>
<a href="livetvrecordings.html">Recordings</a>
</div>
<div data-role="content">
</div>
</div>
</body>
</html>

17
dashboard-ui/livetvrecordings.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Media Browser</title>
</head>
<body>
<div id="liveTvRecordingsPage" data-role="page" class="page libraryPage" data-theme="a" data-view="livetv">
<div class="libraryViewNav">
<a href="livetvguide.html">Guide</a>
<a href="livetvchannels.html">Channels</a>
<a href="livetvrecordings.html" class="ui-btn-active">Recordings</a>
</div>
<div data-role="content">
</div>
</div>
</body>
</html>

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

@ -2339,27 +2339,36 @@
var view = page.getAttribute('data-view') || getParameterByName('context'); var view = page.getAttribute('data-view') || getParameterByName('context');
var viewCount = 0;
if (counts.MovieCount || counts.TrailerCount) { if (counts.MovieCount || counts.TrailerCount) {
html += '<a class="viewMenuLink viewMenuImageLink" href="moviesrecommended.html" title="Movies"><img src="css/images/views/movies.png" alt="Movies" /></a>';
html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'movies' ? selectedCssClass : '') + '" href="moviesrecommended.html">' + (view == 'movies' ? selectedHtml : '') + '<span class="viewName">Movies</span></a>'; html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'movies' ? selectedCssClass : '') + '" href="moviesrecommended.html">' + (view == 'movies' ? selectedHtml : '') + '<span class="viewName">Movies</span></a>';
viewCount++;
} }
if (counts.EpisodeCount || counts.SeriesCount) { if (counts.EpisodeCount || counts.SeriesCount) {
html += '<a class="viewMenuLink viewMenuImageLink" href="tvrecommended.html" title="TV"><img src="css/images/views/tvshows.png" alt="TV" /></a>';
html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'tv' ? selectedCssClass : '') + '" href="tvrecommended.html">' + (view == 'tv' ? selectedHtml : '') + '<span class="viewName">TV</span></a>'; html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'tv' ? selectedCssClass : '') + '" href="tvrecommended.html">' + (view == 'tv' ? selectedHtml : '') + '<span class="viewName">TV</span></a>';
viewCount++;
}
if (false) {
html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'livetv' ? selectedCssClass : '') + '" href="livetvchannels.html">' + (view == 'livetv' ? selectedHtml : '') + '<span class="viewName">Live TV</span></a>';
viewCount++;
} }
if (counts.SongCount || counts.MusicVideoCount) { if (counts.SongCount || counts.MusicVideoCount) {
html += '<a class="viewMenuLink viewMenuImageLink" href="musicrecommended.html" title="Music"><img src="css/images/views/music.png" alt="Music" /></a>';
html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'music' ? selectedCssClass : '') + '" href="musicrecommended.html">' + (view == 'music' ? selectedHtml : '') + '<span class="viewName">Music</span></a>'; html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'music' ? selectedCssClass : '') + '" href="musicrecommended.html">' + (view == 'music' ? selectedHtml : '') + '<span class="viewName">Music</span></a>';
viewCount++;
} }
if (counts.GameCount) { if (counts.GameCount) {
html += '<a class="viewMenuLink viewMenuImageLink" href="gamesrecommended.html" title="Games"><img src="css/images/views/games.png" alt="Games" /></a>';
html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'games' ? selectedCssClass : '') + '" href="gamesrecommended.html">' + (view == 'games' ? selectedHtml : '') + '<span class="viewName">Games</span></a>'; html += '<a class="viewMenuLink viewMenuTextLink' + (view == 'games' ? selectedCssClass : '') + '" href="gamesrecommended.html">' + (view == 'games' ? selectedHtml : '') + '<span class="viewName">Games</span></a>';
viewCount++;
} }
$(page).addClass('pageViewCount' + viewCount);
$('.homeMenuLink', page).after(html); $('.homeMenuLink', page).after(html);
} }

1
dashboard-ui/scripts/livetvchannels.js Normal file
View file

@ -0,0 +1 @@


1
dashboard-ui/scripts/livetvguide.js Normal file
View file

@ -0,0 +1 @@


1
dashboard-ui/scripts/livetvrecordings.js Normal file
View file

@ -0,0 +1 @@