No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

5D
16H
6M
38S

Creando la API de login

9/12
Recursos

Aportes 2

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Si alguno tiene problemas con esto o lo que sigue ac谩 dejo mi repositorio con todo el proyecto finalizado 馃槂

https://github.com/Ninquiet/ProjectPlz-Wp-Plugin

Hola comunidad, les comparto un aporte

He estado trabajando esto con un tema que ando haciendo en bootstrap 5 y tienen un componente llamado alert.

.
Agregu茅 en mi formulario el siguiente contenido HTML

<div id="liveAlertPlaceholder" class="py-3"></div>

Posterior a eso agregu茅 a la respuesta de mi callback si el logueo era exitoso o no era exitoso:

function dme_login_callback( $request ) {

        $creds = array(
            'user_login'    => $request['email'],
            'user_password' => $request['password'],
            'remember'      => true,
        );
        $user = wp_signon( $creds, false );

        if ( is_wp_error( $user ) ) {
            return array('error' => $user->get_error_message() );
        }

        return array('success'=>$user);
    
    }

Tambi茅n agregu茅 las lineas siguientes a mi archivo .js

const alertPlaceholder = document.getElementById('liveAlertPlaceholder')

    const alert = (message, type) => {
        const wrapper = document.createElement('div')
        wrapper.innerHTML = [
            `<div class="alert alert-${type} alert-dismissible" role="alert">`,
            `   <div>${message}</div>`,
            '   <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>',
            '</div>'
        ].join('')

        alertPlaceholder.append(wrapper)
    }

Y en la respuesta json del fetch valid茅 si el error exist铆a, entonces lanzaba una alerta, si no simplemente no hago nada.

.then( json => {
    if( json.error ){
         alert(json.error, 'danger')
    }
} )