open-source-mirrors
/
bazarr
mirror of https://github.com/morpheus65535/bazarr
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
pull/884/head
Moravčík, Marian 5 years ago
parent 07ded54d4d
commit 3d5cad545b
8 changed files with 268 additions and 234 deletions
Show Stats Download Patch File Download Diff File

6
static/css/bazarr.css
Unescape View File

@ -24,6 +24,9 @@ File: scss
top: calc(50% - 3.5px); top: calc(50% - 3.5px);
left: calc(50% - 3.5px); } left: calc(50% - 3.5px); }
body {
font-family: "Roboto", "open sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
/******************* /*******************
/*Top bar /*Top bar
*******************/ *******************/
@ -258,6 +261,9 @@ a.link:hover, a.link:focus {
padding-left: 10px; } padding-left: 10px; }
.topbar .top-navbar .navbar-header .navbar-brand .light-logo { .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
display: none; } display: none; }
.topbar .top-navbar .navbar-header .navbar-brand b {
line-height: 60px;
display: inline-block; }
.topbar .dropdown-menu { .topbar .dropdown-menu {
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);

2
static/css/bazarr.css.map
View File

File diff suppressed because one or more lines are too long

181
static/scss/bazarr.scss
Unescape View File

@ -19,6 +19,10 @@ $sidebar: #3a3f51;
$swhite: #e1e2e3; $swhite: #e1e2e3;
$bodycolor: white; $bodycolor: white;
body {
font-family: $bodyfont;
}
/******************* /*******************
/*Top bar /*Top bar
@ -233,91 +237,106 @@ a.link {
} }
} }
@media(min-width:768px) { @media(min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav li { .mini-sidebar .sidebar-nav #sidebarnav li {
position: relative; position: relative;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
position: absolute;
left: 60px;
top: 45px;
width: 200px;
z-index: 1001;
background: $sidebar-alt;
display: none;
padding-left: 1px;
}
.mini-sidebar .sidebar-nav {
padding: 0;
}
.mini-sidebar.fix-sidebar .left-sidebar {
position: absolute;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
height: auto !important;
overflow: auto;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
display: block;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none;
}
.mini-sidebar {
.left-sidebar {
width: 60px;
} }
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
position: absolute; .user-profile {
left: 60px; padding-bottom: 15px;
top: 45px; width: 60px;
width: 200px; margin-bottom: 7px;
z-index: 1001;
background: $sidebar-alt; .profile-img {
display: none; padding: 15px 0 0 0;
padding-left: 1px; margin: 0px 0 0 6px;
&:before {
top: 15px;
}
}
} }
.mini-sidebar .sidebar-nav {
padding: 0; .scroll-sidebar {
padding-bottom: 0px;
position: absolute;
} }
.mini-sidebar.fix-sidebar .left-sidebar{
position:absolute; .hide-menu,
.nav-small-cap,
.sidebar-footer,
.user-profile .profile-text {
display: none;
} }
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
height: auto !important;
overflow: auto; .nav-devider {
width: 50px;
} }
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse { .sidebar-nav {
display: block; background: transparent;
} }
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none; .sidebar-nav #sidebarnav > li > a {
padding: 9px 20px;
width: 60px;
} }
.mini-sidebar {
.left-sidebar { .sidebar-nav #sidebarnav > li:hover > a {
width: 60px; width: 260px;
} background: $themecolor-alt;
.user-profile { color: $white;
padding-bottom: 15px; border-color: $themecolor;
width: 60px;
margin-bottom: 7px; i {
.profile-img{ color: $white;
padding: 15px 0 0 0; }
margin: 0px 0 0 6px;
&:before{ .hide-menu {
top:15px; display: inline;
} }
} }
}
.scroll-sidebar{ .sidebar-nav #sidebarnav > li.active > a {
padding-bottom: 0px; border-color: transparent;
position: absolute;
} &.active {
.hide-menu, border-color: $topbar;
.nav-small-cap, }
.sidebar-footer,
.user-profile .profile-text {
display: none;
}
.nav-devider{
width: 50px;
}
.sidebar-nav{ background: transparent;}
.sidebar-nav #sidebarnav > li > a{
padding: 9px 20px;
width: 60px;
}
.sidebar-nav #sidebarnav > li:hover > a {
width: 260px;
background: $themecolor-alt;
color: $white;
border-color: $themecolor;
i {
color: $white;
}
.hide-menu {
display: inline;
}
}
.sidebar-nav #sidebarnav > li.active > a{
border-color:transparent;
&.active{
border-color:$topbar;
}
}
} }
}
} }
@ -369,6 +388,10 @@ a.link {
.light-logo { .light-logo {
display: none; display: none;
} }
b {
line-height: 60px;
display: inline-block;
}
} }
} }
} }
@ -379,7 +402,7 @@ a.link {
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
border-color: $border; border-color: $border;
background: $themecolor; background: $themecolor;
padding: 0 0; padding: 0 0;
.dropdown-item { .dropdown-item {
padding: 7px 1.5rem; padding: 7px 1.5rem;
@ -465,6 +488,6 @@ a.link {
} }
.page-wrapper { .page-wrapper {
background: $bodycolor; background: $bodycolor;
padding-bottom: 60px; padding-bottom: 60px;
} }

33
views/_main.html
Unescape View File

@ -80,13 +80,13 @@
<!-- toggle and nav items --> <!-- toggle and nav items -->
<!-- ============================================================== --> <!-- ============================================================== -->
<ul class="navbar-nav mr-auto mt-md-0"> <ul class="navbar-nav mr-auto mt-md-0">
<!-- This is --> <!-- This is -->
<li class="nav-item"> <a <li class="nav-item"><a
class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up" class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up"
href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li> href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
<li class="nav-item"> <a <li class="nav-item"><a
class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up" class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up"
href="javascript:void(0)"><i class="ti-menu"></i></a> </li> href="javascript:void(0)"><i class="ti-menu"></i></a></li>
<!-- ============================================================== --> <!-- ============================================================== -->
<!-- Search --> <!-- Search -->
<!-- ============================================================== --> <!-- ============================================================== -->
@ -196,9 +196,27 @@
<!-- End Left Sidebar - style you can find in sidebar.scss --> <!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== --> <!-- ============================================================== -->
<div class="page-wrapper"> <div class="page-wrapper">
{% block body %} <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 %}
{% endblock body %} {% endblock body %}
</div>
</div> </div>
<!-- ============================================================== --> <!-- ============================================================== -->
<!-- footer --> <!-- footer -->
@ -238,7 +256,6 @@
url: "{{url_for('api.badges')}}", url: "{{url_for('api.badges')}}",
async: true, async: true,
success: function (data) { success: function (data) {
console.log(data);
if (data['throttled_providers']) { 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>') $('#throttled_providers_count').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['throttled_providers'] + '</div>')
} }

63
views/historymovies.html
Unescape View File

@ -2,52 +2,47 @@
{% block title %}History (Series) - Bazarr{% endblock %} {% block title %}History (Series) - Bazarr{% endblock %}
{% block head %} {% block bcleft %}
<div class="d-flex">
<button class="btn btn-outline">
<i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
<span class="align-bottom">Update</span>
</button>
</div>
{% endblock bcleft %}
{% endblock head %} {% 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 %}
{% block body %} {% block body %}
<div class="container-fluid"> <table id="history_movies" class="table table-striped" style="width:100%">
<!-- Bread crumb and right sidebar toggle --> <thead>
<!-- ============================================================== --> <tr>
<div class="row page-titles"> <th>action</th>
<div class="col-md-5 col-8 align-self-center"> <th>title</th>
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3> <th>timestamp</th>
</div> <th>description</th>
<div class="col-md-7 col-4 align-self-center"> </tr>
<div class="d-flex m-t-10 justify-content-end"> </thead>
<div class="d-flex m-r-20 m-l-10 hidden-md-down"> </table>
<div class="chart-text m-r-10">
<h5 class="m-t-0 text-white">Some page settings</h5></div>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<table id="history_movies" class="table table-striped" style="width:100%">
<thead>
<tr>
<th>action</th>
<th>title</th>
<th>timestamp</th>
<th>description</th>
</tr>
</thead>
</table>
</div>
{% endblock body %} {% endblock body %}
{% block tail %} {% block tail %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
var table = $('#history_movies').DataTable({ var table = $('#history_movies').DataTable({
"processing": true, "dom":"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": false,
"serverSide": true, "serverSide": true,
"searching": false, "searching": false,
"ordering": false, "ordering": false,
"lengthChange": false, "responsive": true,
"lengthChange": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.historymovies') }}", "ajax": "{{ url_for('api.historymovies') }}",
"columns": [ "columns": [
{"data": "action"}, {"data": "action"},

65
views/historyseries.html
Unescape View File

@ -2,54 +2,49 @@
{% block title %}History (Series) - Bazarr{% endblock %} {% block title %}History (Series) - Bazarr{% endblock %}
{% block head %} {% block bcleft %}
<div class="d-flex">
<button class="btn btn-outline">
<i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
<span class="align-bottom">Update</span>
</button>
</div>
{% endblock bcleft %}
{% endblock head %} {% 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 %}
{% block body %} {% block body %}
<div class="container-fluid"> <table id="history_series" class="table table-striped" style="width:100%">
<!-- Bread crumb and right sidebar toggle --> <thead>
<!-- ============================================================== --> <tr>
<div class="row page-titles"> <th>Action</th>
<div class="col-md-5 col-8 align-self-center"> <th>Name</th>
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3> <th>Episode</th>
</div> <th>Episode Title</th>
<div class="col-md-7 col-4 align-self-center"> <th>Date</th>
<div class="d-flex m-t-10 justify-content-end"> <th>Description</th>
<div class="d-flex m-r-20 m-l-10 hidden-md-down"> </tr>
<div class="chart-text m-r-10"> </thead>
<h5 class="m-t-0 text-white">Some page settings</h5></div> </table>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<table id="history_series" class="table table-striped" style="width:100%">
<thead>
<tr>
<th>Action</th>
<th>Name</th>
<th>Episode</th>
<th>Episode Title</th>
<th>Date</th>
<th>Description</th>
</tr>
</thead>
</table>
</div>
{% endblock body %} {% endblock body %}
{% block tail %} {% block tail %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
var table = $('#history_series').DataTable({ var table = $('#history_series').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"searching": false, "searching": false,
"ordering": false, "ordering": false,
"lengthChange": false, "lengthChange": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.historyseries') }}", "ajax": "{{ url_for('api.historyseries') }}",
"columns": [ "columns": [
{"data": "action"}, {"data": "action"},

77
views/movies.html
Unescape View File

@ -2,56 +2,51 @@
{% block title %}Movies - Bazarr{% endblock %} {% block title %}Movies - Bazarr{% endblock %}
{% block head %} {% block bcleft %}
<div class="d-flex">
<button class="btn btn-outline">
<i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
<span class="align-bottom">Update</span>
</button>
</div>
{% endblock bcleft %}
{% endblock head %} {% 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 %}
{% block body %} {% block body %}
<div class="container-fluid"> <table id="movies" class="table table-striped" style="width:100%">
<!-- Bread crumb and right sidebar toggle --> <thead>
<!-- ============================================================== --> <tr>
<div class="row page-titles"> <th></th>
<div class="col-md-5 col-8 align-self-center"> <th>Name</th>
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3> <th>Path Exist</th>
</div> <th>Audio Language</th>
<div class="col-md-7 col-4 align-self-center"> <th>Subtitles Languages</th>
<div class="d-flex m-t-10 justify-content-end"> <th>Hearing-Impaired</th>
<div class="d-flex m-r-20 m-l-10 hidden-md-down"> <th>Forced</th>
<div class="chart-text m-r-10"> </tr>
<h5 class="m-t-0 text-white">Some page settings</h5></div> </thead>
</div> </table>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<table id="movies" class="table table-striped" style="width:100%">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Path Exist</th>
<th>Audio Language</th>
<th>Subtitles Languages</th>
<th>Hearing-Impaired</th>
<th>Forced</th>
</tr>
</thead>
</table>
</div>
{% endblock body %} {% endblock body %}
{% block tail %} {% block tail %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
var table = $('#movies').DataTable({ var table = $('#movies').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": false, "processing": false,
"serverSide": true, "serverSide": true,
"searching": false, "searching": false,
"ordering": false, "ordering": false,
"lengthChange": false, "lengthChange": true,
"responsive": true, "responsive": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.movies') }}", "ajax": "{{ url_for('api.movies') }}",
"columns": [ "columns": [
{ {
@ -79,9 +74,9 @@
"className": "dt-center", "className": "dt-center",
"render": function (data) { "render": function (data) {
if (data.exist === false) { if (data.exist === false) {
return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: '+data.mapped_path+'"></i>'; return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: ' + data.mapped_path + '"></i>';
} else if (data.exist === true) { } else if (data.exist === true) {
return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: '+data.mapped_path+'"></i>'; return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: ' + data.mapped_path + '"></i>';
} }
} }
}, },
@ -102,7 +97,8 @@
} }
} }
}, },
{"data": "hearing_impaired", {
"data": "hearing_impaired",
"className": "dt-center", "className": "dt-center",
"render": function (data) { "render": function (data) {
if (data === 'False') { if (data === 'False') {
@ -112,7 +108,8 @@
} }
} }
}, },
{"data": "forced", {
"data": "forced",
"className": "dt-center", "className": "dt-center",
"render": function (data) { "render": function (data) {
if (data === 'False') { if (data === 'False') {

75
views/series.html
Unescape View File

@ -2,53 +2,52 @@
{% block title %}Series - Bazarr{% endblock %} {% block title %}Series - Bazarr{% endblock %}
{% block head %} {% block bcleft %}
<div class="d-flex">
<button class="btn btn-outline">
<i class="fas fa-sync align-top text-themecolor text-center" aria-hidden="true"></i>
<span class="align-bottom">Update</span>
</button>
</div>
{% endblock bcleft %}
{% endblock head %} {% 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 %}
{% block body %} {% block body %}
<div class="container-fluid"> <table id="series" class="table table-striped" style="width:100%">
<!-- Bread crumb and right sidebar toggle --> <thead>
<!-- ============================================================== --> <tr>
<div class="row page-titles"> <th>Name</th>
<div class="col-md-5 col-8 align-self-center"> <th>Path Exist</th>
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3> <th>Audio Language</th>
</div> <th>Subtitles Languages</th>
<div class="col-md-7 col-4 align-self-center"> <th>Hearing-Impaired</th>
<div class="d-flex m-t-10 justify-content-end"> <th>Forced</th>
<div class="d-flex m-r-20 m-l-10 hidden-md-down"> <th>Subtitles</th>
<div class="chart-text m-r-10"> </tr>
<h5 class="m-t-0 text-white">Some page settings</h5></div> </thead>
</div> </table>
</div>
</div>
</div>
<table id="series" class="table table-striped" style="width:100%">
<thead>
<tr>
<th>Name</th>
<th>Path Exist</th>
<th>Audio Language</th>
<th>Subtitles Languages</th>
<th>Hearing-Impaired</th>
<th>Forced</th>
<th>Subtitles</th>
</tr>
</thead>
</table>
</div>
{% endblock body %} {% endblock body %}
{% block tail %} {% block tail %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
var table = $('#series').DataTable({ var table = $('#series').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": false, "processing": false,
"serverSide": true, "serverSide": true,
"searching": false, "searching": false,
"ordering": false, "ordering": false,
"lengthChange": false, "lengthChange": true,
"responsive": true, "responsive": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.series') }}", "ajax": "{{ url_for('api.series') }}",
"columns": [ "columns": [
{"data": "title"}, {"data": "title"},
@ -58,9 +57,9 @@
"responsivePriority": 1, "responsivePriority": 1,
"render": function (data) { "render": function (data) {
if (data.exist === false) { if (data.exist === false) {
return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: '+data.mapped_path+'"></i>'; return '<i class="fas fa-exclamation-triangle" data-toggle="tooltip" data-placement="right" title="This path doesn\'t seem to be valid: ' + data.mapped_path + '"></i>';
} else if (data.exist === true) { } else if (data.exist === true) {
return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: '+data.mapped_path+'"></i>'; return '<i class="fas fa-check" data-toggle="tooltip" data-placement="right" title="This path seems to be valid: ' + data.mapped_path + '"></i>';
} }
} }
}, },
@ -81,7 +80,8 @@
} }
} }
}, },
{"data": "hearing_impaired", {
"data": "hearing_impaired",
"className": "dt-center", "className": "dt-center",
"render": function (data) { "render": function (data) {
if (data === 'False') { if (data === 'False') {
@ -91,7 +91,8 @@
} }
} }
}, },
{"data": "forced", {
"data": "forced",
"className": "dt-center", "className": "dt-center",
"render": function (data) { "render": function (data) {
if (data === 'False') { if (data === 'False') {

Write Preview
Loading…
Cancel
Save