<!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="/static/images/favicon.ico"> <title>Tisbackup GUI</title> <!-- Bootstrap core CSS --> <link href="/static/styles/bootstrap.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="/static/styles/offcanvas.css" rel="stylesheet"> <script src="/static/js/jquery.js"></script> <script src="/static/js/bootstrap.js"></script> </head> <body> <nav class="navbar navbar-fixed-top navbar-inverse"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand" href="#">TIS Backup GUI</a>--> <a class="navbar-brand" href="#"><img style=" margin-top:-13px;" src="/static/images/tisbackup.png"></a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li {% if request.path == "/" %}class="active"{% endif %} ><a href="/">Backups</a></li> <li {% if request.path == "/export_backup" %}class="active"{% endif %}><a href="/export_backup">Export Backups</a></li> <li {% if request.path == "/last_backups" %}class="active"{% endif %}><a href="/last_backups">Last backups</a></li> <li ><select class="form-control hidden" id="choix_conf" style=" margin-top:8px;"> </select> </li> </ul> </div><!-- /.nav-collapse --> </div><!-- /.container --> </nav><!-- /.navbar --> <div class="container"> <div class="row"> {% block content %} {% endblock %} </div><!--/row--> <hr> <footer> <p>Copyright (c) 2015 Tranquil IT Systems. All rights reserved. Design by TIS.</p> </footer> </div><!--/.container--> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <!-- <script src="/static/js/jquery.js"></script> --> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/static/js/ie10-viewport-bug-workaround.js"></script> <script src="/static/js/offcanvas.js"></script> <script> function configs(){ $.getJSON("/config_number/", function(data) { if ( data.configs.length > 1){ $('#choix_conf').removeClass('hidden'); $("#choix_conf").show(); $.each(data.configs, function(key,val){ if (key == data.config_number) $('#choix_conf').append('<option vaulue="'+key+'" selected>'+val+'</option>'); else $('#choix_conf').append('<option vaulue="'+key+'">'+val+'</option>'); }); } }); $( "#choix_conf" ).change(function() { $.get( "/config_number/"+this.selectedIndex, function( data ) {location.reload();}); }); }; configs(); </script> </body></html>