RSS Git Download  Clone
Raw Blame History
<!-- BEGIN [% template.name %] -->

  <div class="container">    
    <div id="loginbox" style="margin-top: 50px;"
        class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">                    
      <div class="panel panel-info">
        <div class="panel-heading">
          <div class="panel-title">Sign In</div>
        </div>
        
        <div style="padding-top: 30px" class="panel-body">
        <div style="display: none" id="login-alert" class="alert alert-danger col-sm-12"></div>

        <form role="form" action="[% request.uri_base %]/login" method="post"
                id="login-form" autocomplete="off">
          <div style="margin-bottom: 25px" class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input id="login-username" type="text" class="form-control" name="username"
              value="" placeholder="username or email">                                        
          </div>

          <div style="margin-bottom: 25px" class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
            <input id="login-password" type="password" class="form-control" name="password"
                placeholder="password">
          </div>

          <input type="submit" id="btn-login" class="btn btn-custom btn-lg btn-block"
              value="Log in">
        </form>       
      </div> <!-- /.col-xs-12 -->
    </div> <!-- /.row -->
  </div> <!-- /.container -->

  <script type="text/javascript">
    function showPassword() {
      var key_attr = $('#key').attr('type');

      if(key_attr != 'text') {
        $('.checkbox').addClass('show');
        $('#key').attr('type', 'text');
      }
      else {
        $('.checkbox').removeClass('show');
        $('#key').attr('type', 'password');
      }
    }
  </script>
<!-- BEGIN [% template.name %] -->