This commit is contained in:
Moravčík, Marian 2020-01-01 23:15:50 +01:00
parent 07ded54d4d
commit 3d5cad545b
8 changed files with 272 additions and 238 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

@ -19,6 +19,10 @@ $sidebar: #3a3f51;
$swhite: #e1e2e3;
$bodycolor: white;
body {
font-family: $bodyfont;
}
/*******************
/*Top bar
@ -233,91 +237,106 @@ a.link {
}
}
@media(min-width:768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
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;
@media(min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
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;
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:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
display: block;
.user-profile {
padding-bottom: 15px;
width: 60px;
margin-bottom: 7px;
.profile-img {
padding: 15px 0 0 0;
margin: 0px 0 0 6px;
&:before {
top: 15px;
}
}
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none;
.scroll-sidebar {
padding-bottom: 0px;
position: absolute;
}
.mini-sidebar {
.left-sidebar {
width: 60px;
}
.user-profile {
padding-bottom: 15px;
width: 60px;
margin-bottom: 7px;
.profile-img{
padding: 15px 0 0 0;
margin: 0px 0 0 6px;
&:before{
top:15px;
}
}
}
.scroll-sidebar{
padding-bottom: 0px;
position: absolute;
}
.hide-menu,
.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;
}
}
.hide-menu,
.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 {
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);
border-color: $border;
background: $themecolor;
padding: 0 0;
padding: 0 0;
.dropdown-item {
padding: 7px 1.5rem;
@ -465,6 +488,6 @@ a.link {
}
.page-wrapper {
background: $bodycolor;
padding-bottom: 60px;
background: $bodycolor;
padding-bottom: 60px;
}

View File

@ -80,13 +80,13 @@
<!-- toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav mr-auto mt-md-0">
<!-- This is -->
<li class="nav-item"> <a
<!-- This is -->
<li class="nav-item"><a
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>
<li class="nav-item"> <a
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"
href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
href="javascript:void(0)"><i class="ti-menu"></i></a></li>
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
@ -196,9 +196,27 @@
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<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>
<!-- ============================================================== -->
<!-- footer -->
@ -238,7 +256,6 @@
url: "{{url_for('api.badges')}}",
async: true,
success: function (data) {
console.log(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>')
}

View File

@ -2,52 +2,47 @@
{% 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 %}
<div class="container-fluid">
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 col-8 align-self-center">
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
</div>
<div class="col-md-7 col-4 align-self-center">
<div class="d-flex m-t-10 justify-content-end">
<div class="d-flex m-r-20 m-l-10 hidden-md-down">
<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>
<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>
{% endblock body %}
{% block tail %}
<script>
$(document).ready(function () {
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,
"searching": false,
"ordering": false,
"lengthChange": false,
"responsive": true,
"lengthChange": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.historymovies') }}",
"columns": [
{"data": "action"},

View File

@ -2,54 +2,49 @@
{% 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 %}
<div class="container-fluid">
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 col-8 align-self-center">
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
</div>
<div class="col-md-7 col-4 align-self-center">
<div class="d-flex m-t-10 justify-content-end">
<div class="d-flex m-r-20 m-l-10 hidden-md-down">
<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_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>
<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>
{% endblock body %}
{% block tail %}
<script>
$(document).ready(function () {
var table = $('#history_series').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": true,
"serverSide": true,
"searching": false,
"ordering": false,
"lengthChange": false,
"lengthChange": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.historyseries') }}",
"columns": [
{"data": "action"},

View File

@ -2,56 +2,51 @@
{% 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 %}
<div class="container-fluid">
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 col-8 align-self-center">
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
</div>
<div class="col-md-7 col-4 align-self-center">
<div class="d-flex m-t-10 justify-content-end">
<div class="d-flex m-r-20 m-l-10 hidden-md-down">
<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="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>
<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>
{% endblock body %}
{% block tail %}
<script>
$(document).ready(function () {
var table = $('#movies').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": false,
"serverSide": true,
"searching": false,
"ordering": false,
"lengthChange": false,
"lengthChange": true,
"responsive": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.movies') }}",
"columns": [
{
@ -79,9 +74,9 @@
"className": "dt-center",
"render": function (data) {
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) {
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",
"render": function (data) {
if (data === 'False') {
@ -112,7 +108,8 @@
}
}
},
{"data": "forced",
{
"data": "forced",
"className": "dt-center",
"render": function (data) {
if (data === 'False') {

View File

@ -2,53 +2,52 @@
{% 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 %}
<div class="container-fluid">
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 col-8 align-self-center">
<h3 class="text-themecolor m-b-0 m-t-0"><i class="fas fa-sync"></i></h3>
</div>
<div class="col-md-7 col-4 align-self-center">
<div class="d-flex m-t-10 justify-content-end">
<div class="d-flex m-r-20 m-l-10 hidden-md-down">
<div class="chart-text m-r-10">
<h5 class="m-t-0 text-white">Some page settings</h5></div>
</div>
</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>
<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>
{% endblock body %}
{% block tail %}
<script>
$(document).ready(function () {
var table = $('#series').DataTable({
"dom":
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
"processing": false,
"serverSide": true,
"searching": false,
"ordering": false,
"lengthChange": false,
"lengthChange": true,
"responsive": true,
"pageLength": {{ settings.general.page_size }},
"ajax": "{{ url_for('api.series') }}",
"columns": [
{"data": "title"},
@ -58,9 +57,9 @@
"responsivePriority": 1,
"render": function (data) {
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) {
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",
"render": function (data) {
if (data === 'False') {
@ -91,7 +91,8 @@
}
}
},
{"data": "forced",
{
"data": "forced",
"className": "dt-center",
"render": function (data) {
if (data === 'False') {