2020-01-02 06:16:00 +00:00
|
|
|
{% extends '_main.html' %}
|
|
|
|
|
|
|
|
{% block title %}Series - Bazarr{% endblock %}
|
|
|
|
|
|
|
|
{% block head %}
|
|
|
|
<style>
|
|
|
|
#seriesFanart {
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: cover;
|
|
|
|
background-position: top center;
|
|
|
|
box-sizing: initial;
|
|
|
|
margin-left: -32px;
|
2020-01-02 07:23:25 +00:00
|
|
|
margin-top: -30px;
|
2020-01-02 06:16:00 +00:00
|
|
|
padding: 2em;
|
|
|
|
}
|
2018-11-26 20:18:12 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
#seriesDetails {
|
|
|
|
padding: 30px;
|
|
|
|
background: rgba(0, 0, 0, 0.7);
|
|
|
|
color: white;
|
|
|
|
margin: -32px;
|
|
|
|
}
|
2018-11-26 20:18:12 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
#seriesPoster {
|
|
|
|
width: 250px;
|
|
|
|
}
|
2019-12-07 21:00:02 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
h1 {
|
|
|
|
color: white;
|
|
|
|
}
|
2018-11-26 20:18:12 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
span {
|
|
|
|
margin-right: 0.5em;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
{% endblock head %}
|
|
|
|
|
2020-01-02 07:23:25 +00:00
|
|
|
{% block bcleft %}
|
|
|
|
<div class="">
|
|
|
|
<button class="btn btn-outline">
|
|
|
|
<i class="fas fa-sync align-top text-themecolor text-center font-20" aria-hidden="true"></i>
|
|
|
|
<span class="align-bottom text-themecolor small text-center">Update</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
{% endblock bcleft %}
|
|
|
|
|
|
|
|
{% block bcright %}
|
|
|
|
<div class="d-flex m-t-5 justify-content-end">
|
|
|
|
<h5 class="m-t-0 text-themecolor">Some page settings</h5>
|
|
|
|
</div>
|
|
|
|
{% endblock bcright %}
|
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
{% block body %}
|
|
|
|
<div class="container-fluid" id="seriesFanart">
|
|
|
|
<div class="row justify-content-md-center" id="seriesDetails">
|
|
|
|
<div class="col-sm-auto" id="seriesPosterColumn">
|
|
|
|
<img id="seriesPoster" src="">
|
|
|
|
</div>
|
|
|
|
<div class="col">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
|
|
<h1><span id="seriesTitle"></span></h1>
|
|
|
|
<i class="far fa-clone" id="seriesAlternateTitles" data-toggle="tooltip" data-placement="right"></i>
|
2019-04-20 21:15:00 +00:00
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<h5><span id="seriesAudioLanguage" class="badge badge-secondary"></span></h5>
|
|
|
|
<h5><span id="seriesMappedPath" class="badge badge-secondary"></span></h5>
|
|
|
|
<h5><span id="seriesFileCount" class="badge badge-secondary"></span></h5>
|
2019-04-20 21:15:00 +00:00
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<h5><span id="seriesSubtitlesLanguages"></span></h5>
|
2018-11-26 20:18:12 +00:00
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<h5><span id="seriesHearingImpaired" class="badge badge-secondary"></span></h5>
|
|
|
|
<h5><span id="seriesForced" class="badge badge-secondary"></span></h5>
|
2018-11-26 20:18:12 +00:00
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<span id="seriesDescription"></span>
|
2019-08-23 00:02:11 +00:00
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
</div>
|
2019-08-23 00:02:11 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-01-02 06:16:00 +00:00
|
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<!-- Bread crumb and right sidebar toggle -->
|
|
|
|
<!-- ============================================================== -->
|
|
|
|
<table id="episodes" class="table table-striped" style="width:100%">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th></th>
|
|
|
|
<th>Episode</th>
|
|
|
|
<th>Title</th>
|
|
|
|
<th>Existing Subtitles</th>
|
|
|
|
<th>Missing Subtitles</th>
|
|
|
|
<th>Manual Search</th>
|
|
|
|
<th>Manual Upload</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
{% endblock body %}
|
|
|
|
|
|
|
|
{% block tail %}
|
|
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
|
|
$.ajax({
|
|
|
|
url: "{{ url_for('api.series') }}?id={{id}}",
|
|
|
|
})
|
|
|
|
.done(function( data ) {
|
|
|
|
var seriesDetails = data.data[0];
|
|
|
|
$('#seriesFanart').css('background-image', "url('{{ url_for('image_proxy', url='MediaCover/'+id+'/fanart.jpg') }}')");
|
|
|
|
$('#seriesPoster').attr("src","{{ url_for('image_proxy', url='MediaCover/'+id+'/poster-250.jpg') }}");
|
|
|
|
$('#seriesTitle').text(seriesDetails['title']);
|
|
|
|
|
|
|
|
if (seriesDetails['alternateTitles'].length > 0) {
|
|
|
|
$('#seriesAlternateTitles').attr("title", "Alternative Titles:<br>"+seriesDetails['alternateTitles']);
|
|
|
|
$('#seriesAlternateTitles').tooltip({html:true});
|
2019-03-20 00:16:19 +00:00
|
|
|
} else {
|
2020-01-02 06:16:00 +00:00
|
|
|
$('#seriesAlternateTitles').hide();
|
2018-11-26 20:18:12 +00:00
|
|
|
}
|
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
$('#seriesAudioLanguage').text(seriesDetails['audio_language'].name);
|
|
|
|
$('#seriesMappedPath').text(seriesDetails['mapped_path']);
|
|
|
|
$('#seriesFileCount').text(seriesDetails['episodeFileCount']+' files');
|
2019-08-23 00:02:11 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
var languages = '';
|
|
|
|
if (seriesDetails['languages'] !== 'None') {
|
|
|
|
seriesDetails['languages'].forEach(appendFunc);
|
|
|
|
}
|
2018-11-26 20:18:12 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
function appendFunc(value) {
|
|
|
|
languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + '">' + value.code2 + '</span> ';
|
|
|
|
}
|
2018-11-26 20:18:12 +00:00
|
|
|
|
2020-01-02 06:16:00 +00:00
|
|
|
$('#seriesSubtitlesLanguages').html(languages);
|
|
|
|
$('#seriesHearingImpaired').text('Hearing-Impaired: '+seriesDetails['hearing_impaired']);
|
|
|
|
$('#seriesForced').text('Forced: '+seriesDetails['forced']);
|
|
|
|
$('#seriesDescription').text(seriesDetails['overview']);
|
|
|
|
});
|
|
|
|
|
|
|
|
var table = $('#episodes').DataTable({
|
|
|
|
"processing": false,
|
|
|
|
"serverSide": true,
|
|
|
|
"searching": false,
|
|
|
|
"ordering": false,
|
|
|
|
"lengthChange": false,
|
|
|
|
"responsive": true,
|
2020-01-02 14:41:30 +00:00
|
|
|
"pageLength": 250,
|
|
|
|
"ajax": "{{ url_for('api.episodes') }}?id={{id}}",
|
2020-01-02 06:16:00 +00:00
|
|
|
"columns": [
|
2020-01-02 14:41:30 +00:00
|
|
|
{"data": "monitored",
|
|
|
|
"render": function (data, type, row) {
|
|
|
|
if (data === 'False') {
|
|
|
|
return '<i class="far fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode unmonitored in Sonarr"></i>';
|
|
|
|
} else if (data === 'True') {
|
|
|
|
return '<i class="fas fa-bookmark" data-toggle="tooltip" data-placement="right" title="Episode monitored in Sonarr"></i>';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2020-01-02 06:16:00 +00:00
|
|
|
{"data": "episode"},
|
|
|
|
{"data": "title"},
|
2020-01-04 03:24:40 +00:00
|
|
|
{"data": "subtitles",
|
|
|
|
"render": function (data) {
|
|
|
|
if (data !== 'None') {
|
|
|
|
var languages = '';
|
|
|
|
data.forEach(appendFunc);
|
|
|
|
return languages;
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
function appendFunc(value) {
|
|
|
|
languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value[0].name + '">' + value[0].code2 + '</span> ';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{"data": "missing_subtitles",
|
|
|
|
"render": function (data) {
|
|
|
|
if (data !== 'None') {
|
|
|
|
var languages = '';
|
|
|
|
data.forEach(appendFunc);
|
|
|
|
return languages;
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
function appendFunc(value) {
|
|
|
|
languages = languages + '<span class="badge badge-secondary" data-toggle="tooltip" data-placement="right" title="' + value.name + '">' + value.code2 + '</span> ';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2020-01-02 06:16:00 +00:00
|
|
|
{"data": "title"},
|
|
|
|
{"data": "title"}
|
|
|
|
]
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
{% endblock tail %}
|