maraet's questions

I lost a project due to a problem on my PC. When downloading the project from Github I had to reconfigure everything but I couldn't recover the functionality for the images. I had the images saved so I copied them to the Storage folder and they don't work. In fact if I load new images it doesn't work either.

Mistake:

empty images

Checking the URLs in the element inspector I see:

The folder structure:

MySite/storage/...

In the views, I show the images as follows:

<img src="{{ Storage::url($image->url) }}" />

I ran the command again:

php artisan storage:link

And it didn't solve my problem.

If I access the url of any system image, it tells me: 404 not found

and the url: http://localhost:8000/storage/posts/7Vl8bNpHp7emLKxUl52S90rOIAlSa62uP1r5aC1U.png

If I look in the image storage folder, I find it at the following address:

MySite\storage\app\public\posts

I have spent several hours looking for how to align the links in a menu and I have to turn to you because I am still very fresh with Tailwind.

The menu looks like this

I want to left align the category burger

{{-- MENU HAMBURGUERS CATEGORIAS --}}
    <a class="flex flex-col col-end-6 items-center justify-center px-4 bg-white bg-opacity-25 text-white cursor-pointer font-semibold h-full">
        <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
            <path class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>

        <span>Categorías</span>
    </a>

If I take out the justify-between class in the div of the second line:

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

It looks like this:

But this way I can't right align the access and register options

the full menu

