mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-08-14 02:26:58 -07:00
Add links to info pages to move between show / season / episode
* Clicking poster moves up one level * Links in titles of season and episodes
This commit is contained in:
Jonathan Wong
parent
e976e6cf5c
commit
0848e317ee
3 changed files with 52 additions and 24 deletions
|
|
@ -23,7 +23,7 @@ select {
|
|||
outline: none;
|
||||
}
|
||||
select.input-sm {
|
||||
margin: 5px 0 5px 0;
|
||||
margin: 5px 0 5px 0;
|
||||
border: 2px solid #444;
|
||||
background: #333;
|
||||
-webkit-border-radius: 2px;
|
||||
|
|
@ -34,8 +34,8 @@ select.input-sm {
|
|||
}
|
||||
img {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.navbar {
|
||||
background: #000;
|
||||
|
|
@ -792,6 +792,11 @@ input[type="color"],
|
|||
width: 174px;
|
||||
height: 260px;
|
||||
}
|
||||
.summary-content-poster a:hover .poster-face {
|
||||
webkit-box-shadow: inset 0 0 0 2px #e9a049;
|
||||
-moz-box-shadow: inset 0 0 0 2px #e9a049;
|
||||
box-shadow: inset 0 0 0 2px #e9a049;
|
||||
}
|
||||
.summary-content-poster img {
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
|
|
@ -843,6 +848,13 @@ input[type="color"],
|
|||
line-height: 32px;
|
||||
float: left;
|
||||
}
|
||||
.summary-content-title h1 a{
|
||||
color: #F9AA03;
|
||||
}
|
||||
.summary-content-title h1 a:hover{
|
||||
color: #F9AA03;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.summary-content-details-wrapper {
|
||||
width: 100%;
|
||||
padding-bottom: 15px;
|
||||
|
|
@ -909,6 +921,8 @@ input[type="color"],
|
|||
}
|
||||
.summary-content-people-wrapper {
|
||||
margin-top: 25px;
|
||||
margin-right: 25px;
|
||||
float: left;
|
||||
}
|
||||
.summary-content-people-wrapper hidden-phone hidden-tablet {
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -54,10 +54,18 @@ DOCUMENTATION :: END
|
|||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<div class="summary-content-poster hidden-xs hidden-sm">
|
||||
% if data['type'] == 'episode' and data['parent_thumb']:
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['parent_thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
% elif data['type'] == 'episode':
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['grandparent_thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
% if data['type'] == 'episode':
|
||||
<a href="info?item_id=${data['parent_rating_key']}">
|
||||
% if data['parent_thumb']:
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['parent_thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
% else:
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['grandparent_thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
%endif
|
||||
</a>
|
||||
% elif data['type'] == 'season':
|
||||
<a href="info?item_id=${data['parent_rating_key']}">
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
</a>
|
||||
% else:
|
||||
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${data['thumb']}&width=300&height=450&fallback=poster);"></div>
|
||||
% endif
|
||||
|
|
@ -67,10 +75,10 @@ DOCUMENTATION :: END
|
|||
% if data['type'] == 'movie':
|
||||
<h1>${data['title']}</h1>
|
||||
% elif data['type'] == 'season':
|
||||
<h1>${data['parent_title']} (${data['title']})</h1>
|
||||
<h1><a href="info?item_id=${data['parent_rating_key']}">${data['parent_title']}</a> (${data['title']})</h1>
|
||||
% elif data['type'] == 'episode':
|
||||
<h1>${data['grandparent_title']} - ${data['title']}
|
||||
(Season ${data['parent_index']}, Episode ${data['index']})</h1>
|
||||
<h1><a href="info?item_id=${data['grandparent_rating_key']}">${data['grandparent_title']}</a> - ${data['title']}
|
||||
(<a href="info?item_id=${data['parent_rating_key']}">Season ${data['parent_index']}</a>, Episode ${data['index']})</h1>
|
||||
% else:
|
||||
<h1>${data['title']}</h1>
|
||||
% endif
|
||||
|
|
@ -115,20 +123,6 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="summary-content-people-wrapper hidden-xs hidden-sm">
|
||||
% if (data['type'] == 'movie' or data['type'] == 'show') and data['genres']:
|
||||
<div class="summary-content-genres">
|
||||
<strong>Genres</strong>
|
||||
<ul>
|
||||
% for genre in data['genres']:
|
||||
% if loop.index < 5:
|
||||
<li>
|
||||
${genre}
|
||||
</li>
|
||||
% endif
|
||||
% endfor
|
||||
</ul>
|
||||
</div>
|
||||
% endif
|
||||
% if (data['type'] == 'episode' or data['type'] == 'movie') and data['writers']:
|
||||
<div class="summary-content-writers">
|
||||
<strong>Written by</strong>
|
||||
|
|
@ -158,6 +152,22 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
% endif
|
||||
</div>
|
||||
<div class="summary-content-people-wrapper hidden-xs hidden-sm">
|
||||
% if (data['type'] == 'movie' or data['type'] == 'show') and data['genres']:
|
||||
<div class="summary-content-genres">
|
||||
<strong>Genres</strong>
|
||||
<ul>
|
||||
% for genre in data['genres']:
|
||||
% if loop.index < 5:
|
||||
<li>
|
||||
${genre}
|
||||
</li>
|
||||
% endif
|
||||
% endfor
|
||||
</ul>
|
||||
</div>
|
||||
% endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue