github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-19 21:03:21 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Move all modals out of body-container

Browse source
This commit is contained in:
JonnyWong16 2017-02-03 17:23:20 -08:00
commit d875f21647
22 changed files with 1340 additions and 1345 deletions
Download patch file Download diff file Expand all files Collapse all files

14
data/interfaces/default/base.html
View file

@ -246,6 +246,14 @@
</nav> </nav>
</div> </div>
${next.headerIncludes()}
<div class="body-container">
${next.body()}
</div>
${next.modalIncludes()}
% if _session['user_group'] != 'admin': % if _session['user_group'] != 'admin':
<div id="admin-login-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="admin-login-modal"> <div id="admin-login-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="admin-login-modal">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
@ -288,11 +296,6 @@
</div> </div>
% endif % endif
${next.headerIncludes()}
<div class="body-container">
${next.body()}
</div>
<div id="confirm-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal"> <div id="confirm-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
@ -419,6 +422,7 @@ ${next.javascriptIncludes()}
</body> </body>
</html> </html>
<%def name="modalIncludes()"></%def>
<%def name="javascriptIncludes()"></%def> <%def name="javascriptIncludes()"></%def>
<%def name="headIncludes()"></%def> <%def name="headIncludes()"></%def>
<%def name="headerIncludes()"></%def> <%def name="headerIncludes()"></%def>

40
data/interfaces/default/configuration_table.html
View file