<div class="container flex items-center h-16">
    
    {{-- LOGOTIPO --}}
    <a href="/" class="flex-shrink-0 mr-6 flex items-center">
        <img class="block lg:hidden h-12 w-auto" src="{{ asset('img/logoB.png')}}" alt="Workflow">
        <img class="hidden lg:block h-12 w-auto" src="{{ asset('img/logoB.png')}}" alt="Workflow">
    </a>
    {{-- FIN LOGOTIPO --}}

    {{-- MENU HAMBURGUERS CATEGORIAS --}}
    <a class="flex flex-col col-end-6 items-center justify-center px-4 bg-white bg-opacity-25 text-white cursor-pointer font-semibold h-full">
        <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
            <path class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>

        <span>Categorías</span>
    </a>
    {{-- MENU HAMBURGUERS CATEGORIAS --}}

    {{-- LOGIN y OPCIONES --}}
    @auth
        <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
            
            <!-- Boton notificaciones -->
            <button class="bg-blue-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
                </svg>
            </button>

            <!-- Profile dropdown -->
            <div class="ml-3 relative" x-data="{ open:false }">
                <div>
                    <button x-on:click="open = !open" type="button" class="bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
                        <img class="h-8 w-8 rounded-full" src="{{ auth()->user()->profile_photo_url }}" alt="Imagen de perfil">
                    </button>
                </div>
                
                <div x-show="open" x-on:click.away="open = !open" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
                    <a href="{{ route('profile.show') }}" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-0">Perfil</a>
                    
                    {{-- PERMISO ADMIN.HOME INFO: https://youtu.be/Ox3WRl6sJrw?list=PLZ2ovOgdI-kX3XFj77zlvSQYhJyJSYQWr&t=134 --}}
                    @can('admin.home')
                        <a href="{{ route('admin.home') }}" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-0">Administrador</a>
                    @endcan
                    
                    <form method="POST" action="{{ route('logout') }}">
                    @csrf
                        <a href="{{ route('logout') }}" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2" onclick="event.preventDefault();
                                    this.closest('form').submit();">
                            Cerrar sesión
                        </a>
                    </form>
                </div>
            </div>
        </div>
    @else
        <div>
            <a href="{{route('login')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Acceder</a>
            <a href="{{route('register')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Registrarse</a>
        </div>
    @endauth
    {{-- FIN LOGIN Y OPCIONES --}}

</div>

I will be very grateful to anyone who can give me an idea.

a silly question but that is complicating me, how to avoid repeating the empty message, in the following code?

@foreach($contactos as $contacto)

        @forelse($contacto->contactos as $valor)

            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover">
                <thead class="bg-white">
                    <tr>
                    <th scope="col">N°</th>
                    <th scope="col">Nombre</th>
                    <th scope="col">Teléfono</th>
                    <th scope="col">Correo</th>
                    <th scope="col">Mensaje</th>
                    <th scope="col">Propiedad</th>
                    <th scope="col">Tiempo</th>
                    </tr>
                </thead>
                    <?php $counter=1;?>
                    <tbody>
                        <tr>
                        <th scope="row"> <small> <?php echo $counter;?> </small></th>
                        <td> <small> {{ $valor->nombre }} </small></td>
                        <td> <small> {{ $valor->telefono }} </small></td>
                        <td> <small> {{ $valor->email }} </small></td>
                        <td class="text-justify"> <small> {{ $valor->mensaje }} </small></td>
                        <td> <a href="{{ url('detalle-propiedad/'.$contacto->slug_propiedad) }}" class="badge badge-primary">Ver propiedad</a> </td>

                        <td style="width: 12% !important"> <small>
                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-clock" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z"/>
                            <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>
                            </svg>
                            {{ $valor->created_at->diffForHumans() }} </small>
                        </td>
                        </tr>
                    </tbody>
                    <?php $counter++;?>
                </table>
            </div>

        @empty
            <p class="py-3 text-center">¡Aún no recibió contactos! </p>
        @endforelse
    @endforeach

The EMPTY always worked very well for me, but in this case, as I have nested the foreach, it shows me the EMPTY several times . I understand the problem, how would you solve it or handle it so that the message does not repeat itself?

Thank you very much for your time devoted to my consultation.

a question based on a new functionality that I need to implement. Starting from the following image to make it clearer:

I have the properties table that segments the types of properties until now had general services in common.

Now I would like that when selecting, for example, house, it shows me services specific to a house and so on.

The services of a house are different from those of the departments, ph, fifth.

I was thinking of adding a relation to each one, from one to many, for example house_service, department_service, ph_service etc.

Would it be the proper way? Or should I think about it differently?

I really appreciate your time in my consultation.

Dear I need to validate that a Youtube url is entered in an input

<input wire:model="video" class="form-control" type="text" placeholder="Url youtube">

What I don't know is how to customize a custom validation:

For example in real time I use:

$this->validateOnly($field, [ 
    'email' => 'unique:App\User,email|required|email'
]);

And it works great but with Laravel rules. But to customize I know it's different but I can't find how to do it.

For example for the Youtube url, on Stackoverflow I found the following solution:

youtube url

Consisting of the following function:

$rx = '~
  ^(?:https?://)?                           # Optional protocol
   (?:www[.])?                              # Optional sub-domain
   (?:youtube[.]com/watch[?]v=|youtu[.]be/) # Mandatory domain name (w/ query string in .com)
   ([^&]{11})                               # Video id of 11 characters as capture group 1
    ~x';

$has_match = preg_match($rx, $url, $matches);

Now how I can implement it with Livewire I don't know how to do it. What could I do?

EDITION:

I'm trying to do something like this: But the variable $rx gives me an error

$rx = '~
    ^(?:https?://)?                           # Optional protocol
    (?:www[.])?                              # Optional sub-domain
    (?:youtube[.]com/watch[?]v=|youtu[.]be/) # Mandatory domain name (w/ query string in .com)
    ([^&]{11})                               # Video id of 11 characters as capture group 1
        ~x';

    $this->validateOnly($field, [
        'youtube_url' => "regex:$rx",
    ]);

ISSUE TWO:

I am testing with a Rules as follows:

public function passes($attribute, $value)
    {
        preg_match('/https:\/\/www\.youtube\.com\/watch\?v=[^&]+/', $value);
    }

    /**
     * Get the validation error message.
     *
     * @return string
     */
    public function message()
    {
        return 'La dirección de Youtube es inválida.';
    }

And it seems that it never passes the validation, it always shows me the message I tried changing preg_match with various rules that I found on Google but it doesn't work.

When checking dd($value); the correct value always arrives.

I really appreciate one more help.

SOLUTION

Thanks @BetaM I had missed: return (bool)

return (bool) preg_match('/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=|\?v=)([^#\&\?]*).*/',$value);

I've been investigating for several days how I can improve the functionality of loading images without results.

Problem:

1. By creating the multiple image uploads button, the user can select all the images they want. To limit that procedure to only being able to upload 30 images I use max:30 and it seems to work fine.

If the user clicks on the button again, it replaces the loaded images with the new ones selected.

Therefore I try to create a functionality that allows adding more images:

My input:

<input wire:model="imagenes" type="file" name="imagenes" accept="image/*" class="form-control-file" multiple>

Functionality add more images:

<button class="text-white btn btn-info btn-sm" wire:click.prevent="add({{$i}})">
     Agregar más fotos
</button>   

@foreach($inputs as $key => $value)        
    <input wire:model="name.{{ $value }}" type="file" name="imagenes" accept="image/*" class="form-control-file">        
@endforeach

What I need is to be able to validate that no more than 30 images are uploaded between the two inputs in the view.

Validate:

$this->validate([
    'imagenes' => 'max:30',
]);

I just finished the queuing process and it's going well but not as I imagined.

Create the job table all as per the laravel documentation.

In queue.php I added the following command:

'default' => env('QUEUE_CONNECTION', 'database'),

in the .env

QUEUE_CONNECTION=database

I call the queue:

ProcesarImagenes::dispatch($galeria);

And I use it normally:

public function handle()
    {
        $img = $this->galeria['imagenesGaleria'];
        $rut = $this->galeria['ruta'];
        //make recibe la imagen
        Image::make($img)
        ->resize(800, null, function ($constraint) {
            $constraint->aspectRatio();
        })
        ->save($rut);
    }

Now this resizes the image perfectly. But in the JOB table nothing happens, run the command:

php artisan queue:work

[2020-12-07 18:12:47][4] Processing: App\Jobs\ProcesarImagenes
[2020-12-07 18:12:50][4] Processed:  App\Jobs\ProcesarImagenes

What did I miss?? where are you running them from? Why are there no records in my table?

I'm trying to speed up image uploads using queues on Livewire and I'm getting the following error:

Serialization of 'Livewire\TemporaryUploadedFile' is not allowed

My code:

foreach($this->imagenes as $imagen){
            ProcesarImagenes::dispatch($imagen, $propiedadId);
        }

Job:

 protected $imagen;
    protected $propiedadId;

    public function __construct($imagen, $propiedadId)
    {
        $this->imagen = $imagen;
        $this->propiedadId = $propiedadId;
    }
    public function handle()
    {
        $imagen = $this->imagen;
        $propiedadId = $this->propiedadId;

        $nombre = Str::random(10) . $imagen->getClientOriginalName();
        $ruta = public_path() . '\imagenesPropiedades/' . $nombre;

        //make recibe la imagen
        Image::make($imagen)
            ->resize(800, null, function ($constraint) {
                $constraint->aspectRatio();
        })
        ->save($ruta);

        $img = imgPropiedades::create([
            'url' => '/imagenesPropiedades/' . $nombre,
            'property_id' => $this->propiedadId
        ]);


    }

I appreciate if you can help me if it is possible to use Queues in Livewire .

Thank you very much.

I am uploading multiple images and sometimes it works fine and another crashes, other times it does not take certain images and redirects me to the 404 page. I would like if you can give me a hand. I really appreciate any intention.

I am using Livewire as follows:

<input wire:model="imagenes" type="file" name="imagenes" class="form-control-file" multiple>

Once the images are selected, go through the validator:

$this->validate([
    'imagenes.*' => 'image|max:2048',
]);

And to save the images I am using the following methodology

foreach ($this->imagenes as $pathGaleria) {
         $imgUrl = $pathGaleria->store('imagenesPropiedades');

         $img = imgPropiedades::create([
               'url' => $imgUrl,
               'property_id' => $this->propiedadId
         ]);
}

On the file system:

'imagenesPropiedades' => [
            'driver' => 'local',
            'root' => public_path(),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
        ],

I am getting this error in console

Can you give me a suggestion to improve this load please.

I am thinking of making a payment system and that through it there are 3 plans (Basic, Featured and super featured). I already have the payment gateways, I designed the logic of the subscription plan and I still need how to highlight these publications.

Basically I have the idea of ​​putting together the following tables:

Now to show the publications I have a search engine and it returns everything found based on what was searched:

$publicaciones = Publication::search($request->get('termino'))->get();

Can you enlighten me how I can show the paid publications first and then the ones that do not have exposure?

I am investigating the ERR_TOO_MANY_REDIRECTS problem. And of all the answers found on the subject, none solves the problem for me.

When accessing on my localhost:8000 some features did not work. I look at the console and see the following:

Later I checked Bootstrap's own jquery file:

https://code.jquery.com/jquery-3.5.1.slim.min.js

And when accessing this address I get the following error:

I tried in other browsers, same problem. I accessed production the same.

I deleted the cookies, cleaned the pc, temporary and everything that can be done for cleaning.

I changed the jquery slim file to another CDN and download one as well, the error persists.

How can I identify the problem?

I have a form made with Blade, which I take the data with a form through the request in Laravel 7.

 <form class="user" method="POST" action="{{ route('register') }}">
                                    @csrf

                                   

                                    <div class="form-group">
                                        <input id="name" type="name" class="form-control form-control-user @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" placeholder="Ingrese su nombre">
                                        @error('name')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="apellido" type="apellido" class="form-control form-control-user @error('apellido') is-invalid @enderror" name="apellido" value="{{ old('apellido') }}" required autocomplete="apellido" placeholder="Ingrese su apellido">
                                        @error('apellido')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="celular" type="celular" class="form-control form-control-user @error('celular') is-invalid @enderror" name="celular" value="{{ old('celular') }}" required autocomplete="celular" placeholder="Ingrese su celular">
                                        @error('celular')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="documento" type="documento" class="form-control form-control-user @error('documento') is-invalid @enderror" name="documento" value="{{ old('documento') }}" required autocomplete="documento" autofocus aria-describedby="documentoHelp" placeholder="Ingrese documento de identidad">
                                        @error('documento')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="email" type="email" class="form-control form-control-user @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus aria-describedby="emailHelp" placeholder="Ingrese su email">
                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="password" type="password" class="form-control form-control-user form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="Contraseña">
                                        @error('password')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <div class="form-group">
                                        <input id="password-confirm" type="password" name="password_confirmation" class="form-control form-control-user form-control @error('password') is-invalid @enderror" required autocomplete="current-password" placeholder="Repetir Contraseña">
                                        @error('password')
                                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror
                                    </div>

                                    <button type="submit" class="btn btn-primary btn-user btn-block">
                                        Registrarse
                                    </button>

                                    <hr> @if(session('info'))
                                    <div class="alert alert-danger" role="alert">
                                        <b>{{session('info')}}</b>
                                    </div>
                                    @endif

                                    <a href="{{ url('login/google') }}" class="btn btn-google btn-user btn-block">
                                        <i class="fab fa-google fa-fw"></i> Acceder con Google
                                    </a>

                                </form>

And Google marks the following message to me in turn I am having a problem with Google Socialite that I think may be associated.

problem with socialite

For the insert I use the create of the Auth by default.

What can I do to solve this problem?

I had Google authentication working correctly and suddenly it started giving me the following error in Production (On localhost everything continues to work normally). I searched a lot before making this query and I tried all the options on the web and I can't find the solution.

The bug: Debug

Laravel\Socialite\Two\InvalidStateException

And in LoginController I get an error in the following line:

  $userSocialite = Socialite::driver($driver)->user();

In the server log:

local.ERROR: {"exception":"[object] (Laravel\Socialite\Two\InvalidStateException(code: 0): at /home/brooklyn/System/vendor/laravel/socialite/src/Two/AbstractProvider.php:209 ) [stacktrace]

My LoginController:

//Socialite
public function redirectToProvider($driver)
{
    $drivers = ['google'];

    if(in_array($driver, $drivers)){

        return Socialite::driver($driver)->redirect();

    }else{
        return redirect()->route('login')->with('info', $driver . ' no es una aplicación valida para poder loguearse');
    }

}

public function handleProviderCallback(Request $request, $driver)
{
    if($request->get('error')){
        return redirect()->route('login')->with('info', 'Ocurrió un error, vuelva a intentarlo más tarde.');
    }

    $userSocialite = Socialite::driver($driver)->user();


    $social_profile = SocialProfile::where('social_id', $userSocialite->getId())
                                   ->where('social_name', $driver)->first();

    if(!$social_profile){

        $user = User::where('email', $userSocialite->getEmail())->first();
        if(!$user){
            $user = User::create([
                'name' => $userSocialite->user['given_name'],
                'apellido' => $userSocialite->user['family_name'],
                'email' => $userSocialite->getEmail(),
                'permiso' => 'USUARIO',
                'tipo_usuario' => 'PARTICULAR'
            ]);
        }

        SocialProfile::create([
            'user_id' => $user->id,
            'social_id' => $userSocialite->getId(),
            'social_name' => $driver,
            'social_avatar' => $userSocialite->getAvatar()
        ]);

    }

    auth()->login($social_profile->user);

    return redirect()->route('panel');

    /* dd($user->user['given_name']); */

    // $user->token;
}

TESTS CARRIED OUT WITH NO EFFECT

1 TEST

On Localhost if I make the following modification:

In session.php

I change this:

'domain' => env('SESSION_DOMAIN', null),

A:

'domain' => env('SESSION_DOMAIN', 'midominio.com'),

On Local I get the same error as production. And in production the error persists.

2 TEST

Add to LoginController

Socialite::driver('google')->stateless()->user();

I get the following error:

GuzzleHttp\Exception\ClientException Client error: POST https://www.googleapis.com/oauth2/v4/tokenresulted in a 400 Bad Requestresponse: { "error": "invalid_request", "error_description": "Missing required parameter: code" }

NEW TESTS

Create with another gmail account all the Auth and the error persists.

Also delete the whole project on the server and create a new account and it didn't help.

I have the following functionality that was working correctly but suddenly it stopped working and I can't detect what the problem is.

It doesn't have a form and I don't use the request either. That's why I run it from Livewire:

Blade

<div class="form-group">
       <label for="portada">Portada <small class="text-danger">*</small></label>
       <input wire:model="portada" type="file" class="form-control-file" name="portada" id="portada">
</div>

Component

//Guardamos la foto de portada
    $pathFoto = $this->foto->store('imagenPortada');



    // Creamos primero el usuario
    User::create([
            'tipo_usuario' => $this->tipo_de_usuario,
            'name' => $this->nombre_usuario,
            'apellido' => $this->apellido_usuario,
            'documento' => $this->documento_usuario,
            'telefono' => $this->telefono_usuario,
            'telegram' => $this->telegram,
            'email' => $this->email,
            'password' => Hash::make($this->password),
            'permiso' => $this->permiso,
            'perfil' => asset($pathFoto)
        ]);

The error:

Call to a member function store() on null {"exception":"[object] (Error(code: 0): Call to a member function store() on null

Solution: Thanks @L.Flor, do it as follows:

public $foto = null;


if(!empty($this->foto)){
        $pathFoto = $this->foto->store('imagenPortada');
    }else{
        $pathFoto = null;
    }

I was looking for the right solution to this problem and although there is a lot of information I don't realize how to develop the solution.

It happens to me when I am with a logged in user and the session expires, how can I redirect to the login instead of showing this error?

Trying to get property 'id' of non-object

Error produced in:

@livewire('panel.zooms-component', ['usuarioid' => Auth::user()->id])

utilization:

public $usuarioId;

public function mount($usuarioid = '')
{
    $this->usuarioId = $usuarioid;      
}

public function render()
{
    $contactos = Property::with('contactos')->where('user_id', $this->usuarioId)->get();
    // dd($contactos);
    return view('livewire.panel.mis-contactos-component', [
        'contactos' => $contactos
    ]);
}

Is there a way in Laravel to indicate that when the session expires, redirect the user to login?

EDITION

It may be so?

Route::group(['middleware' => 'auth'], function () {
    Route::get('/', function ()    {
        // Uses Auth Middleware
    });

I need to delve into the validation of a single field in Laravel , in my case with email .

I know the following functionality should work in Laravel

'email' => 'unique:App\User,email',

But this functionality in the Livewire form does not work in real time. When I get to submit, if the email is repeated, it gives me the following error:

laravel Integrity constraint violation: 1062 Duplicate entry email unique

I do not know the functionality of it, I assumed that this avoided the error and validated that the mail is unique in the form. This is not the case, would I be missing something?

Or should I do the rule manually?

$usuario = User::where('email', $email);

I really appreciate your time spent on my consultation.

I'm seeing a problem with Livewire when I use ANY Javascript form. Use the following form: https://bbbootstrap.com/snippets/multi-step-form-wizard-30467045 (Although I tried other forms and it happens with all of them due to livewire's wire:model events)

The problem is that WIRE:MODEL takes me to the first section and I can't use WIRE:IGNORE because it overrides related SELECT behaviors for me.

In the second section I use the following related form:

  <div class="form-group">
  <label for="provincia">Provincia</label>
  <select wire:model="ubicacionSeleccionada" class="form-control" id="ubicacion">
       <option value=''>Seleccionar provincia</option>
       @foreach($ubicaciones as $ubicacion)
       <option value="{{$ubicacion->id}}">{{ $ubicacion->ubicacion }}</option>
       @endforeach                                          
  </select>
  </div>
                                        
    
   <div class="form-group">
   <label for="tipopropiedad">Localidad</label>
   <select wire:model="area" class="form-control" id="localidad
         {{ count($this->areas)== 0 ? 'hidden' : '' }} ">
         <option value=''>Seleccionar localidad</option>
         @foreach($this->areas as $area)
         <option value={{ $area->id }}>{{ $area->name }}</option>
         @endforeach
   </select>
   </div>

And this doesn't allow me to use the WIRE:IGNORE to override the events.

The problem is that any WIRE:MODEL generates an event that takes the form to the first section. It seems to be a REFRESH

Does anyone know how I could use livewire without having this inconvenience?

EDITION

Component Although I have this functionality, I commented it out to see if the problem continued and if it persists.

public function render()
{

    if(!empty($this->ubicacionSeleccionada)) {
        $this->areas = Area::where('ubicacion_id', $this->ubicacionSeleccionada)->get();
    }
    //CREAMOS CODIGO ALEATORIO Y LO ENVIAMOS A LA VISTA
    $caracteres = array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z");
    $codigo = '';

    for ($i = 1; $i <= 3; $i++) {
        $codigo .= $caracteres[rand(0, 35)];
    }

    return view('livewire.publication.publication-component', [
        'propiedades' => TipoDePropiedad::get(),
        'ubicaciones' => Ubicacion::get(),
        'categorias' => Category::get(),
        'codigoUsuarioPropiedad' => $codigo
    ]);
}

And the method that collects the data: Now I have it in test mode but it brings me all the data well.

public function Publicar()
    {
       dd($this->area);
    }

The problem is based on the WIRE:MODEL fields I tried adding event dispatch time as follows:

<input type="text" wire:model.debounce.500ms="name">

And this works until the time is up . For this reason I know that everything is because of the event that Livewire generates. But I can't find how to fix it.

SOLUTION

I found a way to solve this problem by working it as a pager, in the following way: In the component I declared the variable that is going to act as a counter and pager.

// Paginador | contador
public $pasos;

// La inicializamos en cero 
public function mount()
{
    $this->pasos= 0;
}

// Al presionar el botón siguiente aumenta el contador
public function incrementar()
{
    $this->pasos++;
}

// Al presionar el botón atrás disminuye el contador
public function decremento()
{
    $this->pasos--;
}

in sight

  // Mostramos la vista en base al valor de la variable del contador
    @if($pasos== 0)
       <div>contenido....</div>
    @endif
    
    @if($pasos== 1)
      <div>contenido....</div>
    @endif
    
// Aumenta el contador    
<button wire:click="incrementar()" type="button" class="btn btn-primary">Siguiente</button>

// Decrementa el contador
<button wire:click="decremento()" type="button" class="btn btn-primary">Atras</button>

I am implementing livewire in a blade view, the schema is as follows:

view blade

    @extends('seccion-principal')

    @section('content') 
    
        {{$propiedad->id}}
    
    
         Dentro de la vista uso el componente de livewire
         @livewire('componente')
    
    @endsection

I want to pass the component the id. Something like that:

@livewire('componente', $propiedad->id)

And I see that it is not possible but I also do not find how something like this can be done.

The error :

Argument 1 passed to Livewire\LivewireManager::resolveClassMethodDependencies() must be of the type array, integer given, called in

Does anyone know if there is a way to do this?

Dear I am stuck in the realization of a search engine please I would appreciate any kind of guidance.

In the view I have two inputs. One is a select that the user must choose the type of property: Rent - Sale - Temporary - Commercial

In the other input you must write the location.

SEARCH VIEW

{{ Form::open(['route' => 'busquedas', 'method' => 'get', 'class' => 'form-inline'])}}

                <select id="categoria" name="categoria" class="form-control">
                    {{-- <option value="" disabled>Seleccionar</option> --}}
                    @foreach($categorias as $index => $categoria)
                        <option value="{{ $categoria->nombre_categoria }}">
                            {{ $categoria->nombre_categoria }}
                        </option>
                    @endforeach
                </select>

                <div class="form-group">
                    {{ Form::text('ubicacion', null, ['class' => 'form-control', 'placeholder' => '¿Que ubicación está buscando? ']) }}
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-default question-btn">
                        <span class="fa fa-search">Buscar</span>
                    </button>
                </div>
            
            {{ Form::close() }}

In the controller I want to filter in the Category.php model based on the user's selection Rent - Sale - Temporary - Commercial and I also have to search in two tables for the written location.

In two tables because on the one hand there is a location and on the other, which in turn are related.

Model Property:

public function category(){
    return $this->belongsTo(Category::class);
}

public function ubicacion(){
    return $this->belongsTo(Ubicacion::class);
}

Model Category:

public function properties(){
    return $this->hasMany(Property::class);
}

Model Location:

public function properties(){
    return $this->hasMany(Property::class);
}

public function area(){
    //hasOne: una ubicacion tiene un area
    return $this->hasOne(Area::class);
}


public function scopeUbicacion($query, $ubicacion){
    if($ubicacion)
        return $query->where('ubicacion', 'LIKE', "%$ubicacion%");
}

Model Area:

public function properties(){
    return $this->hasMany(Property::class);
}

public function scopeArea($query, $area){
    if($area)
        return $query->where('name', 'LIKE', "%$area%");
}

In the controller I have so far the following:

$categoria = $request->get('categoria');
    $ubicacion = $request->get('ubicacion');

    $categoria_id = Category::where('nombre_categoria', $categoria)->pluck('id');


    $propiedadesObtenidas = Property::with(['category', 'ubicacion'])

        ->when($categoria_id, function ($query) use ($categoria_id) {
            $query->where('category_id', $categoria_id);
        })
        ->when($ubicacion, function ($query) use ($ubicacion) {
            $query->whereHas('ubicacion', function ($q) use ($ubicacion) {
                $q->ubicacion($ubicacion);
        });
    })
    ->get();



    dd($propiedadesObtenidas);

I don't finish finding a solution to join the searches.

Please any suggestion will be welcome. Thank you very much!

I am blocked with the following array.

{"id":17,"user_id":1,"mails":"[\"hello\",\"Bye\"]","created_at":"2019-11-14 11:02:11", "updated_at":"2019-11-14 11:02:11"}

I need to show in a laravel view in one row mails: hello and in the next row mails: bye. But I can't access each element in all the ways I tried it always shows me:

["Hello bye"]

How can I access each of these properties and display them in the blade view?

In the controller that sends the data to the view:

public function index()
    {
        $datos = Mails::orderBy('id', 'DESC')->get();
        // dd($datos);
        // dd(json_decode($datos));
        return view('Admin/Cuentas', compact('datos', $datos));
    }

In the view I have this:

<table class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th scope="col">N°</th>
                          <th scope="col">Usuario</th>
                          <th scope="col">Cuentas registradas</th>
                          <th scope="col">Fecha</th>

                        </tr>
                      </thead>
                      <tbody>
                        <?php $i=1; ?>
                        @foreach($datos as $usuario)
                              <tr>
                                <td>{{$i++}}</td>
                                <td>{{ $usuario->usuario_id }}</td>
                                <td>{{ $usuario['mails'] }}</td>
                                <td>{{ $usuario->created_at}}</td>
                              </tr>
                        @endforeach
                      </tbody>
                    </table>

I generate them in the view:

<form method="POST" action="/mailsEnviados">
                  @csrf
                  <div class="field_wrapper">
                      <div>
                          <input type="text" name="field_name[]" value=""/>
                          <a href="javascript:void(0);" class="add_button" title="Add field"><i class="fas fa-plus-circle"></i></a>
                      </div>
                  </div>
                  <button type="submit" class="btn btn-indigo">Enviar</button>
                </form>

And I keep them:

$field_values_array = $_REQUEST['field_name'];
        foreach($field_values_array as $value){

            $mails = new Mails();
            $mails->usuario_id = 1;
            $mails->mails = json_encode($_REQUEST['field_name']);
            $mails->save();
            return 0;
        }

Can you give me a hand please. Thank you very much!