Le formulaire de connexion de User Registration

Gravity Forms propose un add-on nommé User Registration qui met à disposition un formulaire de connexion sous la forme d’un shortcode.

Par exemple :

L’intérêt de passer par ce formulaire est qu’il est possible de l’insérer n’importe où sur un site web. D’ailleurs, il existe également un widget pour le placer sur une barre latérale, un pied de page…

Un inconvénient de ce formulaire de connexion est lié au champ du mot de passe. Par défaut, il n’est pas possible de rendre le mot de passe visible :

Sukellos Gravity Forms User Registration visibilité mot de passe

Il est heureusement possible de remédier à cela grâce à l’utilisation d’un hook proposé par User Registration :

Le hook gform_userregistration_login_form

Le hook gform_userregistration_login_form est de type filter et prend 1 paramètre :

$form : L’objet form du formulaire de connexion

L’affichage du contenu de cette instance donne :

Copier

Sukellos_GravityForms_UserRegistration_Manager::filter_gform_userregistration_login_form - $form: Array
(
    [id] => 0
    [title] => Formulaire de connexion
    [description] => 
    [button] => Array
        (
            [type] => text
            [text] => Connexion
        )

[markupVersion] => 2
    [fields] => Array
        (
            [0] => GF_Field_Text Object
                (
                    [_is_entry_detail:GF_Field:private] => 
                    [_context_properties:GF_Field:private] => Array
                        (
                        )

[_merge_tag_modifiers:GF_Field:private] => Array
                        (
                        )

[_supports_state_validation:protected] => 
                    [type] => text
                    [id] => 1
                    [formId] => 0
                    [isRequired] => 1
                    [label] => Identifiant
                )

[1] => GF_Field_Text Object
                (
                    [_is_entry_detail:GF_Field:private] => 
                    [_context_properties:GF_Field:private] => Array
                        (
                        )

[_merge_tag_modifiers:GF_Field:private] => Array
                        (
                        )

[_supports_state_validation:protected] => 
                    [type] => text
                    [id] => 2
                    [formId] => 0
                    [isRequired] => 1
                    [enablePasswordInput] => 1
                    [label] => Mot de passe
                )

[2] => GF_Field_RememberMe Object
                (
                    [_is_entry_detail:GF_Field:private] => 
                    [_context_properties:GF_Field:private] => Array
                        (
                        )

[_merge_tag_modifiers:GF_Field:private] => Array
                        (
                        )

[_supports_state_validation:protected] => 1
                    [type] => remember_me
                    [id] => 3
                    [formId] => 0
                    [labelPlacement] => hidden_label
                    [choices] => Array
                        (
                            [0] => Array
                                (
                                    [text] => Se souvenir de moi
                                    [value] => 1
                                )

)
                    [inputs] => Array
                        (
                            [0] => Array
                                (
                                    [id] => 3.1
                                    [label] => Se souvenir de moi
                                )
                        )
                )
        )
)

Nous pouvons ainsi remarquer que l’extension User Registration utilise un champ texte pour le mot de passe, de type GF_Field_Text. Ce champ peut être distingué du champ de l’identifiant grâce à un de ces paramètres : enablePasswordInput.

La solution consiste à remplacer ce champ par une instance de GF_Field_Password qui permet de gérer la visibilité du mot de passe.

Le code intégral

Copier

/**
 * WP GForm User Registration management
 *
 * @since 1.0.0
 */
class Sukellos_GravityForms_UserRegistration_Manager {

/**
     * Constructor
     */
    public function __construct() {

// Add Adresse e-mail ou identifiant on all login forms
        // Gravity User registration - cf https://docs.gravityforms.com/gform_user_registration_login_form/
        add_filter( 'gform_userregistration_login_form', array( $this, 'filter_gform_userregistration_login_form' ), 10, 1 );
    }

/**
     * The “gform_userregistration_login_form” filter allows the modification of the object for the login form used in the Gravity Forms Login Widget. This filter is used in the User Registration Add-On for Gravity Forms.
     * @param $login_form_title
     * @return void
     */
    public function filter_gform_userregistration_login_form( $form ) {

// Rebuild fields
        $new_fields = array();
        foreach ( $form[ 'fields' ] as $field ) {

// This is not a Password field
            if ( !$field->enablePasswordInput ) {

$new_fields[] = $field;
                continue;
            }

// Reaching that point, this is a GF_Field_Text considered as a Password field because of [enablePasswordInput] => 1
            // Then replace it with a GF_Field_Password
            $pw_field = new GF_Field_Password();
            $pw_field->id = $field->id;
            $pw_field->formId = $field->formId;
            $pw_field->isRequired = $field->isRequired;
            $pw_field->label = $field->label;
            $pw_field->passwordVisibilityEnabled = true;
            $pw_field->inputs = array(
                array(
                    'id' => $pw_field->id,
                    'label' => esc_html__( 'Enter Password', 'gravityforms' ),
                ),
                array(
                    'id' => $pw_field->id.'.2',
                    'label' => esc_html__( 'Confirm Password', 'gravityforms' ),
                    'isHidden' => true,
                ),
            );
            $new_fields[] = $pw_field;
        }
        $form[ 'fields' ] = $new_fields;

return $form;
    }
}

new Sukellos_GravityForms_UserRegistration_Manager();

La logique de ce code est simple : reconstruire les champs du formulaire en remplaçant le GF_Field_Text par un GF_Field_Password.

Quelques liens pour approfondir

Le formulaire de connexion de User Registration
Le hook gform_userregistration_login_form
Le code intégral
Quelques liens pour approfondir
Laisser un commentaire Annuler la réponse

Besoin d’une assistance technique par un expert WordPress ?
Optez pour un crédit temps de quelques heures

Contactez-moi

Visibilité du mot de passe avec Gravity Forms User Registration

Le formulaire de connexion de User Registration

Le hook gform_userregistration_login_form

Le code intégral

Quelques liens pour approfondir

Laisser un commentaire Annuler la réponse