index.html (3479B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title> WebSSH </title> 6 <link href="static/img/favicon.png" rel="icon" type="image/png"> 7 <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 8 <link href="static/css/xterm.min.css" rel="stylesheet" type="text/css"/> 9 <link href="static/css/fullscreen.min.css" rel="stylesheet" type="text/css"/> 10 <style> 11 .row { 12 margin-top: 15px; 13 margin-bottom: 10px; 14 } 15 16 .container { 17 margin-top: 20px; 18 } 19 20 .btn { 21 margin-top: 15px; 22 } 23 24 .btn-danger { 25 margin-left: 5px; 26 } 27 {% if font.family %} 28 @font-face { 29 font-family: '{{ font.family }}'; 30 src: url('{{ font.url }}'); 31 } 32 33 body { 34 font-family: '{{ font.family }}'; 35 } 36 {% end %} 37 </style> 38 </head> 39 <body> 40 <div id="waiter" style="display: none"> Connecting ... </div> 41 42 <div class="container form-container" style="display: none"> 43 <form id="connect" action="" method="post" enctype="multipart/form-data"{% if debug %} novalidate{% end %}> 44 <div class="row"> 45 <div class="col"> 46 <label for="Hostname">Hostname</label> 47 <input class="form-control" type="text" id="hostname" name="hostname" value="" required> 48 </div> 49 <div class="col"> 50 <label for="Port">Port</label> 51 <input class="form-control" type="number" id="port" name="port" placeholder="22" value="" min=1 max=65535> 52 </div> 53 </div> 54 <div class="row"> 55 <div class="col"> 56 <label for="Username">Username</label> 57 <input class="form-control" type="text" id="username" name="username" value="" required> 58 </div> 59 <div class="col"> 60 <label for="Password">Password</label> 61 <input class="form-control" type="password" id="password" name="password" value=""> 62 </div> 63 </div> 64 <div class="row"> 65 <div class="col"> 66 <label for="Username">Private Key</label> 67 <input class="form-control" type="file" id="privatekey" name="privatekey" value=""> 68 </div> 69 <div class="col"> 70 <label for="Passphrase">Passphrase</label> 71 <input class="form-control" type="password" id="passphrase" name="passphrase" value=""> 72 </div> 73 </div> 74 <div class="row"> 75 <div class="col"> 76 <label for="totp">Totp (time-based one-time password)</label> 77 <input class="form-control" type="password" id="totp" name="totp" value=""> 78 </div> 79 <div class="col"> 80 </div> 81 </div> 82 <input type="hidden" id="term" name="term" value="xterm-256color"> 83 {% module xsrf_form_html() %} 84 <button type="submit" class="btn btn-primary">Connect</button> 85 <button type="reset" class="btn btn-danger">Reset</button> 86 </form> 87 </div> 88 89 <div class="container"> 90 <div id="status" style="color: red;"></div> 91 <div id="terminal"></div> 92 </div> 93 94 <script src="static/js/jquery.min.js"></script> 95 <script src="static/js/popper.min.js"></script> 96 <script src="static/js/bootstrap.min.js"></script> 97 <script src="static/js/xterm.min.js"></script> 98 <script src="static/js/xterm-addon-fit.min.js"></script> 99 <script src="static/js/main.js"></script> 100 </body> 101 </html>