< ! DOCTYPE html >
< html lang = " en " >
< head >
< 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 >
< link rel = " stylesheet " href = " {{ base_url}}static/semantic/semantic.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 > Settings - Bazarr < / title >
< style >
body {
background - color : #272727;
}
#fondblanc {
background - color : #ffffff;
border - radius : 0 ;
box - shadow : 0 0 5 px 5 px #ffffff;
margin - top : 32 px ;
margin - bottom : 3 em ;
padding : 1 em ;
}
. ui . tabular . menu > . disabled . item {
opacity : 0.45 ! important ;
pointer - events : none ! important ;
}
. browser {
float : left ;
border : 1 px solid gray ;
width : 640 px ;
height : 480 px ;
margin : 20 px ;
}
[ data - tooltip ] : after {
z - index : 2 ;
}
< / style >
< / head >
< body >
< div id = ' loader ' class = " ui page dimmer " >
< div class = " ui indeterminate text loader " > Saving settings . . . < / div >
< / div >
< div class = " ui modal " id = " browsemodal " >
< div class = " browser " > < / div >
< / div >
< div id = " fondblanc " class = " ui container " >
< form name = " wizard_form " id = " wizard_form " action = " {{ base_url}}save_wizard " method = " post " class = " ui form " autocomplete = " off " >
< div id = " form_validation_error " class = " ui error message " >
< p > Some fields are in error and you can ' t save settings until you have corrected them. Be sure to check in every tabs.</p>
< / div >
< div class = " ui top attached mini steps " >
< div class = " active step " data - tab = " general " id = " general_tab " >
< i class = " setting icon " > < / i >
< div class = " content " >
< div class = " title " > General < / div >
< div class = " description " > General settings < / div >
< / div >
< / div >
< div class = " step " data - tab = " subtitles " id = " subtitles_tab " >
< i class = " closed captioning icon " > < / i >
< div class = " content " >
< div class = " title " > Subtitles < / div >
< div class = " description " > Subtitles settings < / div >
< / div >
< / div >
< div class = " step " data - tab = " sonarr " id = " sonarr_tab " >
< i class = " play icon " > < / i >
< div class = " content " >
< div class = " title " > Sonarr < / div >
< div class = " description " > Sonarr settings < / div >
< / div >
< / div >
< div class = " step " data - tab = " radarr " id = " radarr_tab " >
< i class = " film icon " > < / i >
< div class = " content " >
< div class = " title " > Radarr < / div >
< div class = " description " > Radarr settings < / div >
< / div >
< / div >
< / div >
< div class = " ui bottom attached tab segment active " data - tab = " general " id = " general " >
< div class = " ui container " > < button class = " submit ui blue right floated right labeled icon button next1 " >
< i class = " right arrow icon " > < / i >
Next
< / button > < / div >
% include ( ' wizard_general.tpl ' )
< / div >
< div class = " ui bottom attached tab segment " data - tab = " subtitles " id = " subtitles " >
< div class = " ui container " >
< button class = " submit ui blue right floated right labeled icon button next2 " >
< i class = " right arrow icon " > < / i >
Next
< / button >
< button class = " submit ui blue right floated left labeled icon button prev1 " >
< i class = " left arrow icon " > < / i >
Prev
< / button >
< / div >
% include ( ' wizard_subtitles ' )
< / div >
< div class = " ui bottom attached tab segment " data - tab = " sonarr " id = " sonarr " >
< div class = " ui container " > < button class = " submit ui blue right floated right labeled icon button next3 " >
< i class = " right arrow icon " > < / i >
Next
< / button >
< button class = " submit ui blue right floated left labeled icon button prev2 " >
< i class = " left arrow icon " > < / i >
Prev
< / button > < / div >
% include ( ' wizard_sonarr.tpl ' )
< / div >
< div class = " ui bottom attached tab segment " data - tab = " radarr " id = " radarr " >
< div class = " ui container " > < button class = " submit ui blue right floated lright labeled icon button " id = " submit " type = " submit " value = " Submit " form = " wizard_form " > < i class = " save icon " > < / i > Save < / button >
< button class = " submit ui blue right floated left labeled icon button prev3 " >
< i class = " left arrow icon " > < / i >
Prev
< / button > < / div >
% include ( ' wizard_radarr ' )
< / div >
< / form >
< / div >
% include ( ' footer.tpl ' )
< / body >
< / html >
< script src = " {{ base_url}}static/js/wizard_validation.js " > < / script >
< script >
function getQueryVariable ( variable )
{
var query = window . location . search . substring ( 1 ) ;
var vars = query . split ( " & " ) ;
for ( var i = 0 ; i < vars . length ; i + + ) {
var pair = vars [ i ] . split ( " = " ) ;
if ( pair [ 0 ] == variable ) { return pair [ 1 ] ; }
}
return ( false ) ;
}
if ( getQueryVariable ( " saved " ) == ' true ' ) {
new Noty ( {
text : ' Settings saved. ' ,
timeout : 5000 ,
progressBar : false ,
animation : {
open : null ,
close : null
} ,
killer : true ,
type : ' info ' ,
layout : ' bottomRight ' ,
theme : ' semanticui '
} ) . show ( ) ;
}
$ ( function ( ) {
$ ( ' .next1 ' ) . on ( ' click ' , function ( e ) {
e . preventDefault ( ) ;
$ ( ' #general ' ) . removeClass ( ' active ' ) ;
$ ( ' #subtitles ' ) . addClass ( ' active ' ) ;
$ ( ' #subtitles_tab ' ) . addClass ( ' active ' ) ;
$ ( ' #general_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #general_tab ' ) . addClass ( ' completed ' ) ;
} ) ;
$ ( ' .prev1 ' ) . on ( ' click ' , function ( m ) {
m . preventDefault ( ) ;
$ ( ' #general ' ) . addClass ( ' active ' ) ;
$ ( ' #subtitles ' ) . removeClass ( ' active ' ) ;
$ ( ' #subtitles_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #general_tab ' ) . removeClass ( ' completed ' ) ;
$ ( ' #general_tab ' ) . addClass ( ' active ' ) ;
} ) ;
$ ( ' .next2 ' ) . on ( ' click ' , function ( e ) {
e . preventDefault ( ) ;
$ ( ' #subtitles ' ) . removeClass ( ' active ' ) ;
$ ( ' #sonarr ' ) . addClass ( ' active ' ) ;
$ ( ' #sonarr_tab ' ) . addClass ( ' active ' ) ;
$ ( ' #subtitles_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #subtitles_tab ' ) . addClass ( ' completed ' ) ;
} ) ;
$ ( ' .prev2 ' ) . on ( ' click ' , function ( m ) {
m . preventDefault ( ) ;
$ ( ' #subtitles ' ) . addClass ( ' active ' ) ;
$ ( ' #sonarr ' ) . removeClass ( ' active ' ) ;
$ ( ' #sonarr_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #subtitles_tab ' ) . removeClass ( ' completed ' ) ;
$ ( ' #subtitles_tab ' ) . addClass ( ' active ' ) ;
} ) ;
$ ( ' .next3 ' ) . on ( ' click ' , function ( e ) {
e . preventDefault ( ) ;
$ ( ' #sonarr ' ) . removeClass ( ' active ' ) ;
$ ( ' #radarr ' ) . addClass ( ' active ' ) ;
$ ( ' #radarr_tab ' ) . addClass ( ' active ' ) ;
$ ( ' #sonarr_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #sonarr_tab ' ) . addClass ( ' completed ' ) ;
} ) ;
$ ( ' .prev3 ' ) . on ( ' click ' , function ( m ) {
m . preventDefault ( ) ;
$ ( ' #sonarr ' ) . addClass ( ' active ' ) ;
$ ( ' #radarr ' ) . removeClass ( ' active ' ) ;
$ ( ' #radarr_tab ' ) . removeClass ( ' active ' ) ;
$ ( ' #sonarr_tab ' ) . removeClass ( ' completed ' ) ;
$ ( ' #sonarr_tab ' ) . addClass ( ' active ' ) ;
} ) ;
} ) ;
$ ( function ( ) {
$ ( ' .form ' ) . form ( ' validate form ' ) ;
$ ( ' #loader ' ) . removeClass ( ' active ' ) ;
} ) ;
$ ( " .form :input " ) . on ( ' change paste keyup focusout ' , function ( ) {
$ ( ' .form ' ) . form ( ' validate form ' ) ;
$ ( ' #loader ' ) . removeClass ( ' active ' ) ;
} ) ;
< / script >