@ -93,46 +93,6 @@ DOCUMENTATION :: END
</tbody> </tbody>
</table> </table>
<div id="guidelines-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="guidelines-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title">Guidelines</h4>
</div>
<div class="modal-body">
<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
<strong>Please read the <a href="#" target="_blank" id="guidelines-link">guidelines</a> in the README document <br />before submitting a new <span id="guidelines-type"></span>!</strong>
<br /><br />
Your post may be removed for failure to follow the guidelines.
</div>
</div>
<div class="modal-footer">
<a href="#" target="_blank" id="guidelines-continue" class="btn btn-bright">Continue</a>
</div>
</div>
</div>
</div>
<div id="support-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="support-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title">Support</h4>
</div>
<div class="modal-body">
<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
<strong>Please read the <a href="#" target="_blank" id="faq-link">FAQ</a> before asking for help!</strong>
</div>
</div>
<div class="modal-footer">
<a href="#" target="_blank" id="support-continue" class="btn btn-bright">Continue</a>
</div>
</div>
</div>
</div>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$("#install_geoip_db, #reinstall_geoip_db").click(function () { $("#install_geoip_db, #reinstall_geoip_db").click(function () {

86
data/interfaces/default/css/plexpy-dataTables.css
View file

@ -34,7 +34,7 @@ table.display {
margin: 0 auto; margin: 0 auto;
clear: both; clear: both;
width: 100%; width: 100%;
font-size: 14px; font-size: 12px;
line-height: 25px; line-height: 25px;
/* Note Firefox 3.5 and before have a bug with border-collapse /* Note Firefox 3.5 and before have a bug with border-collapse
* ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
@ -332,4 +332,86 @@ div.box {
} }
td.no-wrap, th.no-wrap { td.no-wrap, th.no-wrap {
white-space:nowrap; white-space:nowrap;
} }
/*
* Custom styles
*/
table.display,
table.display tr.shown + tr table[id^='history_child'],
table.display tr.shown + tr table[id^='media_info_child'],
table.display tr.shown + tr table[id^='media_info_child'] tr.shown + tr table[id^='media_info_child'] {
table-layout: auto;
}
table.display tr.shown + tr div.slider {
display: none;
}
table.display tr.shown + tr > td {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
table.display tr.shown + tr:hover {
background-color: rgba(255,255,255,0);
}
table.display tr.shown + tr:hover a,
table.display tr.shown + tr td:hover a,
table.display tr.shown + tr .pagination > .active > a,
table.display tr.shown + tr .pagination > .active > a:hover {
color: #fff;
}
table.display tr.shown + tr table[id^='history_child'] td:hover a,
table.display tr.shown + tr table[id^='media_info_child'] > tr > td:hover a,
table.display tr.shown + tr table[id^='media_info_child'] tr.shown + tr table[id^='media_info_child'] td:hover a {
color: #cc7b19;
}
table.display tr.shown + tr .pagination > .disabled > a,
table.display tr.shown + tr .pagination > .disabled > a:hover {
color: #444444;
}
table.display tr.shown + tr .pagination > li > a:hover {
color: #e9a049;
}
table.display tr.odd td,
table.display tr.even td {
padding: 5px 10px !important;
}
table[id^='history_child'] {
margin-top: 0;
opacity: .6;
}
table[id^='media_info_child'] {
margin-top: 0;
}
div[id^='history_child'] thead th,
div[id^='media_info_child'] thead th {
line-height: 0;
height: 0 !important;
overflow: hidden;
}
div[id^='history_child'] div.row,
div[id^='media_info_child'] div.row {
margin: 0;
}
div[id^='history_child'] div.col-sm-12,
div[id^='media_info_child'] div.col-sm-12 {
padding: 0;
}
div[id^='history_child'] div.dataTables_scrollBody,
div[id^='media_info_child'] div.dataTables_scrollBody {
overflow: hidden !important;
}
div[id^='media_info_child'] div[id^='media_info_child'] div.dataTables_scrollHead thead th {
line-height: 25px;
height: 35px !important;
overflow: hidden;
}
.current-activity-row {
background-color: rgba(255,255,255,.1) !important;
}
.current-activity-row:hover {
background-color: rgba(255,255,255,0.125) !important;
}

79
data/interfaces/default/css/plexpy.css
View file

@ -2712,85 +2712,6 @@ pre::-webkit-scrollbar-thumb {
width: 100%; width: 100%;
} }
} }
table.display,
table.display tr.shown + tr table[id^='history_child'],
table.display tr.shown + tr table[id^='media_info_child'],
table.display tr.shown + tr table[id^='media_info_child'] tr.shown + tr table[id^='media_info_child'] {
table-layout: auto;
}
table.display tr.shown + tr div.slider {
display: none;
}
table.display tr.shown + tr > td {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
table.display tr.shown + tr:hover {
background-color: rgba(255,255,255,0);
}
table.display tr.shown + tr:hover a,
table.display tr.shown + tr td:hover a,
table.display tr.shown + tr .pagination > .active > a,
table.display tr.shown + tr .pagination > .active > a:hover {
color: #fff;
}
table.display tr.shown + tr table[id^='history_child'] td:hover a,
table.display tr.shown + tr table[id^='media_info_child'] > tr > td:hover a,
table.display tr.shown + tr table[id^='media_info_child'] tr.shown + tr table[id^='media_info_child'] td:hover a {
color: #cc7b19;
}
table.display tr.shown + tr .pagination > .disabled > a,
table.display tr.shown + tr .pagination > .disabled > a:hover {
color: #444444;
}
table.display tr.shown + tr .pagination > li > a:hover {
color: #e9a049;
}
table.display tr.odd td,
table.display tr.even td {
padding: 5px 10px !important;
}
table[id^='history_child'] {
margin-top: 0;
opacity: .6;
}
table[id^='media_info_child'] {
margin-top: 0;
}
div[id^='history_child'] thead th,
div[id^='media_info_child'] thead th {
line-height: 0;
height: 0 !important;
overflow: hidden;
}
div[id^='history_child'] div.row,
div[id^='media_info_child'] div.row {
margin: 0;
}
div[id^='history_child'] div.col-sm-12,
div[id^='media_info_child'] div.col-sm-12 {
padding: 0;
}
div[id^='history_child'] div.dataTables_scrollBody,
div[id^='media_info_child'] div.dataTables_scrollBody {
overflow: hidden !important;
}
div[id^='media_info_child'] div[id^='media_info_child'] div.dataTables_scrollHead thead th {
line-height: 25px;
height: 35px !important;
overflow: hidden;
}
.dataTables_scrollBody {
-webkit-overflow-scrolling: touch;
}
.current-activity-row {
background-color: rgba(255,255,255,.1) !important;
}
.current-activity-row:hover {
background-color: rgba(255,255,255,0.125) !important;
}
#search_form { #search_form {
width: 300px; width: 300px;
padding: 8px 15px; padding: 8px 15px;

38
data/interfaces/default/edit_library.html
View file

@ -81,24 +81,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div id="confirm-modal-purge" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-purge">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Purge</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to purge all history for this library?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-purge">Purge</button>
</div>
</div>
</div>
</div>
<script> <script>
// Save library options // Save library options
$("#save_library").on('click', function () { $("#save_library").on('click', function () {
@ -133,21 +115,13 @@ DOCUMENTATION :: END
}); });
}); });
$("#delete-all-history").on('click', function() { $('#delete-all-history').click(function () {
$('#confirm-modal-purge').modal(); var msg = 'Are you REALLY sure you want to purge all history for the <strong>${data["section_name"]}</strong> library?<br>' +
$('#confirm-modal-purge').one('click', '#confirm-purge', function () { 'This is permanent and cannot be undone!';
$.ajax({ var url = 'delete_all_library_history';
url: 'delete_all_library_history', confirmAjaxCall(url, msg, { section_id: '${data["section_id"]}' }, null, function () { location.reload(); });
data: { section_id: '${data["section_id"]}' },
cache: false,
async: true,
success: function(data) {
location.reload();
}
});
});
}); });
$(document).ready(function() { $(document).ready(function() {
// Move #confirm-modal to parent container // Move #confirm-modal to parent container
if (!($('#edit-library-modal').next().is('#confirm-modal-purge'))) { if (!($('#edit-library-modal').next().is('#confirm-modal-purge'))) {

38
data/interfaces/default/edit_user.html
View file

@ -90,24 +90,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div id="confirm-modal-purge" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-purge">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Purge</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to purge all history for this user?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-purge">Purge</button>
</div>
</div>
</div>
</div>
<script> <script>
// Set user options // Set user options
$("#save_user").on('click', function () { $("#save_user").on('click', function () {
@ -144,21 +126,13 @@ DOCUMENTATION :: END
}); });
}); });
$("#delete-all-history").on('click', function() { $('#delete-all-history').click(function () {
$('#confirm-modal-purge').modal(); var msg = 'Are you REALLY sure you want to purge all history for the <strong>${data["username"]}</strong> user?<br>' +
$('#confirm-modal-purge').one('click', '#confirm-purge', function () { 'This is permanent and cannot be undone!';
$.ajax({ var url = 'delete_all_user_history';
url: 'delete_all_user_history', confirmAjaxCall(url, msg, { user_id: '${data["user_id"]}' }, null, function () { location.reload(); });
data: { user_id: '${data["user_id"]}' },
cache: false,
async: true,
success: function(data) {
location.reload();
}
});
});
}); });
$(document).ready(function() { $(document).ready(function() {
// Move #confirm-modal-purge to parent container // Move #confirm-modal-purge to parent container
if (!($('#edit-user-modal').next().is('#confirm-modal-purge'))) { if (!($('#edit-user-modal').next().is('#confirm-modal-purge'))) {

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

@ -240,13 +240,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="history-modal" tabindex="-1" role="dialog" aria-labelledby="history-modal">
</div>
</div> </div>
</div> </div>
</div> </div>
</%def> </%def>
<%def name="modalIncludes()">
<div class="modal fade" id="history-modal" tabindex="-1" role="dialog" aria-labelledby="history-modal">
</div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/moment-with-locale.js"></script> <script src="${http_root}js/moment-with-locale.js"></script>
<script src="${http_root}js/moment-duration-format.js"></script> <script src="${http_root}js/moment-duration-format.js"></script>
@ -282,16 +287,17 @@
$.ajax({ $.ajax({
url: "history_table_modal", url: "history_table_modal",
type: 'post', cache: false,
data: { async: true,
data: {
user_id: selected_user_id, user_id: selected_user_id,
start_date: dateString, start_date: dateString,
media_type: media_type, media_type: media_type,
transcode_decision: transcode_decision transcode_decision: transcode_decision
}, },
complete: function(xhr, status) { complete: function(xhr, status) {
$('#history-modal').modal('show');
$("#history-modal").html(xhr.responseText); $("#history-modal").html(xhr.responseText);
$('#history-modal').modal();
} }
}); });
} }

3
data/interfaces/default/history.html
View file

@ -95,6 +95,9 @@
</div> </div>
</%def> </%def>
<%def name="modalIncludes()">
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.colVis.js"></script> <script src="${http_root}js/dataTables.colVis.js"></script>

31
data/interfaces/default/history_table_modal.html
View file

@ -27,8 +27,7 @@
<div class="modal-footer"></div> <div class="modal-footer"></div>
</div> </div>
</div> </div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<script src="${http_root}js/tables/history_table_modal.js"></script> <script src="${http_root}js/tables/history_table_modal.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
@ -44,39 +43,13 @@
start_date: "${data['start_date']}", start_date: "${data['start_date']}",
media_type: "${data.get('media_type')}", media_type: "${data.get('media_type')}",
transcode_decision: "${data.get('transcode_decision')}" transcode_decision: "${data.get('transcode_decision')}"
}; };
} }
} }
history_table = $('#history_table_modal').DataTable(history_table_modal_options); history_table = $('#history_table_modal').DataTable(history_table_modal_options);
clearSearchButton('history_table_modal', history_table); clearSearchButton('history_table_modal', history_table);
// Move #info-modal to parent container
if (!($('#history-modal').next().is('#info-modal'))) {
$('#info-modal').appendTo($('#history-modal').parent());
}
$('#history-modal > #info-modal').remove();
$('#history-modal').css('z-index', '1050');
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1049');
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
$('#info-modal').on('show.bs.modal', function () {
// Fix position to match parent modal
var currentPadding = parseInt($('body').css('padding-right'));
$(this).children('.modal-dialog').css('left', -currentPadding / 2);
$('#history-modal').css('overflow-y', 'hidden');
setTimeout(function () {
$('#info-modal').css('z-index', '1060');
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1059');
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
}, 0);
});
$('#info-modal').on('hidden.bs.modal', function () {
$('body').addClass('modal-open');
$('#history-modal').css('overflow-y', 'auto');
});
}); });
</script> </script>
% else: % else:

