From 704eb728bc0395fff946da877710b4bd29c71f24 Mon Sep 17 00:00:00 2001
From: snipe <snipe@snipe.net>
Date: Tue, 29 Jun 2021 02:16:57 -0700
Subject: [PATCH] Added livewire the login screen

Signed-off-by: snipe <snipe@snipe.net>
---
 app/Http/Livewire/LoginForm.php               |  67 +++++++++++
 resources/views/auth/login.blade.php          |  86 +-------------
 resources/views/livewire/login-form.blade.php | 105 ++++++++++++++++++
 3 files changed, 173 insertions(+), 85 deletions(-)
 create mode 100644 app/Http/Livewire/LoginForm.php
 create mode 100644 resources/views/livewire/login-form.blade.php

diff --git a/app/Http/Livewire/LoginForm.php b/app/Http/Livewire/LoginForm.php
new file mode 100644
index 0000000000..78b73f9468
--- /dev/null
+++ b/app/Http/Livewire/LoginForm.php
@@ -0,0 +1,67 @@
+<?php
+namespace App\Http\Livewire;
+
+use Livewire\Component;
+
+class LoginForm extends Component
+{
+    public $username = '';
+    public $password = '';
+    public $can_submit = false;
+
+
+    /**
+     * Set the validation rules for login
+     *
+     * @author  A. Ginaotto <snipe@snipe.net>
+     * @version v6.0
+     * @return Array
+     */
+    public function rules() 
+    {
+        return [
+            'username' => 'required|string|max:255',
+            'password' => 'required',
+        ];
+    }
+
+    /**
+     * Perform the validation
+     *
+     * @author  A. Ginaotto <snipe@snipe.net>
+     * @version v6.0
+     */
+    public function updated($fields)
+    {
+        $this->validateOnly($fields);
+        
+        if (!is_null($fields) && !empty($fields)) {
+            $this->can_submit = true;
+        } else {
+            $this->can_submit = false;
+        }
+
+    }
+    
+    /**
+     * Actually do the login thing
+     * 
+     * @todo fix missing LDAP stuff maybe?
+     * @author  A. Ginaotto <snipe@snipe.net>
+     * @version v6.0
+     */
+    public function submitForm()
+    {
+        
+        $validatedData = $this->validate();
+
+        if (\Auth::attempt(array('username' => $this->username, 'password' => $this->password))){
+            redirect()->route('dashboard');
+        } else {
+            session()->flash('error', 'email and password are wrong.');
+    }
+              
+    }
+
+
+}
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 00b2ecbc60..95ae61e10a 100755
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -4,90 +4,6 @@
 {{-- Page content --}}
 @section('content')
 
-    <form role="form" action="{{ url('/login') }}" method="POST" autocomplete="false">
-        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
-
-        <!-- this is a hack to prevent Chrome from trying to autocomplete fields -->
-        <input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" aria-hidden="true">
-        <input type="password" name="password_fake" id="password_fake" value="" style="display:none;" aria-hidden="true">
-
-        <div class="container">
-            <div class="row">
-
-                <div class="col-md-4 col-md-offset-4">
-
-                    <div class="box login-box">
-                        <div class="box-header with-border">
-                            <h1 class="box-title"> {{ trans('auth/general.login_prompt')  }}</h1>
-                        </div>
-
-
-                        <div class="login-box-body">
-                            <div class="row">
-
-                                @if ($snipeSettings->login_note)
-                                    <div class="col-md-12">
-                                        <div class="alert alert-info">
-                                            {!!  Parsedown::instance()->text(e($snipeSettings->login_note))  !!}
-                                        </div>
-                                    </div>
-                                @endif
-
-                                <!-- Notifications -->
-                                @include('notifications')
-
-                                <div class="col-md-12">
-                                    <!-- CSRF Token -->
-
-
-                                    <fieldset>
-
-                                        <div class="form-group{{ $errors->has('username') ? ' has-error' : '' }}">
-                                            <label for="username"><i class="fa fa-user" aria-hidden="true"></i> {{ trans('admin/users/table.username')  }}</label>
-                                            <input class="form-control" placeholder="{{ trans('admin/users/table.username')  }}" name="username" type="text" id="username" autocomplete="off" autofocus>
-                                            {!! $errors->first('username', '<span class="alert-msg" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i> :message</span>') !!}
-                                        </div>
-                                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
-                                            <label for="password"><i class="fa fa-key" aria-hidden="true"></i> {{ trans('admin/users/table.password')  }}</label>
-                                            <input class="form-control" placeholder="{{ trans('admin/users/table.password')  }}" name="password" type="password" id="password" autocomplete="off">
-                                            {!! $errors->first('password', '<span class="alert-msg" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i> :message</span>') !!}
-                                        </div>
-                                        <div class="checkbox">
-                                            <label style="margin-left: -20px;">
-                                                <input name="remember" type="checkbox" value="1" class="minimal"> {{ trans('auth/general.remember_me')  }}
-                                            </label>
-                                        </div>
-                                    </fieldset>
-                                </div> <!-- end col-md-12 -->
-
-                            </div> <!-- end row -->
-
-                            @if ($snipeSettings->saml_enabled)
-                            <div class="row ">
-                                <div class="col-md-12 text-right">
-                                    <a href="{{ route('saml.login')  }}">{{ trans('auth/general.saml_login')  }}</a>
-                                </div>
-                            </div>
-                            @endif
-                        </div>
-                        <div class="box-footer">
-                            <button class="btn btn-lg btn-primary btn-block">{{ trans('auth/general.login')  }}</button>
-                        </div>
-                        <div class="col-md-12 col-sm-12 col-xs-12 text-right" style="padding-top: 10px;">
-                            @if ($snipeSettings->custom_forgot_pass_url)
-                                <a href="{{ $snipeSettings->custom_forgot_pass_url  }}" rel="noopener">{{ trans('auth/general.forgot_password')  }}</a>
-                            @else
-                                <a href="{{ route('password.request')  }}">{{ trans('auth/general.forgot_password')  }}</a>
-                            @endif
-
-
-                        </div>
-                    </div> <!-- end login box -->
-
-                </div> <!-- col-md-4 -->
-
-            </div> <!-- end row -->
-        </div> <!-- end container -->
-    </form>
+@livewire('login-form')
 
 @stop
