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

added live tv page stubs

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

View file

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

View file

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

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>

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>

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>

View file

@ -2339,27 +2339,36 @@
var view = page.getAttribute('data-view') || getParameterByName('context');
var viewCount = 0;
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>';
viewCount++;
}
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>';
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) {
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>';
viewCount++;
}
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>';
viewCount++;
}
$(page).addClass('pageViewCount' + viewCount);
$('.homeMenuLink', page).after(html);
}

View file

@ -0,0 +1 @@


View file

@ -0,0 +1 @@


View file

@ -0,0 +1 @@