webssh

Web based ssh client https://github.com/huashengdun/webssh webssh.huashengdun.org/
git clone http://git.hanabi.in/repos/webssh.git
Log | Files | Refs | README | LICENSE

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>