Permitirá consultar una reserva, mediante el correo y el localizador de esta.

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

myBookingsUrl

Página donde está el componente de listado de reservas

/area-cliente/listado-reservas.html

koHandler

Función que se llama cuando ha fallado el acceso a la reserva

myBookingKo

component

Valor fijo “customer-my-booking”

customer-my-booking

container

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

myBooking


* 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 myBookingKo() {
        // Mostrar un mensaje de error
    }

    // Parámetros componente
    var genericManifestAndVendorsLoaded = genericManifestAndVendorsLoaded || false;
    var clientComponents = clientComponents || [];
    var firstClientComponent = clientComponents.length;
    clientComponents.push({
        webSessionId: "01CDA38719E74937A2F275757ABA34EE",
        bookingEngine: "2",
        system: "HPH",
        language: "es",
        myBookingsUrl: "/area-cliente/listado-reservas.html",
        koHandler: myBookingKo,
        component: "customer-my-booking",
        container: "myBooking"
    });

    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="myBooking">Cargando...</div>