Commit 0f523f32 authored by Alfonso Rafael Solis Rangel's avatar Alfonso Rafael Solis Rangel
Browse files

Limpieza de dashboard, funcionalidad de login, vista de login, y logout

parent 94635f8a

public/assets/images/favicon.png

−1.8 KiB (1.4 KiB)
Loading image diff...

public/assets/images/logo_rp.png

0 → 100644
+114 KiB
Loading image diff...

resources/views/auth/login.blade.php

+76 −47
Original line number Diff line number Diff line 
<x-guest-layout>

    <x-authentication-card>

        <x-slot name="logo">

            <x-authentication-card-logo />

        </x-slot>



        <x-validation-errors class="mb-4" />



        @session('status')

            <div class="mb-4 font-medium text-sm text-green-600">

                {{ $value }}

            </div>

        @endsession



        <form method="POST" action="{{ route('login') }}">

<x-layout.auth>

    <div x-data="auth">

        <div class="absolute inset-0">

            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />

        </div>

        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">

            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />

            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />

            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />

            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />

            <div class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">

                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">

                    <div class="mx-auto w-full max-w-[440px]">

                        <div class="mb-10">

                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Bienvenidos</h1>

                            <p class="text-base font-bold leading-normal text-white-dark">Ingresa tu usuario y contraseña para iniciar sesión.</p>

                        </div>

                        @if ($errors->any())

                            <div class="mb-4">

                                <ul class="list-none text-red-600">

                                    @foreach ($errors->all() as $error)

                                        <li>{{ $error }}</li>

                                    @endforeach

                                </ul>

                            </div>

                        @endif

                        <form method="POST" action="{{ route('login') }}" class="space-y-5 dark:text-white">

                            @csrf



                            <div>

                <x-label for="username" value="{{ __('Username') }}" />

                <x-input id="username" class="block mt-1 w-full" type="text" name="username" :value="old('username')" required autofocus autocomplete="username" />

            </div>



            <div class="mt-4">

                <x-label for="password" value="{{ __('Password') }}" />

                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />

            </div>



            <div class="block mt-4">

                <label for="remember_me" class="flex items-center">

                    <x-checkbox id="remember_me" name="remember" />

                    <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>

                </label>

            </div>



            <div class="flex items-center justify-end mt-4">

                @if (Route::has('password.request'))

                    <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">

                        {{ __('Forgot your password?') }}

                    </a>

                @endif



                <x-button class="ms-4">

                    {{ __('Log in') }}

                </x-button>

                                <label for="username">Usuario</label>

                                <div class="relative text-white-dark">

                                    <input id="username" type="text" name="username" value="{{ old('username') }}" required autofocus placeholder="Ingresa tu usuario" class="form-input ps-10 placeholder:text-white-dark @error('username') is-invalid @enderror" />

                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">

                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">

                                            <path opacity="0.5"

                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"

                                                fill="currentColor" />

                                            <path

                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.43538 7.50998C6.23821 8.17523 6.82905 8.6725 7.34734 9.00494C7.87079 9.3405 8.38357 9.55993 9.00041 9.55993C9.61725 9.55993 10.1301 9.3405 10.6535 9.00494C11.1718 8.6725 11.7627 8.17523 12.5655 7.50998L14.3465 6.02574Z"

                                                fill="currentColor" />

                                        </svg>

                                    </span>

                                </div>

                            </div>

                            <div>

                                <label for="password">Contraseña</label>

                                <div class="relative text-white-dark">

                                    <input id="password" type="password" name="password" required placeholder="Ingresa tu contraseña." class="form-input ps-10 placeholder:text-white-dark @error('password') is-invalid @enderror" />

                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">

                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">

                                            <path opacity="0.5"

                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"

                                                fill="currentColor" />

                                            <path

                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.43538 7.50998C6.23821 8.17523 6.82905 8.6725 7.34734 9.00494C7.87079 9.3405 8.38357 9.55993 9.00041 9.55993C9.61725 9.55993 10.1301 9.3405 10.6535 9.00494C11.1718 8.6725 11.7627 8.17523 12.5655 7.50998L14.3465 6.02574Z"

                                                fill="currentColor" />

                                        </svg>

                                    </span>

                                </div>

                            </div>

                            <div class="flex items-center justify-between">

                                <div class="flex items-center space-x-2 rtl:space-x-reverse">

                                    <input type="checkbox" id="remember_me" name="remember" class="form-checkbox" />

                                    <label for="remember_me">Recuerdame</label>

                                </div>

                            </div>

                            <button type="submit" class="btn btn-primary w-full">Iniciar sesión</button>

                        </form>

    </x-authentication-card>

</x-guest-layout>
 
                    </div>

                    <div class="absolute bottom-6 start-6">

                        <p class="text-sm font-semibold">Labsol Network - DevOps Lab 2024 - <span x-text="new Date().getFullYear()"></span></p>

                    </div>

                </div>

            </div>

        </div>

    </div>

</x-layout.auth>
 
 No newline at end of file

resources/views/components/common/footer.blade.php

+2 −2
Original line number Diff line number Diff line 
<div class="dark:text-white-dark text-center ltr:sm:text-left rtl:sm:text-right p-6 pt-0 mt-auto">© <span id="footer-year">2022</span>.

    Vristo All rights reserved.</div>
 
<div class="dark:text-white-dark text-center ltr:sm:text-left rtl:sm:text-right p-6 pt-0 mt-auto">© <span id="footer-year">2024</span> - {{ now()->year }}

    Labsol Network - DevOps Lab.</div>

resources/views/components/common/header.blade.php

+11 −347

File changed.

Preview size limit exceeded, changes collapsed.