RSS Git Download  Clone
Raw Blame History
<!-- BEGIN [% template.name %] -->
  [% # INCLUDE dumper.tt dump = session %]
  
    <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>
        
        [% IF session.failed_logins %]
          <div id="login-alert" class="alert alert-danger col-sm-12">
            Failed login attempts: [% session.failed_logins %]
          </div>
        [% END %]

        <div style="padding-top: 30px" class="panel-body">
          <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="userid"
                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>
      </div> <!-- /.col-xs-12 -->
    </div> <!-- /.row -->

  <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 %] -->