Customizing the Health Declaration Template

The default HTML template for the health questionnaire form is presented below. On a typical Kiosk Client installation it can be found at C:\Program Files (x86)\Kiosk Client\Questionnaires\health.template.html

Warning

The default template shipped with Kiosk is provided in English as it is the most widely used international language.

The Health Declaration report and consequently the health declaration template are intended for the Kiosk system admins.

To customize the current template content, copy the health.template.html file in to a separate folder named Questionnaires under C:\ProgramData\NEC\kiosk\Custom. The file must have the same name as in the installation directory - health.template.html.

The Kiosk system admins may edit the template from custom folder to provide it in the language mostly used by system admins.

health.template.html

<html>

    <!--
        Do not change the names of the CSS classes.
        It is OK to change their contents to give different appearance but please keep same class names.
    -->
    <style>
        body {
            font-family: 'Helvetica';
        }
        .tick {
            /* This is for having approx same height for text and checkbox symbols */
            /* ☑ => checked box symbol; ☐ => unchecked box symbol */
            font-size: 1.5rem;
        }
        .label-cell {
            text-align: right;
            white-space: nowrap;
            width: 1px;
        }
        .label-cell-tick {
            text-align: right;
            white-space: nowrap;
            width: 1px;
        }
        .alert {
            color: red;
        }
        .prevent-checkin {
            color: red;
            font-weight: bold;
        }
    </style>

    <body>
        <h2>Health declaration form</h2>
        <table cellspacing=0 cellpadding=2>
            <tr><td class="label-cell">Reservation:</td><td>$ReservationNumber</td><td colspan=2> </td></tr>
            <tr><td class="label-cell">Room number:</td><td>$RoomNumber</td><td colspan=2> </td></tr>
            <tr><td class="label-cell">Arrival:</td><td>$CheckInDate</td><td colspan=2> </td></tr>
            <tr><td class="label-cell">Departure:</td><td>$CheckOutDate</td><td colspan=2> </td></tr>

            <!-- Do not remove the label-cell-tick class, it is used by the app to hightlight this row in case of check in blocked -->
            <tr><td class="label-cell-tick">Check-in blocked?</td><td class="tick">$CheckInBlocked</td><td colspan=2> </td></tr>

            <tr><td colspan=4><hr></td></tr>

            <!-- Please do not remove or edit comments related to GUEST_TEMPLATE_BEGIN, QUESTION_TEMPLATE_BEGIN, QUESTION_TEMPLATE_END and GUEST_TEMPLATE_END -->
            <!-- If necessary, you can adjust the HTML contents between these comments, but never remove or edit them. -->

            <!-- GUEST_TEMPLATE_BEGIN -->
            <tr><td colspan=4><h3>$RespondingGuestName</h3></td></tr>
            <tr><td class="label-cell">$RespondingGuestDocumentClass number:</td><td colspan=3>$RespondingGuestDocumentNumber</td></tr>
            <tr><td class="label-cell">Email address:</td><td colspan=3>$RespondingGuestEmailAddress</td></tr>
            <tr><td class="label-cell">Phone number:</td><td colspan=3>$RespondingGuestPhoneNumber</td></tr>
            <tr><td colspan=4> </td></tr>
            <tr><td colspan=2> </td><td>YES</td><td>NO</td></tr>

            <!-- QUESTION_TEMPLATE_BEGIN -->
            <tr><td colspan=2>$QuestionText</td><td class="tick">$AnswerYes</td><td class="tick">$AnswerNo</td></tr>
            <!-- QUESTION_TEMPLATE_END -->

            <tr><td colspan=4><hr></td></tr>
            <!-- GUEST_TEMPLATE_END -->

        </table>

    </body>
</html>

The customers are able to adjust the contents of this template in a certain extent (change formatting, colors, fonts ...), but some rules need to be followed:

CSS classes name should not be changed
- It is OK to adjust CSS class contents but never its name, because these names are referenced also by the application code
The comments related to GUEST_TEMPLATE_BEGIN, QUESTION_TEMPLATE_BEGIN, QUESTION_TEMPLATE_END and GUEST_TEMPLATE_END must not be changed or removed, because:
- The HTML code between  and  represents the information that needs to be provided once per each responding guest
  - The application will simply duplicate the code between these comments, per each responding guest, and replace the $Xyz variables with actual information related to the responding guest
  - To change the way the guest information is presented, the customer must make changes in the lines between these two comments
- The HTML code between  and  represents the information that needs to be provided once per each question answer
  - The application will simply duplicate the code between these comments, per each answer provided by each responding guest, and replace the $Xyz variables with actual information related to the question
  - To change the way the question information is presented, the customer must make changes in the lines between these two comments
All places where the customer should pay attention are documented with suggestive comments, e.g.

Variables that can be used in the health questionnaire template

Variable name	Meaning	OBS
$ReservationNumber	Number of the reservation associated with the health declaration	This is the internal PMS ID, not the CRS number or other numbers associated with the booking
$RoomNumber	Room number associated with the reservation
$CheckInDate	Reservation check-in date (arrival date)
$CheckOutDate	Reservation check-out date (departure date)
$CheckInBlocked	Whether the check-in process was prevented or not	If prevented, the form shows a checked box symbol, e.g. ☑ If not prevented, the form shows an unchecked box symbol, e.g. ☐
$RespondingGuestName	Name of the guest who answered the question set
$RespondingGuestDocumentNumber	ID document number for the guest who answered the question set
$RespondingGuestDocumentClass	ID document type for the guest who answered the question set	i.e. passport, ID card, driver license ...
$RespondingGuestEmailAddress	Contact email address for the guest who answered the question set
$RespondingGuestPhoneNumber	Contact phone number for the guest who answered the question set
$QuestionText	Text of the question (English version)	Taken from en-us.json translation file
$AnswerYes	Whether the guest answered with YES to the question	If answered with YES, the form shows a checked box symbol, e.g. ☑ If not answered with YES, the form shows an unchecked box symbol, e.g. ☐
$AnswerNo	Whether the guest answered with NO to the question	If answered with NO, the form shows a checked box symbol, e.g. ☑ If not answered with NO, the form shows an unchecked box symbol, e.g. ☐