bazarr/views/_main.html

336 lines
18 KiB
HTML
Raw Normal View History

2019-11-28 11:34:37 +00:00
<!doctype html>
<html lang="en">
<head>
2019-12-27 22:15:56 +00:00
<title>{% block title %}Bazarr{% endblock %}</title>
2019-11-28 11:34:37 +00:00
{% block head_meta %}
2019-12-16 13:58:10 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link rel="apple-touch-icon" sizes="120x120" href="{{ url_for('static',filename='apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static',filename='favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static',filename='favicon-16x16.png') }}">
<link rel="manifest" href="{{ url_for('static',filename='manifest.json') }}">
<link rel="mask-icon" href="{{ url_for('static',filename='safari-pinned-tab.svg') }}" color="#5bbad5">
<link rel="shortcut icon" href="{{ url_for('static',filename='favicon.ico') }}">
<meta name="msapplication-config" content="{{ url_for('static',filename='browserconfig.xml') }}">
2019-11-28 11:34:37 +00:00
<meta name="theme-color" content="#ffffff">
2019-12-16 13:58:10 +00:00
2019-11-28 11:34:37 +00:00
{% endblock head_meta %}
2019-12-16 13:58:10 +00:00
{% block head_css %}
2019-12-27 22:15:56 +00:00
<link href="{{ url_for('static',filename='plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom CSS -->
<link href="{{ url_for('static',filename='css/style.css') }}" rel="stylesheet">
<!-- You can change the theme colors from here -->
<link href="{{ url_for('static',filename='css/bazarr.css') }}" id="theme" rel="stylesheet">
2019-11-28 11:34:37 +00:00
2019-12-28 05:52:00 +00:00
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='datatables/datatables.min.css') }}">
2020-01-11 04:40:38 +00:00
<link rel="stylesheet" type="text/css"
href="{{ url_for('static',filename='datatables/rowGroup.dataTables.min.css') }}">
2019-12-30 14:07:49 +00:00
<link rel="stylesheet" type="text/css"
href="{{ url_for('static',filename='datatables/responsive.dataTables.min.css') }}">
2019-12-29 10:56:34 +00:00
<link rel="stylesheet" type="text/css"
href="{{ url_for('static',filename='plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">
2019-11-28 11:34:37 +00:00
{% endblock head_css %}
{% block head %}
{% endblock head %}
{% block head_tail %}
{% endblock head_tail %}
</head>
2019-12-27 22:15:56 +00:00
<body class="fix-header fix-sidebar card-no-border">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
</svg>
</div>
2019-12-16 13:58:10 +00:00
{% block page_body %}
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<!-- ============================================================== -->
<!-- Logo -->
<!-- ============================================================== -->
<div class="navbar-header">
<a class="navbar-brand" href="{{ url_for('redirect_root') }}">
<!-- Logo icon -->
<b>
<img src="{{ url_for('static',filename='logo128.png') }}" alt="homepage" width="40"
class="dark-logo"/>
</b></a>
<!--End Logo icon -->
<!-- Logo text -->
2019-12-16 13:58:10 +00:00
</div>
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- End Logo -->
<!-- ============================================================== -->
<div class="navbar-collapse">
<!-- ============================================================== -->
<!-- toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav mr-auto mt-md-0">
2020-01-01 22:15:50 +00:00
<!-- This is -->
<li class="nav-item"><a
class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up"
2020-01-01 22:15:50 +00:00
href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
<li class="nav-item"><a
class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up"
2020-01-01 22:15:50 +00:00
href="javascript:void(0)"><i class="ti-menu"></i></a></li>
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
<li class="nav-item hidden-sm-down search-box">
<form class="form-material"><input type="text" class="form-control text-white"
placeholder="Search...">
</form>
</li>
</ul>
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- ============================================================== -->
<ul class="navbar-nav my-lg-0">
<!-- ============================================================== -->
<!-- Profile -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted fas fa-user" href=""
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
<div class="dropdown-menu dropdown-menu-right scale-up">
<ul class="dropdown-user">
<li><a href="{{ url_for('restart') }}"><i class="fas fa-redo"></i> Restart</a></li>
2019-12-29 10:56:34 +00:00
<li><a href="{{ url_for('shutdown') }}"><i class="fas fa-power-off"></i>
Shutdown</a></li>
<li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a>
</li>
2019-12-27 22:15:56 +00:00
</ul>
2019-12-16 13:58:10 +00:00
</div>
2019-12-27 22:15:56 +00:00
</li>
</ul>
2019-12-16 13:58:10 +00:00
</div>
2019-12-27 22:15:56 +00:00
</nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<aside class="left-sidebar">
<!-- Sidebar scroll-->
<div class="scroll-sidebar">
<!-- Sidebar navigation-->
<nav class="sidebar-nav">
<ul id="sidebarnav">
2019-12-29 22:53:48 +00:00
{% if settings.general.getboolean('use_sonarr') %}
<li><a href="{{ url_for('series') }}"><i class="fas fa-play"></i><span
class="hide-menu"> Series</span></a>
</li>
{% endif %}
{% if settings.general.getboolean('use_radarr') %}
<li><a href="{{ url_for('movies') }}"><i class="fas fa-film"></i><span
class="hide-menu"> Movies</span></a>
</li>
{% endif %}
{% if settings.general.getboolean('use_sonarr') and settings.general.getboolean('use_radarr') %}
<li><a href="#"><i class="fas fa-clock"></i><span
class="hide-menu"> History</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="{{ url_for('historyseries') }}"> Series</a></li>
<li><a href="{{ url_for('historymovies') }}"> Movies</a></li>
</ul>
</li>
{% elif settings.general.getboolean('use_sonarr') and not settings.general.getboolean('use_radarr') %}
<li><a href="{{ url_for('historyseries') }}"><i class="fas fa-play"></i><span
class="hide-menu"> History</span></a>
</li>
{% elif settings.general.getboolean('use_radarr') and not settings.general.getboolean('use_sonarr') %}
<li><a href="{{ url_for('historymovies') }}"><i class="fas fa-play"></i><span
class="hide-menu"> History</span></a>
</li>
{% endif %}
2019-12-29 10:56:34 +00:00
<li><a href="#"><i class="fas fa-exclamation-triangle"></i><span
class="hide-menu"> Wanted</span></a>
2019-12-27 22:15:56 +00:00
<ul aria-expanded="false" class="collapse">
<li><a href="/"> Missing</a></li>
<li><a href="/"> Cutoff Unmet</a></li>
</ul>
</li>
<li><a href="#"><i
class="fas fa-cogs"></i><span class="hide-menu"> Settings</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="/"> General</a></li>
<li><a href="/"> Sonarr</a></li>
<li><a href="/"> Radarr</a></li>
<li><a href="/"> Subtitles</a></li>
<li><a href="/"> Notifications</a></li>
</ul>
</li>
<li><a href="#"><i
class="fas fa-laptop"></i><span class="hide-menu"> System</span></a>
<ul aria-expanded="false" class="collapse">
<li><a href="/"> Tasks</a></li>
<li><a href="/"> Logs</a></li>
<li><a href="/"> Providers</a></li>
<li><a href="/"> Status</a></li>
<li><a href="/"> Releases</a></li>
</ul>
</li>
</ul>
</nav>
<!-- End Sidebar navigation -->
2019-12-16 13:58:10 +00:00
</div>
2019-12-27 22:15:56 +00:00
<!-- End Sidebar scroll-->
</aside>
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<div class="page-wrapper">
2020-01-01 22:15:50 +00:00
<div class="container-fluid">
{% block breadcrumb %}
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 col-8 align-self-center">
{% block bcleft %}
{% endblock bcleft %}
</span>
</div>
<div class="col-md-7 col-4 align-self-center">
{% block bcright %}
{% endblock bcright %}
</div>
</div>
{% endblock breadcrumb %}
{% block body %}
2019-12-27 22:15:56 +00:00
2020-01-01 22:15:50 +00:00
{% endblock body %}
</div>
2019-12-16 13:58:10 +00:00
</div>
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
2019-11-28 11:34:37 +00:00
</div>
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
2019-11-28 11:34:37 +00:00
{% endblock page_body %}
2019-12-16 13:58:10 +00:00
2019-11-28 11:34:37 +00:00
{% block tail_js %}
2019-12-27 22:15:56 +00:00
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="{{ url_for('static',filename='plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="{{ url_for('static',filename='plugins/popper/popper.min.js') }}"></script>
<script src="{{ url_for('static',filename='plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="{{ url_for('static',filename='js/jquery.slimscroll.js') }}"></script>
<!--Menu sidebar -->
<script src="{{ url_for('static',filename='js/sidebarmenu.js') }}"></script>
2019-12-29 22:53:48 +00:00
2019-12-27 22:15:56 +00:00
<!--stickey kit -->
<script src="{{ url_for('static',filename='plugins/sticky-kit-master/dist/sticky-kit.min.js') }}"></script>
<!--Custom JavaScript -->
2019-12-29 16:29:07 +00:00
<script src="{{ url_for('static',filename='datatables/jquery.dataTables.min.js') }}"></script>
2020-01-11 04:40:38 +00:00
<script src="{{ url_for('static',filename='datatables/dataTables.rowGroup.min.js') }}"></script>
2019-12-30 14:07:49 +00:00
<script src="{{ url_for('static',filename='datatables/dataTables.responsive.min.js') }}"></script>
2019-12-29 10:56:34 +00:00
<script src="{{ url_for('static',filename='plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
2019-12-27 22:15:56 +00:00
<script src="{{ url_for('static',filename='js/custom.js') }}"></script>
2019-11-28 11:34:37 +00:00
<script>
2020-01-12 17:50:27 +00:00
$(document).ready(function () {
BadgesAjax();
2019-12-16 13:58:10 +00:00
2020-01-12 17:50:27 +00:00
$('.table').on('draw.dt', function () {
$('[data-toggle="tooltip"]').tooltip({html: true});
});
2019-12-16 13:58:10 +00:00
2020-01-12 17:50:27 +00:00
var events = new EventSource('{{ url_for('api.events') }}');
events.onmessage = function (event) {
var event_json = JSON.parse(event.data);
2020-01-14 04:37:54 +00:00
if (event_json.series === {{id}}) {
if (event_json.type === 'series' && event_json.action === 'update' && event_json.episode == null) {
2020-01-13 03:03:19 +00:00
seriesDetailsRefresh();
}
2020-01-14 04:37:54 +00:00
if (event_json.type === 'episode' && event_json.action === 'insert') {
2020-01-13 03:03:19 +00:00
$.ajax({
2020-01-14 04:37:54 +00:00
url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
async: true,
success: function (data) {
if (data.data.length) {
$('#episodes').DataTable().row.add(data.data[0]).draw();
$('[data-toggle="tooltip"]').tooltip({html: true});
}
}
})
} else if (event_json.type === 'episode' && event_json.action === 'update') {
var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
if (rowId.length) {
$.ajax({
url: "{{ url_for('api.episodes') }}?seriesid=" + event_json.series + "&episodeid=" + event_json.episode,
async: true,
success: function (data) {
if (data.data.length) {
$('#episodes').DataTable().row(rowId).data(data.data[0]);
$('[data-toggle="tooltip"]').tooltip({html: true});
}
}
})
}
} else if (event_json.type === 'episode' && event_json.action === 'delete') {
var rowId = $('#episodes').DataTable().row('#row_' + event_json.episode);
if (rowId.length) {
$('#episodes').DataTable().row(rowId).remove().draw();
$('[data-toggle="tooltip"]').tooltip({html: true});
}
2020-01-13 03:03:19 +00:00
}
}
2020-01-12 17:50:27 +00:00
};
2019-12-29 04:39:13 +00:00
2020-01-12 17:50:27 +00:00
function BadgesAjax() {
$.ajax({
url: "{{url_for('api.badges')}}",
async: true,
success: function (data) {
if (data['throttled_providers']) {
$('#throttled_providers_count').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['throttled_providers'] + '</div>');
}
if (data['missing_episodes']) {
$('#wanted').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['missing_episodes'] + '</div>');
}
if (data['missing_movies']) {
$('#wanted').append('<div id="wanted_movies" class="floating ui tiny green label" style="left:90% !important;top:3em !important;">' + data['missing_movies'] + '</div>');
}
2020-01-10 00:54:00 +00:00
2020-01-12 17:50:27 +00:00
},
error: (function () {
setTimeout(function () {
setInterval(ping, 2000);
}, 8000);
})
})
}
2020-01-10 00:54:00 +00:00
});
2019-12-29 04:39:13 +00:00
</script>
2019-11-28 11:34:37 +00:00
{% endblock tail_js %}
{% block tail %}
{% endblock tail %}
2019-12-27 22:15:56 +00:00
</body>
2019-11-28 11:34:37 +00:00
</html>