diff --git a/resources/views/livewire/login-form.blade.php b/resources/views/livewire/login-form.blade.php
new file mode 100644
index 0000000000..bc3efa3914
--- /dev/null
+++ b/resources/views/livewire/login-form.blade.php
@@ -0,0 +1,105 @@
+<div>
+    <form role="form" method="POST" action="{{ route('login') }}" autocomplete="false" wire:submit.prevent="submitForm">
+    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
+
+    <!-- this is a hack to prevent Chrome from trying to autocomplete fields -->
+    <input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" aria-hidden="true">
+    <input type="password" name="password_fake" id="password_fake" value="" style="display:none;" aria-hidden="true">
+
+    <div class="container">
+        <div class="row">
+
+            <div class="col-md-4 col-md-offset-4">
+
+                <div class="box login-box">
+                    <div class="box-header with-border">
+                        <h1 class="box-title"> {{ trans('auth/general.login_prompt')  }}</h1>
+                    </div>
+
+
+                    <div class="login-box-body">
+                        <div class="row">
+
+                            @if ($snipeSettings->login_note)
+                                <div class="col-md-12">
+                                    <div class="alert alert-info">
+                                        {!!  Parsedown::instance()->text(e($snipeSettings->login_note))  !!}
+                                    </div>
+                                </div>
+                            @endif
+
+                            <!-- Notifications -->
+                            @include('notifications')
+
+                            <div class="col-md-12">
+                                <!-- CSRF Token -->
+
+                                <fieldset>
+
+                                    <div class="form-group{{ $errors->has('username') ? ' has-error' : '' }}">
+                                        <label for="username">
+                                            <i class="fa fa-user" aria-hidden="true"></i> 
+                                            {{ trans('admin/users/table.username')  }}
+                                        </label>
+                                        <input class="form-control" placeholder="{{ trans('admin/users/table.username')  }}" name="username" type="text" id="username" autocomplete="off"  wire:model="username" wire:model.lazy="username" autofocus>
+                                        @error('username') 
+                                            <span class="alert-msg">
+                                                {{ $message }}
+                                            </span> 
+                                        @enderror
+                                    </div>
+                                    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
+                                        <label for="password">
+                                            <i class="fa fa-key" aria-hidden="true"></i> 
+                                            {{ trans('admin/users/table.password')  }}
+                                        </label>
+                                        <input class="form-control" placeholder="{{ trans('admin/users/table.password')  }}" name="password" type="password" id="password" wire:model="password" wire:model.lazy="password" autocomplete="off">
+                                        @error('password') 
+                                            <span class="alert-msg">
+                                                {{ $message }}
+                                            </span> 
+                                        @enderror
+                                    </div>
+                                    <div class="form-group">
+                                        <div class="checkbox">
+                                            <label style="margin-left: -20px;">
+                                                <input name="remember" type="checkbox" value="1" class="minimal"> {{ trans('auth/general.remember_me')  }}
+                                            </label>
+                                        </div>
+                                </div>
+                                </fieldset>
+                            </div> <!-- end col-md-12 -->
+
+                        </div> <!-- end row -->
+
+                        @if ($snipeSettings->saml_enabled)
+                        <div class="row">
+                            <div class="text-right col-md-12">
+                                <a href="{{ route('saml.login')  }}">{{ trans('auth/general.saml_login')  }}</a>
+                            </div>
+                        </div>
+                        @endif
+                        
+                    </div>
+                    <div class="box-footer">
+                        <button class="btn btn-lg btn-primary btn-block" type="submit"{{ $can_submit ? '' : ' disabled' }}>
+                            <i wire:loading wire:target='submitForm' class="fa fa-spin fa-spinner"></i> {{ trans('auth/general.login')  }}</button>
+                    </div>
+                    <div class="text-right col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;">
+                        @if ($snipeSettings->custom_forgot_pass_url)
+                            <a href="{{ $snipeSettings->custom_forgot_pass_url  }}" rel="noopener">{{ trans('auth/general.forgot_password')  }}</a>
+                        @else
+                            <a href="{{ route('password.request')  }}">{{ trans('auth/general.forgot_password')  }}</a>
+                        @endif
+
+                    
+                    </div>
+                </div> <!-- end login box -->
+
+            </div> <!-- col-md-4 -->
+
+        </div> <!-- end row -->
+    </div> <!-- end container -->
+</form>
+
+</div>
\ No newline at end of file