< html >
< head >
< ! DOCTYPE html >
< style >
#divmenu {
background - color : #000000;
padding - top : 2 em ;
padding - bottom : 1 em ;
padding - left : 1 em ;
padding - right : 128 px ;
}
. prompt {
background - color : #333333 !important;
color : white ! important ;
border - radius : 3 px ! important ;
}
. searchicon {
color : white ! important ;
}
< / style >
< / head >
< body >
% from get_argv import config_dir
% import os
% import sqlite3
% from get_settings import get_general_settings
% if get_general_settings ( ) [ 24 ] is True :
% monitored_only_query_string = ' AND monitored = " True " '
% else :
% monitored_only_query_string = " "
% end
% conn = sqlite3 . connect ( os . path . join ( config_dir , ' db/bazarr.db ' ) , timeout = 30 )
% c = conn . cursor ( )
% wanted_series = c . execute ( " SELECT COUNT(*) FROM table_episodes WHERE missing_subtitles != ' [] ' " + monitored_only_query_string ) . fetchone ( )
% wanted_movies = c . execute ( " SELECT COUNT(*) FROM table_movies WHERE missing_subtitles != ' [] ' " + monitored_only_query_string ) . fetchone ( )
< div id = " divmenu " class = " ui container " >
< div class = " ui grid " >
< div class = " middle aligned row " >
< div class = " three wide column " >
< a href = " {{ base_url}} " > < img class = " logo " src = " {{ base_url}}static/logo128.png " > < / a >
< / div >
< div class = " twelve wide column " >
< div class = " ui grid " >
< div class = " row " >
< div class = " sixteen wide column " >
< div class = " ui inverted borderless labeled icon massive menu six item " >
< div class = " ui container " >
% if get_general_settings ( ) [ 12 ] is True :
< a class = " item " href = " {{ base_url}}series " >
< i class = " play icon " > < / i >
Series
< / a >
% end
% if get_general_settings ( ) [ 13 ] is True :
< a class = " item " href = " {{ base_url}}movies " >
< i class = " film icon " > < / i >
Movies
< / a >
% end
< a class = " item " href = " {{ base_url}}history " >
< i class = " wait icon " > < / i >
History
< / a >
< a class = " item " href = " {{ base_url}}wanted " >
< i class = " warning sign icon " >
% if get_general_settings ( ) [ 12 ] is True :
< div class = " floating ui tiny yellow label " style = " left:90 % !important;top:0.5em !important; " >
{ { wanted_series [ 0 ] } }
< / div >
% end
% if get_general_settings ( ) [ 13 ] is True :
< div class = " floating ui tiny green label " style = " left:90 % !important;top:3em !important; " >
{ { wanted_movies [ 0 ] } }
< / div >
% end
< / i >
Wanted
< / a >
< a class = " item " href = " {{ base_url}}settings " >
< i class = " settings icon " > < / i >
Settings
< / a >
< a class = " item " href = " {{ base_url}}system " >
< i class = " laptop icon " > < / i >
System
< / a >
< / div >
< / div >
< / div >
< / div >
< div style = ' padding-top:0rem; ' class = " row " >
< div class = " three wide column " > < / div >
< div class = " ten wide column " >
< div class = " ui search " >
< div class = " ui left icon fluid input " >
< input class = " prompt " type = " text " placeholder = " Search in your library " >
< i class = " searchicon search icon " > < / i >
< / div >
< / div >
< / div >
< div class = " three wide column " > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
% restart_required = c . execute ( " SELECT configured, updated FROM system " ) . fetchone ( )
% c . close ( )
% if restart_required [ 1 ] == ' 1 ' and restart_required [ 0 ] == ' 1 ' :
< div class = ' ui center aligned grid ' > < div class = ' fifteen wide column ' > < div class = " ui red message " > Bazarr need to be restarted to apply last update and changes to general settings . < / div > < / div > < / div >
% elif restart_required [ 1 ] == ' 1 ' :
< div class = ' ui center aligned grid ' > < div class = ' fifteen wide column ' > < div class = " ui red message " > Bazarr need to be restarted to apply last update . < / div > < / div > < / div >
% elif restart_required [ 0 ] == ' 1 ' :
< div class = ' ui center aligned grid ' > < div class = ' fifteen wide column ' > < div class = " ui red message " > Bazarr need to be restarted to apply changes to general settings . < / div > < / div > < / div >
% end
< / div >
< / body >
< / html >
< script >
$ ( ' .ui.search ' )
. search ( {
apiSettings : {
url : ' {{ base_url}}search_json/ {query} ' ,
onResponse : function ( results ) {
var response = {
results : [ ]
} ;
$ . each ( results . items , function ( index , item ) {
response . results . push ( {
title : item . name ,
url : item . url
} ) ;
} ) ;
return response ;
}
} ,
minCharacters : 2
} )
;
if ( window . location . href . indexOf ( " episodes " ) > - 1 ) {
$ ( ' .menu ' ) . css ( ' background ' , ' #000000 ' ) ;
$ ( ' .menu ' ) . css ( ' opacity ' , ' 0.8 ' ) ;
$ ( ' #divmenu ' ) . css ( ' background ' , ' #000000 ' ) ;
$ ( ' #divmenu ' ) . css ( ' opacity ' , ' 0.8 ' ) ;
$ ( ' #divmenu ' ) . css ( ' box-shadow ' , ' 0px 0px 5px 5px #000000 ' ) ;
}
else if ( window . location . href . indexOf ( " movie/ " ) > - 1 ) {
$ ( ' .menu ' ) . css ( ' background ' , ' #000000 ' ) ;
$ ( ' .menu ' ) . css ( ' opacity ' , ' 0.8 ' ) ;
$ ( ' #divmenu ' ) . css ( ' background ' , ' #000000 ' ) ;
$ ( ' #divmenu ' ) . css ( ' opacity ' , ' 0.8 ' ) ;
$ ( ' #divmenu ' ) . css ( ' box-shadow ' , ' 0px 0px 5px 5px #000000 ' ) ;
}
else {
$ ( ' .menu ' ) . css ( ' background ' , ' #272727 ' ) ;
$ ( ' #divmenu ' ) . css ( ' background ' , ' #272727 ' ) ;
}
< / script >