5
data/interfaces/default/index.html
View file

@ -67,6 +67,10 @@
% endif % endif
% endfor % endfor
</div> </div>
</%def>
<%def name="modalIncludes()">
% if _session['user_group'] == 'admin' and config['update_show_changelog']: % if _session['user_group'] == 'admin' and config['update_show_changelog']:
<div id="changelog-modal" class="modal fade wide" tabindex="-1" role="dialog" aria-labelledby="changelog-modal"> <div id="changelog-modal" class="modal fade wide" tabindex="-1" role="dialog" aria-labelledby="changelog-modal">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
@ -84,6 +88,7 @@
</div> </div>
</div> </div>
% endif % endif
</%def> </%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">

47
data/interfaces/default/info.html
View file

@ -410,28 +410,6 @@ DOCUMENTATION :: END
<tbody></tbody> <tbody></tbody>
</table> </table>
</div> </div>
<div id="info-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -440,6 +418,31 @@ DOCUMENTATION :: END
% endif % endif
</%def> </%def>
<%def name="modalIncludes()">
<div id="info-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.colVis.js"></script> <script src="${http_root}js/dataTables.colVis.js"></script>

1
data/interfaces/default/js/tables/history_table_modal.js
View file

@ -27,7 +27,6 @@ history_table_modal_options = {
"pageLength": 10, "pageLength": 10,
"lengthChange": false, "lengthChange": false,
"autoWidth": false, "autoWidth": false,
"scrollX": true,
"order": [0, 'desc'], "order": [0, 'desc'],
"columnDefs": [ "columnDefs": [
{ {

39
data/interfaces/default/libraries.html
View file

@ -64,28 +64,31 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete"> </div>
<div class="modal-dialog"> </div>
<div class="modal-content">
<div class="modal-header"> </%def>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete/Purge</h4> <%def name="modalIncludes()">
</div> <div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-body" style="text-align: center;"> <div class="modal-dialog">
<ul id="libraries-to-delete" class="list-unstyled"></ul> <div class="modal-content">
<ul id="libraries-to-purge" class="list-unstyled"></ul> <div class="modal-header">
<p>This is permanent and cannot be undone!</p> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
</div> <h4 class="modal-title" id="myModalLabel">Confirm Delete/Purge</h4>
<div class="modal-footer"> </div>
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button> <div class="modal-body" style="text-align: center;">
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Confirm</button> <ul id="libraries-to-delete" class="list-unstyled"></ul>
</div> <ul id="libraries-to-purge" class="list-unstyled"></ul>
</div> <p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Confirm</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</%def> </%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">

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

@ -82,9 +82,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div id="edit-library-modal" class="modal fade" tabindex="-1" role="dialog"
aria-labelledby="edit-library-modal">
</div>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="profile"> <div class="tab-pane active" id="profile">
<div class="container-fluid"> <div class="container-fluid">
@ -284,28 +281,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -335,6 +310,34 @@ DOCUMENTATION :: END
% endif % endif
</%def> </%def>
<%def name="modalIncludes()">
<div id="edit-library-modal" class="modal fade" tabindex="-1" role="dialog"
aria-labelledby="edit-library-modal">
</div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.colVis.js"></script> <script src="${http_root}js/dataTables.colVis.js"></script>

7
data/interfaces/default/logs.html
View file

@ -130,8 +130,6 @@
<tbody></tbody> <tbody></tbody>
</table> </table>
</div> </div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
</div> </div>
</div> </div>
</div> </div>
@ -152,6 +150,11 @@
</div> </div>
</%def> </%def>
<%def name="modalIncludes()">
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.bootstrap.min.js"></script> <script src="${http_root}js/dataTables.bootstrap.min.js"></script>

3
data/interfaces/default/search.html
View file

@ -23,6 +23,9 @@
</div> </div>
</%def> </%def>
<%def name="modalIncludes()">
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script> <script>
$('#search_button').removeClass('btn-inactive'); $('#search_button').removeClass('btn-inactive');

1952
data/interfaces/default/settings.html
View file

File diff suppressed because it is too large Load diff

47
data/interfaces/default/shutdown.html
View file

@ -8,32 +8,35 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div id="state-change-modal" class="modal fade"> </div>
<div class="modal-dialog" role="document"> </div>
<div class="modal-content"> </%def>
<div class="modal-header">
<h4 class="modal-title">${title}</h4> <%def name="modalIncludes()">
</div> <div id="state-change-modal" class="modal fade">
<div class="modal-body" id="modal-text"> <div class="modal-dialog" role="document">
<div align="center"> <div class="modal-content">
% if message == "Shutting Down": <div class="modal-header">
<h3><i class="fa fa-refresh fa-spin"></i> PlexPy is ${message}.</h3> <h4 class="modal-title">${title}</h4>
<br/> </div>
% else: <div class="modal-body" id="modal-text">
<h3><i class="fa fa-refresh fa-spin"></i> PlexPy is ${message}.</h3> <div align="center">
<br/> % if message == "Shutting Down":
<h4>Restart in <span class="countdown"></span></h4> <h3><i class="fa fa-refresh fa-spin"></i> PlexPy is ${message}.</h3>
% endif <br />
</div> % else:
</div> <h3><i class="fa fa-refresh fa-spin"></i> PlexPy is ${message}.</h3>
<div class="modal-footer"> <br />
<div style="float: right;"><span class="text-muted" id="rquote">${quote}</span></div> <h4>Restart in <span class="countdown"></span></h4>
</div> % endif
</div>
</div> </div>
</div> </div>
<div class="modal-footer">
<div style="float: right;"><span class="text-muted" id="rquote">${quote}</span></div>
</div>
</div> </div>
</div> </div>
</div>
</%def> </%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">

3
data/interfaces/default/sync.html
View file

@ -46,6 +46,9 @@
</div> </div>
</%def> </%def>
<%def name="modalIncludes()">
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.bootstrap.min.js"></script> <script src="${http_root}js/dataTables.bootstrap.min.js"></script>

85
data/interfaces/default/update_metadata.html
View file

@ -98,46 +98,6 @@ DOCUMENTATION :: END
<div class='table-card-back'> <div class='table-card-back'>
<div id="search-results-list"><i class="fa fa-refresh fa-spin"></i>&nbsp; Loading search results...</div> <div id="search-results-list"><i class="fa fa-refresh fa-spin"></i>&nbsp; Loading search results...</div>
</div> </div>
<div class="modal fade" id="confirm-modal-update" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-update">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Update</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to replace
<p><strong>
% if query['media_type'] == 'movie':
${query['title']}<br />${query['year']}
% elif query['media_type'] == 'show':
${query['grandparent_title']}
% elif query['media_type'] == 'season':
${query['grandparent_title']}<br />S${query['parent_media_index']}
% elif query['media_type'] == 'episode':
${query['grandparent_title']}<br />${query['title']}<br />S${query['parent_media_index']} &middot; E${query['media_index']}
% elif query['media_type'] == 'artist':
${query['grandparent_title']}
% elif query['media_type'] == 'album':
${query['grandparent_title']}<br />${query['parent_title']}
% elif query['media_type'] == 'track':
${query['grandparent_title']}<br />${query['title']}<br />${query['parent_title']}
% endif
</strong></p>
<p> with </p>
<p><span id="new_title"></span></p>
% if query['media_type'] != 'movie':
<p>All items for <strong>${query['grandparent_title']}</strong> will also be updated.</p>
% endif
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-update">Update</button>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -166,6 +126,51 @@ DOCUMENTATION :: END
% endif % endif
</%def> </%def>
<%def name="modalIncludes()">
<div class="modal fade" id="confirm-modal-update" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-update">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Update</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to replace
<p>
<strong>
% if query['media_type'] == 'movie':
${query['title']}<br />${query['year']}
% elif query['media_type'] == 'show':
${query['grandparent_title']}
% elif query['media_type'] == 'season':
${query['grandparent_title']}<br />S${query['parent_media_index']}
% elif query['media_type'] == 'episode':
${query['grandparent_title']}<br />${query['title']}<br />S${query['parent_media_index']} &middot; E${query['media_index']}
% elif query['media_type'] == 'artist':
${query['grandparent_title']}
% elif query['media_type'] == 'album':
${query['grandparent_title']}<br />${query['parent_title']}
% elif query['media_type'] == 'track':
${query['grandparent_title']}<br />${query['title']}<br />${query['parent_title']}
% endif
</strong>
</p>
<p> with </p>
<p><span id="new_title"></span></p>
% if query['media_type'] != 'movie':
<p>All items for <strong>${query['grandparent_title']}</strong> will also be updated.</p>
% endif
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-update">Update</button>
</div>
</div>
</div>
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
% if query: % if query:

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

@ -72,8 +72,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div id="edit-user-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="edit-user-modal">
</div>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="profile"> <div class="tab-pane active" id="profile">
<div class="container-fluid"> <div class="container-fluid">
@ -306,28 +304,6 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -357,6 +333,33 @@ DOCUMENTATION :: END
% endif % endif
</%def> </%def>
<%def name="modalIncludes()">
<div id="edit-user-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="edit-user-modal">
</div>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
</div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Delete</button>
</div>
</div>
</div>
</div>
</%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">
<script src="${http_root}js/jquery.dataTables.min.js"></script> <script src="${http_root}js/jquery.dataTables.min.js"></script>
<script src="${http_root}js/dataTables.colVis.js"></script> <script src="${http_root}js/dataTables.colVis.js"></script>

47
data/interfaces/default/users.html
View file

@ -46,32 +46,35 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal"> </div>
</div> </div>
<div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
</div> </%def>
<div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-dialog"> <%def name="modalIncludes()">
<div class="modal-content"> <div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
<div class="modal-header"> </div>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button> <div class="modal fade" id="ip-info-modal" tabindex="-1" role="dialog" aria-labelledby="ip-info-modal">
<h4 class="modal-title" id="myModalLabel">Confirm Delete/Purge</h4> </div>
</div> <div class="modal fade" id="confirm-modal-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-modal-delete">
<div class="modal-body" style="text-align: center;"> <div class="modal-dialog">
<ul id="users-to-delete" class="list-unstyled"></ul> <div class="modal-content">
<ul id="users-to-purge" class="list-unstyled"></ul> <div class="modal-header">
<p>This is permanent and cannot be undone!</p> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
</div> <h4 class="modal-title" id="myModalLabel">Confirm Delete/Purge</h4>
<div class="modal-footer"> </div>
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button> <div class="modal-body" style="text-align: center;">
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Confirm</button> <ul id="users-to-delete" class="list-unstyled"></ul>
</div> <ul id="users-to-purge" class="list-unstyled"></ul>
</div> <p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-delete">Confirm</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</%def> </%def>
<%def name="javascriptIncludes()"> <%def name="javascriptIncludes()">