Advertisement
iCreck

Untitled

Jul 31st, 2016
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 3.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Adidas Login</title>
  6.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  7.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  8.     <style>
  9.         form {
  10.             margin: 20px 0 20px;
  11.         }
  12.  
  13.          body.singin {
  14.              padding-top: 40px;
  15.              padding-bottom: 40px;
  16.              background-color: #eee;
  17.         }
  18.  
  19.         .form-signin {
  20.             max-width: 330px;
  21.             padding: 15px;
  22.             margin: 0 auto;
  23.         }
  24.         .form-signin .form-signin-heading,
  25.         .form-signin .checkbox {
  26.             margin-bottom: 10px;
  27.         }
  28.         .form-signin .checkbox {
  29.             font-weight: normal;
  30.         }
  31.         .form-signin .form-control {
  32.             position: relative;
  33.             height: auto;
  34.             -webkit-box-sizing: border-box;
  35.             -moz-box-sizing: border-box;
  36.             box-sizing: border-box;
  37.             padding: 10px;
  38.             font-size: 16px;
  39.             margin-bottom: 10px;
  40.         }
  41.         .form-signin .form-control:focus {
  42.             z-index: 2;
  43.         }
  44.         .form-signin input[type="email"] {
  45.             /*margin-bottom: -1px;*/
  46.             /*border-bottom-right-radius: 0;*/
  47.             /*border-bottom-left-radius: 0;*/
  48.         }
  49.         .form-signin input[type="password"] {
  50.             /*margin-bottom: 10px;*/
  51.             /*border-top-left-radius: 0;*/
  52.             /*border-top-right-radius: 0;*/
  53.         }
  54.  
  55.     </style>
  56.     <script>
  57.     $(document).ready(function () {
  58.         var base_url = $('#base_url').text();
  59.         var appToken = $('#app_token').text();
  60.  
  61.         $('#login').click(function(event){
  62.             event.preventDefault();
  63.             var email = $('#email').val(),
  64.                     pass = $('#password').val();
  65.  
  66.             var jqxhr = $.post( base_url + '/',
  67.                     {
  68.                         '_token': appToken,
  69.                         'email': email,
  70.                         'pass': pass
  71.                     }, function(data){
  72.                         if(data.code == 200) {
  73.                             window.location.href = base_url;
  74.                         }
  75.                     }).fail(function(data) {
  76.                         console.log(data);
  77.                     });
  78.             });
  79.     });
  80.     </script>
  81. </head>
  82. <body class="singin">
  83.  
  84. <div class="hidden" id="base_url">{{ url('/') }}</div>
  85. <div class="hidden" id="app_token">{{ Session::token() }}</div>
  86.  
  87. <div class="container">
  88.  
  89.     <form action="" class="form-signin">
  90.     <h2 class="form-signin-heading">Sign In</h2>
  91.  
  92.     <label for="email" class="sr-only">Email address</label>
  93.     <input type="email" id="email" name="email" class="form-control" placeholder="Email address" required autofocus>
  94.  
  95.     <label for="password" class="sr-only">Password</label>
  96.     <input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
  97.  
  98.     <button class="btn btn-lg btn-primary btn-block" type="button" id="login">Sign In</button>
  99.  
  100.     </form>
  101.  
  102.  
  103. </div> <!-- /container -->
  104.  
  105.  
  106. </body>
  107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement