< html >
< head >
< ! DOCTYPE html >
< script src = " {{ base_url}}static/jquery/jquery-latest.min.js " > < / script >
< script src = " {{ base_url}}static/semantic/semantic.min.js " > < / script >
< script src = " {{ base_url}}static/jquery/tablesort.js " > < / script >
< script src = " {{ base_url}}static/datatables/jquery.dataTables.min.js " > < / script >
< script src = " {{ base_url}}static/datatables/dataTables.semanticui.min.js " > < / script >
< link rel = " stylesheet " href = " {{ base_url}}static/semantic/semantic.css " >
< link rel = " stylesheet " type = " text/css " href = " {{ base_url}}static/datatables/datatables.min.css " / >
< link rel = " stylesheet " type = " text/css " href = " {{ base_url}}static/datatables/semanticui.min.css " / >
< link rel = " apple-touch-icon " sizes = " 120x120 " href = " {{ base_url}}static/apple-touch-icon.png " >
< link rel = " icon " type = " image/png " sizes = " 32x32 " href = " {{ base_url}}static/favicon-32x32.png " >
< link rel = " icon " type = " image/png " sizes = " 16x16 " href = " {{ base_url}}static/favicon-16x16.png " >
< link rel = " manifest " href = " {{ base_url}}static/manifest.json " >
< link rel = " mask-icon " href = " {{ base_url}}static/safari-pinned-tab.svg " color = " #5bbad5 " >
< link rel = " shortcut icon " href = " {{ base_url}}static/favicon.ico " >
< meta name = " msapplication-config " content = " {{ base_url}}static/browserconfig.xml " >
< meta name = " theme-color " content = " #ffffff " >
< title > { { details [ 0 ] } } - Bazarr < / title >
< style >
body {
background - color : #1b1c1d;
background - image : url ( " {{ base_url}}image_proxy_movies {{ details[3]}} " ) ;
background - repeat : no - repeat ;
background - attachment : fixed ;
background - size : cover ;
background - position : center center ;
}
#divdetails {
background - color : #000000;
opacity : 0.9 ;
color : #ffffff;
margin - top : 6 em ;
margin - bottom : 3 em ;
padding : 2 em ;
border - radius : 1 px ;
box - shadow : 0 px 0 px 5 px 5 px #000000;
min - height : calc ( 250 px + 4 em ) ;
}
#fondblanc {
background - color : #ffffff;
opacity : 0.9 ;
border - radius : 1 px ;
box - shadow : 0 px 0 px 3 px 3 px #ffffff;
margin - top : 32 px ;
margin - bottom : 3 em ;
padding - top : 2 em ;
padding - left : 2 em ;
padding - right : 2 em ;
padding - bottom : 1 em ;
text - color : black ;
}
. ui . basic . button : hover , . ui . basic . buttons . button : hover {
background : transparent ! important ;
}
. ui . basic . button : active , . ui . basic . buttons . button : active {
background : transparent ! important ;
}
. ui . basic . button : focus , . ui . basic . buttons . button : focus {
background : transparent ! important ;
}
. ui . basic . button : visited , . ui . basic . buttons . button : visited {
background : transparent ! important ;
}
. criteria_matched {
background - color : #e6ffe6 !important;
line - height : 0 ! important ;
}
. criteria_not_matched {
background - color : #ffcccc !important;
line - height : 0 ! important ;
}
< / style >
< / head >
< body >
% import ast
% from get_languages import *
% from get_settings import *
% single_language = get_general_settings ( ) [ 7 ]
< div style = " display: none; " > < img src = " {{ base_url}}image_proxy_movies {{ details[3]}} " > < / div >
< div id = ' loader ' class = " ui page dimmer " >
< div id = " loader_text " class = " ui indeterminate text loader " > Loading . . . < / div >
< / div >
% include ( ' menu.tpl ' )
< div style = ' padding-left: 2em; padding-right: 2em; ' class = ' ui container ' >
< div id = " divdetails " class = " ui container " >
< img class = " left floated ui image " style = " max-height:250px; " src = " {{ base_url}}image_proxy_movies {{ details[2]}} " >
< div class = " ui right floated basic icon buttons " >
< button id = " scan_disk " class = " ui button " data - tooltip = " Scan disk for subtitles " data - inverted = " " > < i class = " ui inverted large compact refresh icon " > < / i > < / button >
< button id = " search_missing_subtitles " class = " ui button " data - tooltip = " Download missing subtitles " data - inverted = " " > < i class = " ui inverted huge compact search icon " > < / i > < / button >
< %
subs_languages = ast . literal_eval ( str ( details [ 7 ] ) )
subs_languages_list = [ ]
if subs_languages is not None :
for subs_language in subs_languages :
subs_languages_list . append ( subs_language )
end
end
% >
% if subs_languages is not None :
< button class = " manual_search ui button " data - tooltip = " Manually search for subtitles " data - inverted = " " data - moviePath = " {{ details[8]}} " data - scenename = " {{ details[12]}} " data - language = " {{ subs_languages_list}} " data - hi = " {{ details[4]}} " data - movie_title = " {{ details[0]}} " data - radarrId = " {{ details[10]}} " > < i class = " ui inverted large compact user icon " > < / i > < / button >
% end
< button id = " config " class = " ui button " data - tooltip = " Edit movie " data - inverted = " " data - tmdbid = " {{ details[5]}} " data - title = " {{ details[0]}} " data - poster = " {{ details[2]}} " data - audio = " {{ details[6]}} " data - languages = " {{ !subs_languages_list}} " data - hearing - impaired = " {{ details[4]}} " > < i class = " ui inverted large compact configure icon " > < / i > < / button >
< / div >
< h2 >
% if details [ 13 ] is True :
< span data - tooltip = " Movie monitored in Radarr " > < i class = " bookmark icon " > < / i > < / span >
% else :
< span data - tooltip = " Movie unmonitored in Radarr " > < i class = " bookmark outline icon " > < / i > < / span >
% end
{ { details [ 0 ] } }
< / h2 >
< p > { { details [ 1 ] } } < / p >
< p style = ' margin-top: 3em; ' >
< div class = " ui tiny inverted label " style = ' background-color: #777777; ' > { { details [ 6 ] } } < / div >
< div class = " ui tiny inverted label " style = ' background-color: #35c5f4; ' > { { details [ 8 ] } } < / div >
< / p >
< p style = ' margin-top: 2em; ' >
% for language in subs_languages_list :
< div class = " ui tiny inverted label " style = ' background-color: #35c5f4; ' > { { language } } < / div >
% end
< / p >
< div style = ' clear:both; ' > < / div >
< div id = " fondblanc " class = " ui container " >
< table class = " ui very basic single line selectable table " >
< thead >
< tr >
< th > Subtitles path < / th >
< th > Language < / th >
< th > < / th >
< / tr >
< / thead >
< tbody >
< %
subtitles_files = ast . literal_eval ( str ( details [ 9 ] ) )
subtitles_files . sort ( )
if subtitles_files is not None :
for subtitles_file in subtitles_files :
% >
< tr >
< td > { { path_replace_movie ( subtitles_file [ 1 ] ) if subtitles_file [ 1 ] is not None else ' Video file subtitles track ' } } < / td >
< td > < div class = " ui tiny inverted label " style = ' background-color: #777777; ' > { { language_from_alpha2 ( subtitles_file [ 0 ] ) } } < / div > < / td >
< td >
% if subtitles_file [ 1 ] is not None :
< a class = " remove_subtitles ui inverted basic compact icon " data - tooltip = " Delete subtitles file from disk " data - inverted = " " data - moviePath = " {{ details[8]}} " data - subtitlesPath = " {{ path_replace_movie(subtitles_file[1])}} " data - language = " {{ alpha3_from_alpha2(subtitles_file[0])}} " data - radarrId = { { details [ 10 ] } } >
< i class = " ui black delete icon " > < / i >
< / a >
% end
< / td >
< / tr >
< %
end
if len ( subtitles_files ) == 0 :
% >
< tr > < td colspan = " 3 " > No subtitles detected for this movie . < / td > < / tr >
< %
end
end
% >
< / tbody >
< / table >
< %
missing_subs_languages = ast . literal_eval ( str ( details [ 11 ] ) )
if missing_subs_languages is not None :
% >
< table class = " ui very basic single line selectable table " >
< thead >
< tr >
< th > Missing subtitles < / th >
< / tr >
< / thead >
< / table >
< %
for missing_subs_language in missing_subs_languages :
% >
< a class = " get_subtitle ui small blue label " data - moviePath = " {{ details[8]}} " data - scenename = " {{ details[12]}} " data - language = " {{ alpha3_from_alpha2(str(missing_subs_language))}} " data - hi = " {{ details[4]}} " data - radarrId = { { details [ 10 ] } } >
{ { language_from_alpha2 ( str ( missing_subs_language ) ) } }
< i style = " margin-left:3px; margin-right:0px " class = " search icon " > < / i >
< / a >
< %
end
end
% >
< / div >
< / div >
< / div >
< div class = " config_dialog ui small modal " >
< i class = " close icon " > < / i >
< div class = " header " >
< div id = " movie_title " > < / div >
< / div >
< div class = " content " >
< form name = " movie_form " id = " movie_form " action = " " method = " post " class = " ui form " >
< div class = " ui grid " >
< div class = " four wide column " >
< img id = " movie_poster " class = " ui image " src = " " >
< / div >
< div class = " twelve wide column " >
< div class = " ui grid " >
< div class = " middle aligned row " >
< div class = " right aligned five wide column " >
< label > Audio language < / label >
< / div >
< div class = " nine wide column " >
< div id = " movie_audio_language " > < / div >
< / div >
< / div >
< div class = " middle aligned row " >
< div class = " right aligned five wide column " >
< label > Subtitles languages < / label >
< / div >
< div class = " nine wide column " >
< select name = " languages " id = " movie_languages " { { ! ' multiple= " " ' if single_language is False else ' ' } } class = " ui fluid selection dropdown " >
< option value = " " > Languages < / option >
% for language in languages :
< option value = " {{ language[0]}} " > { { language [ 1 ] } } < / option >
% end
< / select >
< / div >
< / div >
< div class = " middle aligned row " >
< div class = " right aligned five wide column " >
< label > Hearing - impaired < / label >
< / div >
< div class = " nine wide column " >
< div id = " movie_hearing-impaired_div " class = " ui toggle checkbox " >
< input name = " hearing_impaired " id = " movie_hearing-impaired " type = " checkbox " >
< label > < / label >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / form >
< / div >
< div class = " actions " >
< button class = " ui cancel button " > Cancel < / button >
< button type = " submit " name = " save " value = " save " form = " movie_form " class = " ui blue approve button " > Save < / button >
< / div >
< / div >
< div class = " search_dialog ui modal " >
< i class = " close icon " > < / i >
< div class = " header " >
< span id = " movie_title_span " > < / span >
< / div >
< div class = " scrolling content " >
< table id = " search_result " class = " display " style = " width:100 % " >
< thead >
< tr >
< th style = " text-align: left; " > Score : < / th >
< th style = " text-align: left; " > Language : < / th >
< th style = " text-align: left; " > Hearing - impaired : < / th >
< th style = " text-align: left; " > Provider : < / th >
< th style = " text-align: left; " > Based on : < / th >
< th > < / th >
< / tr >
< / thead >
< / table >
< / div >
< div class = " actions " >
< button class = " ui cancel button " > Cancel < / button >
< / div >
< / div >
% include ( ' footer.tpl ' )
< / body >
< / html >
< script >
$ ( ' #scan_disk ' ) . click ( function ( ) {
$ ( ' #loader_text ' ) . text ( " Scanning disk for existing subtitles... " ) ;
window . location = ' {{ base_url}}scan_disk_movie/ {{ no}} ' ;
} )
$ ( ' #search_missing_subtitles ' ) . click ( function ( ) {
$ ( ' #loader_text ' ) . text ( " Searching for missing subtitles... " ) ;
window . location = ' {{ base_url}}search_missing_subtitles_movie/ {{ no}} ' ;
} )
$ ( ' .remove_subtitles ' ) . click ( function ( ) {
var values = {
moviePath : $ ( this ) . attr ( " data-moviePath " ) ,
language : $ ( this ) . attr ( " data-language " ) ,
subtitlesPath : $ ( this ) . attr ( " data-subtitlesPath " ) ,
radarrId : $ ( this ) . attr ( " data-radarrId " ) ,
tmdbid : { { tmdbid } }
} ;
$ ( ' #loader_text ' ) . text ( " Deleting subtitle from disk... " ) ;
$ . ajax ( {
url : " {{ base_url}}remove_subtitles_movie " ,
type : " POST " ,
dataType : " json " ,
data : values
} ) ;
$ ( document ) . ajaxStart ( function ( ) {
$ ( ' #loader ' ) . addClass ( ' active ' ) ;
} ) ;
$ ( document ) . ajaxStop ( function ( ) {
window . location . reload ( ) ;
} ) ;
} )
$ ( ' .get_subtitle ' ) . click ( function ( ) {
var values = {
moviePath : $ ( this ) . attr ( " data-moviePath " ) ,
sceneName : $ ( this ) . attr ( " data-sceneName " ) ,
language : $ ( this ) . attr ( " data-language " ) ,
hi : $ ( this ) . attr ( " data-hi " ) ,
radarrId : $ ( this ) . attr ( " data-radarrId " ) ,
tmdbid : { { tmdbid } }
} ;
$ ( ' #loader_text ' ) . text ( " Downloading subtitle to disk... " ) ;
$ . ajax ( {
url : " {{ base_url}}get_subtitle_movie " ,
type : " POST " ,
dataType : " json " ,
data : values
} ) ;
$ ( document ) . ajaxStart ( function ( ) {
$ ( ' #loader ' ) . addClass ( ' active ' ) ;
} ) ;
$ ( document ) . ajaxStop ( function ( ) {
window . location . reload ( ) ;
} ) ;
} )
$ ( ' a, .menu .item, button:not(#config, .cancel, .manual_search) ' ) . click ( function ( ) {
$ ( ' #loader ' ) . addClass ( ' active ' ) ;
} )
$ ( ' .modal ' )
. modal ( {
autofocus : false
} )
;
$ ( ' #config ' ) . click ( function ( ) {
$ ( ' #movie_form ' ) . attr ( ' action ' , ' {{ base_url}}edit_movie/ {{ no}} ' ) ;
$ ( " #movie_title " ) . html ( $ ( this ) . data ( " title " ) ) ;
$ ( " #movie_poster " ) . attr ( " src " , " {{ base_url}}image_proxy_movies " + $ ( this ) . data ( " poster " ) ) ;
$ ( " #movie_audio_language " ) . html ( $ ( this ) . data ( " audio " ) ) ;
$ ( ' #movie_languages ' ) . dropdown ( ' clear ' ) ;
var languages_array = eval ( $ ( this ) . data ( " languages " ) ) ;
$ ( ' #movie_languages ' ) . dropdown ( ' set selected ' , languages_array ) ;
if ( $ ( this ) . data ( " hearing-impaired " ) == " True " ) {
$ ( " #movie_hearing-impaired_div " ) . checkbox ( ' check ' ) ;
} else {
$ ( " #movie_hearing-impaired_div " ) . checkbox ( ' uncheck ' ) ;
}
$ ( ' .config_dialog ' )
. modal ( {
centered : true
} )
. modal ( ' show ' )
;
} )
$ ( ' .manual_search ' ) . click ( function ( ) {
$ ( " #movie_title_span " ) . html ( $ ( this ) . data ( " movie_title " ) ) ;
moviePath = $ ( this ) . attr ( " data-moviePath " ) ,
sceneName = $ ( this ) . attr ( " data-sceneName " ) ,
language = $ ( this ) . attr ( " data-language " ) ,
hi = $ ( this ) . attr ( " data-hi " ) ,
radarrId = $ ( this ) . attr ( " data-radarrId " )
var values = {
moviePath : moviePath ,
sceneName : sceneName ,
language : language ,
hi : hi ,
radarrId : radarrId
} ;
$ ( ' #search_result ' ) . DataTable ( {
destroy : true ,
language : {
loadingRecords : ' <br><div class= " ui active inverted dimmer " style= " width: 95 % ; " ><div class= " ui centered inline loader " ></div></div><br> ' ,
zeroRecords : ' No subtitles found for this movie '
} ,
paging : true ,
searching : false ,
ordering : false ,
processing : false ,
serverSide : false ,
lengthMenu : [ [ 5 , 10 , 25 , 50 , 100 , - 1 ] , [ 5 , 10 , 25 , 50 , 100 , " All " ] ] ,
ajax : {
url : ' {{ base_url}}manual_search_movie ' ,
type : ' POST ' ,
data : values
} ,
drawCallback : function ( settings ) {
$ ( ' .inline.dropdown ' ) . dropdown ( ) ;
} ,
columns : [
{ data : ' score ' ,
render : function ( data , type , row ) {
return data + ' % ' ;
}
} ,
{ data : ' language ' } ,
{ data : ' hearing_impaired ' } ,
{ data : null ,
render : function ( data , type , row ) {
return ' <a href= " ' + data . url + ' " target= " _blank " > ' + data . provider + ' </a> ' ;
}
} ,
{ data : null ,
render : function ( data , type , row ) {
var array_matches = data . matches ;
var array_dont_matches = data . dont_matches ;
var i ;
text = ' <div class= " ui inline dropdown " ><i class= " green check icon " ></i><div class= " text " > '
text + = array_matches . length ;
text + = ' </div><i class= " dropdown icon " ></i><div class= " menu " > '
for ( i = 0 ; i < array_matches . length ; i + + ) {
text + = ' <div class= " criteria_matched disabled item " > ' + array_matches [ i ] + ' </div> ' ;
}
text + = ' </div></div> ' ;
text + = ' <div class= " ui inline dropdown " ><i class= " red times icon " ></i><div class= " text " > '
text + = array_dont_matches . length ;
text + = ' </div><i class= " dropdown icon " ></i><div class= " menu " > '
for ( i = 0 ; i < array_dont_matches . length ; i + + ) {
text + = ' <div class= " criteria_not_matched disabled item " > ' + array_dont_matches [ i ] + ' </div> ' ;
}
text + = ' </div></div> ' ;
return text ;
}
} ,
{ data : null ,
render : function ( data , type , row ) {
return ' <a href= " # " class= " ui tiny label " onclick= " manual_get(this, moviePath, sceneName, hi, radarrId) " data-subtitle= " ' + data . subtitle + ' " data-provider= " ' + data . provider + ' " data-language= " ' + data . language + ' " ><i class= " ui download icon " style= " margin-right:0px " ></i></a> ' ;
}
}
]
} ) ;
$ ( ' .search_dialog ' )
. modal ( {
centered : false
} )
. modal ( ' show ' )
;
} )
function manual_get ( button , episodePath , sceneName , hi , sonarrSeriesId , sonarrEpisodeId ) {
var values = {
subtitle : $ ( button ) . attr ( " data-subtitle " ) ,
provider : $ ( button ) . attr ( " data-provider " ) ,
moviePath : moviePath ,
sceneName : sceneName ,
language : $ ( button ) . attr ( " data-language " ) ,
hi : hi ,
radarrId : radarrId
} ;
$ ( ' #loader_text ' ) . text ( " Downloading subtitle to disk... " ) ;
$ ( ' #loader ' ) . addClass ( ' active ' ) ;
$ ( ' .search_dialog ' ) . modal ( ' hide ' ) ;
$ . ajax ( {
url : " {{ base_url}}manual_get_subtitle_movie " ,
type : " POST " ,
dataType : " json " ,
data : values
} ) ;
$ ( document ) . ajaxStop ( function ( ) {
window . location . reload ( ) ;
} ) ;
}
< / script >
