The Hotel Room Info Component
Description
Description
This is a component for displaying room-infos of hotels. Required attributes are the room-code and the product-code or giata-id of the hotel.
Meta
| Maintainer | 6m-haj@tui.com |
|---|---|
| Locales |
de-DE
|
Usage
Add the following script tag (or something similar) to your web page to have the component load. Note: This is required only once per webpage, even when you embed multiple instances of the component.
<script src="https://cloud.tui.com/6m/beone-content/hotel-room-6m/master/main.js" async defer></script>
Add the following HTML code anywhere in your webpage at the position where you want the component to show. You can create multiple instances of the component.
Remember to replace VALUE with actual valid values for the given attribute.
<tui-hotel-room room-code="VALUE"></tui-hotel-room>
Examples
-
Shows the room-info of the hotel with the given product code and given room code.
<tui-hotel-room product-code="GPA10011" room-code="DZX1"> </tui-hotel-room>
Read more about using components ›
Attributes
This component can be configured with the following attributes:
| Name | Description | Allowed Values | Default | Required |
|---|---|---|---|---|
giata-id |
The ID of the hotel of which room-infos should be displayed. |
^[0-9]+$
|
no | |
product-code |
The productCode of the hotel of which room-infos should be displayed. |
^[0-9]+$
|
no | |
room-code |
A single room-code for which the room-infos should be displayed, e.g. DZX1, SUX1 etc. |
^.*
|
yes | |
content-api-url |
The URL of the content api. prod=https://production-beone.com/content/api; test=https://acceptance-beone.com/content/api. By default the prod-url is used. |
^.*$
|
https://production-beone.com/content/api |
no |
cinema-view-enabled |
Whether or not the cinema-view is enabled. |
true |
no | |
date |
Useful to retrieve room-infos which are valid for a specific date. So it is recommended to set this date to the customers travel-start-date. |
([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))
|
no | |
description-height |
Sets the height the visible content for the description when it is collapsed. |
(\d+)(px|%|rem|em)
|
20rem |
no |
provider |
To retrieve room infos for the specified provider, e.g. 'TUI', 'LTUR', 'WOLTERS'. |
^.*$
|
TUI |
no |