Permitirá modificar los datos del usuario logueado.

El contenedor definido en container es quien determina el width del componente.


Parámetros*


Principales

Parámetro

Descripción

Ejemplo

webSessionId

Identificador único de sesión web. Se usará para mantener la sesión del usuario entre componentes y páginas.

01CDA38719E74937A2F275757ABA34EE

bookingEngine

Código de motor

2

system

Código de sistema (HPH o MPH)

HPH

language

Idioma

es

protectionDataUrl

Página donde está la información de protección de datos

/proteccion-datos.html

okHandler

Función que se llama cuando la modificación se ha realizado correctamente y devuelve un objeto con información del usuario

modifyOk

component

Valor fijo “customer-modify”

customer-modify

container

Id de la etiqueta HTML que será el contenedor del componente

modifyUser

extraFields

Array de campos opcionales a añadir en el formulario de registro (En la columna Ejemplo están todos los valores disponibles)

document.type, document.number, phone.number,

address,

city,

province,

postal.code


* Será necesario sustituir los parámetros que no son fijos por los valores necesarios en cada momento en función del tipo de búsqueda a realizar.


Ejemplo del HTML comentado con información necesaria


<script>
    function modifyOk() {
        // Modificar datos de usuario
    }

    // Parámetros componente
    var genericManifestAndVendorsLoaded = genericManifestAndVendorsLoaded || false;
    var clientComponents = clientComponents || [];
    var firstClientComponent = clientComponents.length;
    clientComponents.push({
        webSessionId: "01CDA38719E74937A2F275757ABA34EE",
        bookingEngine: "2",
        system: "HPH",
        language: "es",
        protectionDataUrl: "/proteccion-datos.html",
        okHandler: modifyOk,
        component: "customer-modify",
        container: "modifyUser",
        extraFields: ["document.type", "document.number", "phone.number", "address", "city", "province", "postal.code"]
    });

    if(typeof gethTtScript != 'function'){
        window.gethTtScript = function(source){
            var script = document.createElement('script');
            var prior = document.getElementsByTagName('script')[0];
            script.async = 1;
            script.src = source;
            prior.parentNode.insertBefore(script, prior);
        };
    }

    if (firstClientComponent == 0) {
        document.addEventListener('DOMContentLoaded', function () {
            window.parameters = window.parameters || {};
            window.parameters.clientComponents = clientComponents;
        });
        window.gethTtScript("https://hotel.new.hotetec.com/components/customer/js/main.js");
    }
    if (!genericManifestAndVendorsLoaded) {
        window.gethTtScript("https://hotel.new.hotetec.com/components/js/vendors.js");
        window.gethTtScript("https://hotel.new.hotetec.com/components/js/manifest.js");
        genericManifestAndVendorsLoaded = true;
    }
</script>

<div id="modifyUser"></div>