Merge pull request #51 from fergthh/enhancement-login-form

Login Section: Added autofocus in email field and show/hide password field button

resources/views/auth/login.blade.php

@@ -29,4 +29,5 @@
 
 @section('unique-js')
     {!! JsValidator::formRequest('App\Http\Requests\LoginRequest', '#login'); !!}
-@stop
+    @include('backend.shared.components.show-password', ['inputs' => 'input[name="password"]'])
+@stop

resources/views/auth/partials/login-form.blade.php

@@ -2,7 +2,7 @@
     {!! csrf_field() !!}
     <div class="form-group fg-line">
         <input type="email" class="form-control"
-               name="email" value="{{ old('email') }}" placeholder="Email">
+               name="email" value="{{ old('email') }}" placeholder="Email" autofocus>
     </div>
     <div class="form-group fg-line">
         <input type="password" name="password" class="form-control"
@@ -20,4 +20,4 @@
     </div>
 
     <button type="submit" name="submit" class="btn btn-primary btn-block m-t-10">Sign in</button>
-</form>
+</form>

resources/views/backend/layout.blade.php

@@ -31,4 +31,4 @@
         @yield('unique-js')
 
     </body>
-</html>
+</html>

resources/views/backend/profile/partials/form/password.blade.php

@@ -34,4 +34,4 @@
        
       <a href="{{url('admin/profile')}}"><button type="button" class="btn btn-link">Cancel</button></a>
   </div>
-</form>
+</form>

resources/views/backend/profile/privacy.blade.php

@@ -20,9 +20,10 @@
 
 @section('unique-js')
     {!! JsValidator::formRequest('App\Http\Requests\PasswordUpdateRequest', '#passwordUpdate'); !!}
+    @include('backend.shared.components.show-password', ['inputs' => 'input[name="password"], input[name="new_password"], input[name="new_password_confirmation"]'])
 
     @if(Session::get('_passwordUpdate'))
         @include('backend.profile.partials.notifications.update-password')
         {{ \Session::forget('_passwordUpdate') }}
     @endif
-@stop
+@stop

resources/views/backend/shared/components/show-password.blade.php

@@ -0,0 +1,31 @@
+<style type="text/css">
+    button.show-password{
+        background-color: #2196f3;
+        border: 1px solid #2196f3;
+        border-radius: 2px;
+        color: #fff;
+        font-size: 0.9em;
+        opacity: .5;
+        position: absolute;
+        right: 0;
+        top: 0;
+    }
+    button.show-password:hover{
+        opacity: 1;
+        transition: all .8s linear;
+    }
+</style>
+
+<script>
+        (function(){
+            $('{!! $inputs !!}').parent().append('<button class="show-password">Show content</button>');
+
+            $('.show-password').click(function (e) {
+                var password_field = $(this).siblings('input');
+                var new_type = (password_field.attr('type') === 'password') ? 'text' : 'password';
+                var new_text = ($(this).html() === 'Show content') ? 'Hide' : 'Show';
+                password_field.attr('type', new_type).focus();
+                $(this).html(new_text + ' content');
+            });
+        })();
+</script>