ok

Mini Shell

Direktori : /proc/thread-self/root/home/gainstransformin/public_html/Gains_admin/application/views/
Upload File :
Current File : //proc/thread-self/root/home/gainstransformin/public_html/Gains_admin/application/views/login.php

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<script src="<?= base_url();?>bower_components/jquery/dist/jquery.min.js"></script>
		<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap/dist/css/bootstrap.min.css">
		<script src="<?= base_url();?>bower_components/jquery-ui/jquery-ui.min.js"></script>
  		<script src="<?= base_url();?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        
    


<style>
.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

.profile-img {
	width: 100%;
	height: auto;
	margin: 0 auto 10px;
	display: block;
}
body .inside-block {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 360px;
	height: 100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 50px;
    color:#720dde;
	overflow: auto;
}
a{
    text-decoration:none;
}
a.hover{
    text-decoration:none;
}
body .input-group input,.input-group-addon:first-child {

	border: 0 !important;
	-webkit-border-radius: 4px 0 0 4px !important;
	-moz-border-radius: 4px 0 0 4px !important;
	-ms-border-radius: 4px 0 0 4px !important;
	-o-border-radius: 4px 0 0 4px !important;
	border-radius: 4px 0 0 4px !important;
 
	color:#000 !important;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.input-group-addon {
    background:#720dde!important;
    border-radius:0;
}

.input-group .form-control {
       border: 1px solid #720dde!important;
    border-radius: 0!important;
}

.login-btn {
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #720dde;
    background-color: #720dde;
    border-radius: 0px;
    padding: 5px 20px;
    color: #ffffff;
    display: inline-block;
    width: 150px;
}
.login-btn:hover, .login-btn:hover {
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #720dde;
    background-color: transparent;
    border-radius: 0;
    color: #FEAE00;
    text-decoration: none;
}

.loginpanel {
    background-color: #ffffff;
    border-radius: 10px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    width: 380px;
    margin-top: 10em;
}
 
</style>
    </head>




    <body style="background: #CCCCFF ;  ">
      
      <div class="container" >
		<div class="row">
			<div class="col-sm-6 col-md-4 col-md-offset-4"  >
				<div class="loginpanel">
				
					<div class="panel-body" >
						<form id="frm_login" role="form" action="login/signIn" method="POST">
							<fieldset>
								<div class="row">
									<div class="center-block">
									    <p class="alert alert-danger" id="response" style="display:none"><b>INVALID USER NAME OR PASSWORD</b></p>
										<h3 class="text-center">    <?php //echo  $_SESSION['title']?> ADMIN LOGIN   </h3>
									</div>
								</div>
								<div class="row" style="">
									<div class="col-sm-12 col-md-10  col-md-offset-1 ">
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-user"></i>
												</span> 
												<input class="form-control" placeholder="Username" name="user" type="text" autofocus>
											</div>
										</div>
										<div class="form-group">
											<div class="input-group">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-lock"></i>
												</span>
												<input class="form-control" placeholder="Password" name="pass" type="password" value="">
											</div>
										</div>
										<div class="form-group">
											<input type="submit"  name="login_submit" class="btn login-btn" value="Login" style="margin-left:20%">
										</div>
									</div>
								</div>
							</fieldset>
						</form>
					</div>
					
                </div>
			</div>
		</div>
	</div>

	</body>

	<script>
        $(document).ready(function (){
			
		$("#frm_login").submit(function (e){
                e.preventDefault();
                var url = $(this).attr('action');
                var method = $(this).attr('method');
                var data = $(this).serialize();
				
				console.log($('#frm_login')[0]);
                
                $.ajax({
                   url:url,
                   type:method,
                   data:data
                }).done(function(data){
                   if(data !== '')
                    {
                        $("#response").show('fast');
                        $("#response").effect( "shake" );
                     //   $('#frm_login')[0].reset();
                    }
                    else
                    {
                     window.location.href='<?php echo base_url() ?>home';
                   
                    } 
                });
            });
            
           
            
        });
        </script>
</html>

Zerion Mini Shell 1.0