github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-14 01:02:59 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change library and user tabs to nav pills

Browse source
This commit is contained in:
JonnyWong16 2020-10-02 10:13:41 -07:00
parent 60cadb1e11
commit fc39f1521d
No known key found for this signature in database
GPG key ID: B1F1F9807184697A
4 changed files with 19 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

20
data/interfaces/default/css/tautulli.css
View file

@ -2119,6 +2119,10 @@ a:hover .item-children-poster {
width: 60px; width: 60px;
margin-right: 20px; margin-right: 20px;
} }
.nav-list {
list-style: none;
padding: 0;
}
#new_title h3 { #new_title h3 {
color: #f9be03; color: #f9be03;
font-size: 14px; font-size: 14px;
@ -2198,26 +2202,10 @@ li.advanced-setting {
.user-info-nav { .user-info-nav {
margin-top: 15px; margin-top: 15px;
} }
.user-info-nav > .active > a {
color: #cc7b19;
}
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus { .nav-tabs > .active > a:focus {
color: #e9a049; color: #e9a049;
} }
.user-info-nav a:hover {
color: #e9a049;
text-decoration: none;
}
.user-info-nav ul {
list-style: none;
padding: 0;
}
.user-info-nav li {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.user-overview-stats-wrapper { .user-overview-stats-wrapper {
} }
.user-overview-stats-wrapper ul { .user-overview-stats-wrapper ul {

2
data/interfaces/default/graphs.html
View file

@ -40,7 +40,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class='table-card-back'> <div class="table-card-back">
<ul class="nav nav-pills" role="tablist" id="graph-tabs"> <ul class="nav nav-pills" role="tablist" id="graph-tabs">
<li role="presentation"><a href="#tabs-1" aria-controls="tabs-1" data-toggle="tab" role="tab">Plays by Period</a></li> <li role="presentation"><a href="#tabs-1" aria-controls="tabs-1" data-toggle="tab" role="tab">Plays by Period</a></li>
<li role="presentation"><a href="#tabs-2" aria-controls="tabs-2" data-toggle="tab" role="tab">Stream Info</a></li> <li role="presentation"><a href="#tabs-2" aria-controls="tabs-2" data-toggle="tab" role="tab">Stream Info</a></li>

22
data/interfaces/default/library.html
View file

@ -87,15 +87,15 @@ DOCUMENTATION :: END
% endif % endif
</div> </div>
<div class="user-info-nav"> <div class="user-info-nav">
<ul class="user-info-nav" role="tablist"> <ul class="nav-list nav-pills" role="tablist">
<li class="active"><a href="#tabs-profile" role="tab" data-toggle="tab">Profile</a></li> <li class="active"><a href="#tabs-profile" role="tab" data-toggle="tab">Profile</a></li>
<li><a id="history-tab-btn" href="#tabs-history" role="tab" data-toggle="tab">History</a></li> <li><a href="#tabs-history" role="tab" data-toggle="tab">History</a></li>
% if _session['user_group'] == 'admin': % if _session['user_group'] == 'admin':
% if data['section_id'] != LIVE_TV_SECTION_ID: % if data['section_id'] != LIVE_TV_SECTION_ID:
<li><a id="media-info-tab-btn" href="#tabs-mediainfo" role="tab" data-toggle="tab">Media Info</a></li> <li><a href="#tabs-mediainfo" role="tab" data-toggle="tab">Media Info</a></li>
<li><a id="collections-tab-btn" href="#tabs-collections" role="tab" data-toggle="tab">Collections</a></li> <li><a href="#tabs-collections" role="tab" data-toggle="tab">Collections</a></li>
<li><a id="playlists-tab-btn" href="#tabs-playlists" role="tab" data-toggle="tab">Playlists</a></li> <li><a href="#tabs-playlists" role="tab" data-toggle="tab">Playlists</a></li>
<li><a id="export-tab-btn" href="#tabs-export" role="tab" data-toggle="tab">Export</a></li> <li><a href="#tabs-export" role="tab" data-toggle="tab">Export</a></li>
% endif % endif
% endif % endif
</ul> </ul>
@ -245,19 +245,18 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
% if _session['user_group'] == 'admin':
<div role="tabpanel" class="tab-pane" id="tabs-mediainfo"> <div role="tabpanel" class="tab-pane" id="tabs-mediainfo">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
% if config['get_file_sizes'] and data['section_id'] in config['get_file_sizes_hold']['section_ids']: % if config['get_file_sizes'] and data['section_id'] in config['get_file_sizes_hold']['section_ids']:
<div id="get_file_sizes_message" style="text-align: center; margin-top: 20px;"> <div id="get_file_sizes_message" style="text-align: center; margin-top: 20px;">
% else:
<div id="get_file_sizes_message" style="text-align: center; margin-top: 20px; display: none;">
% endif
<i class="fa fa-refresh fa-spin"></i>&nbsp; Tautulli is calculating the file sizes for the library's media info. This could take a few minutes depending on the size of your library. <i class="fa fa-refresh fa-spin"></i>&nbsp; Tautulli is calculating the file sizes for the library's media info. This could take a few minutes depending on the size of your library.
<br /> <br />
You may leave this page and check back later. You may leave this page and check back later.
</div> </div>
% endif
<div class='table-card-header'> <div class='table-card-header'>
<div class="header-bar"> <div class="header-bar">
<span> <span>
@ -456,6 +455,7 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
% endif
</div> </div>
</div> </div>
</div> </div>
@ -897,11 +897,11 @@ DOCUMENTATION :: END
var hash = document.location.hash; var hash = document.location.hash;
var prefix = "tab_"; var prefix = "tab_";
if (hash) { if (hash) {
$('.user-info-nav a[href='+hash.replace(prefix,"")+']').tab('show').trigger('show.bs.tab'); $('.nav-list a[href=' + hash.replace(prefix, "") + ']').tab('show').trigger('show.bs.tab');
} }
// Change hash for page-reload // Change hash for page-reload
$('.user-info-nav a').on('shown.bs.tab', function (e) { $('.nav-list a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash.replace("#", "#" + prefix); window.location.hash = e.target.hash.replace("#", "#" + prefix);
}); });

6
data/interfaces/default/user.html
View file

@ -67,7 +67,7 @@ DOCUMENTATION :: END
% endif % endif
</div> </div>
<div class="user-info-nav"> <div class="user-info-nav">
<ul class="user-info-nav" role="tablist"> <ul class="nav-list nav-pills" role="tablist">
<li class="active"><a href="#tabs-profile" role="tab" data-toggle="tab">Profile</a></li> <li class="active"><a href="#tabs-profile" role="tab" data-toggle="tab">Profile</a></li>
<li><a id="history-tab-btn" href="#tabs-history" role="tab" data-toggle="tab">History</a></li> <li><a id="history-tab-btn" href="#tabs-history" role="tab" data-toggle="tab">History</a></li>
<li><a id="sync-tab-btn" href="#tabs-synceditems" role="tab" data-toggle="tab">Synced Items</a></li> <li><a id="sync-tab-btn" href="#tabs-synceditems" role="tab" data-toggle="tab">Synced Items</a></li>
@ -709,11 +709,11 @@ DOCUMENTATION :: END
var hash = document.location.hash; var hash = document.location.hash;
var prefix = "tab_"; var prefix = "tab_";
if (hash) { if (hash) {
$('.user-info-nav a[href='+hash.replace(prefix,"")+']').tab('show').trigger('show.bs.tab'); $('.nav-list a[href=' + hash.replace(prefix, "") + ']').tab('show').trigger('show.bs.tab');
} }
// Change hash for page-reload // Change hash for page-reload
$('.user-info-nav a').on('shown.bs.tab', function (e) { $('.nav-list a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash.replace("#", "#" + prefix); window.location.hash = e.target.hash.replace("#", "#" + prefix);
}); });