<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:widgets="http://mxchange.org/jsf/core/widgets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
- <div class="para notice">
- #{msg.PERSONAL_DATA_MINIMUM_NOTICE}
- </div>
+ <h:panelGroup styleClass="para notice" layout="block">
+ <h:outputText value="#{msg.PERSONAL_DATA_MINIMUM_NOTICE}" />
+ </h:panelGroup>
- <div class="para">
- <fieldset class="fieldset" id="personal_data">
+ <h:panelGroup styleClass="para" layout="block">
+ <fieldset class="fieldset">
<legend title="#{msg.PERSONAL_DATA_LEGEND_TITLE}">
<h:outputText value="#{msg.PERSONAL_DATA_LEGEND}" />
</legend>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="gender" value="#{msg.PERSONAL_DATA_GENDER}" />
- </div>
+ <widgets:outputPersonalTitleTableRow targetController="#{contactController}" />
- <div class="table_right_medium">
- <ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl">
- <ui:param name="targetController" value="#{contactController}" />
- </ui:include>
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
</div>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="gender" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
-
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
- </div>
-
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
<f:validator validatorId="NameValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="firstName" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="firstName" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
</div>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
<f:validator for="familyName" validatorId="NameValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="familyName" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="familyName" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="street" value="#{msg.PERSONAL_DATA_STREET}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="street" value="#{msg.DATA_STREET_NAME}" />
</div>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
<f:validator validatorId="NameValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="street" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="street" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="houseNumber" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="houseNumber" value="#{msg.DATA_HOUSE_NUMBER}" />
</div>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="houseNumber" size="3" maxlength="5" value="#{contactController.houseNumber}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_HOUSE_NUMBER_REQUIRED}" validatorMessage="#{msg.ENTERED_HOUSE_NUMBER_INVALID}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="houseNumber" size="3" maxlength="5" value="#{contactController.houseNumber}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_HOUSE_NUMBER_REQUIRED}" validatorMessage="#{msg.ENTERED_HOUSE_NUMBER_INVALID}">
<f:validateLongRange for="houseNumber" minimum="1" maximum="500" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="houseNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="houseNumber" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="houseNumberExtension" value="#{msg.DATA_HOUSE_NUMBER_EXTENSION}" />
</div>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
</div>
+ </h:panelGroup>
- <div class="clear"></div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="houseNumberExtension" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="zipCode" value="#{msg.DATA_ZIP_CODE}" />
</div>
- </div>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
- </div>
-
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="zipCode" size="5" maxlength="6" value="#{contactController.zipCode}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_ZIP_CODE_REQUIRED}" validatorMessage="#{msg.ENTERED_ZIP_CODE_INVALID}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="zipCode" size="5" maxlength="6" value="#{contactController.zipCode}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_ZIP_CODE_REQUIRED}" validatorMessage="#{msg.ENTERED_ZIP_CODE_INVALID}">
<f:validateLongRange minimum="1" maximum="99999" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="zipCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="zipCode" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="city" value="#{msg.PERSONAL_DATA_CITY}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="city" value="#{msg.DATA_CITY}" />
</div>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
+ <div class="table-right-medium">
+ <p:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
<f:validator validatorId="NameValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="city" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="city" errorClass="errors" fatalClass="errors" warnClass="errors" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
</div>
- </div>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
+ <div class="table-right-medium">
+ <p:calendar id="birthday" value="#{contactController.birthday}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" />
</div>
+ </h:panelGroup>
- <div class="table_right_medium">
- <h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" converterMessage="#{msg.INVALID_BIRTHDAY}">
- <f:convertDateTime pattern="#{msg.BIRTHDAY_PATTERN}" />
- </h:inputText>
- </div>
-
- <div class="clear"></div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="birthday" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="birthday" errorClass="errors" fatalClass="errors" warnClass="errors" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
</div>
- </div>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
+ <div class="table-right-medium">
+ <widgets:outputCountrySelector id="country" value="#{contactController.country}" />
</div>
+ </h:panelGroup>
- <div class="table_right_medium">
- <h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}">
- <f:converter converterId="CountryConverter" />
- <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
- <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryCode} (#{msg[country.countryI18nkey]})" />
- </h:selectOneMenu>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="country" />
+ </h:panelGroup>
- <div class="clear"></div>
-
- <div class="error_container">
- <h:message for="country" errorClass="errors" fatalClass="errors" warnClass="errors" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="landLineNumber" value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
</div>
- </div>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="phoneNumber" value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
- </div>
+ <div class="table-right-medium">
+ <widgets:outputCountrySelector styleClass="select divider-right" id="landLineCountry" value="#{contactController.landLineCountry}" />
- <div class="table_right_medium">
- <h:selectOneMenu styleClass="select right_space" id="landLineCountry" value="#{contactController.phoneCountry}">
- <f:converter converterId="CountryConverter" />
- <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
- <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
- </h:selectOneMenu>
-
- <h:inputText styleClass="input right_space" id="landLineAreaCode" size="5" maxlength="10" value="#{contactController.phoneAreaCode}">
+ <p:inputText styleClass="input divider-right" id="landLineAreaCode" size="5" maxlength="10" value="#{contactController.landLineAreaCode}">
<f:validator validatorId="PhoneNumberValidator" />
- </h:inputText>
+ </p:inputText>
- <h:inputText styleClass="input" id="landLineNumber" size="10" maxlength="20" value="#{contactController.phoneNumber}">
+ <p:inputText styleClass="input" id="landLineNumber" size="10" maxlength="20" value="#{contactController.landLineNumber}">
<f:validator validatorId="PhoneNumberValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
- </div>
-
- <div class="error_container">
- <h:message for="landLineAreaCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="landLineAreaCode" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="landLineNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="landLineNumber" />
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="table-left-medium">
+ <p:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
</div>
- <div class="table_right_medium">
- <h:selectOneMenu styleClass="select right_space" id="faxCountry" value="#{contactController.faxCountry}">
- <f:converter converterId="CountryConverter" />
- <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
- <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
- </h:selectOneMenu>
+ <div class="table-right-medium">
+ <widgets:outputCountrySelector styleClass="select divider-right" id="faxCountry" value="#{contactController.faxCountry}" />
- <h:inputText styleClass="input right_space" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
+ <p:inputText styleClass="input divider-right" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
<f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
- </h:inputText>
+ </p:inputText>
- <h:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
+ <p:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
<f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
- </h:inputText>
+ </p:inputText>
</div>
+ </h:panelGroup>
- <div class="clear"></div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="faxAreaCode" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="faxAreaCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:message for="faxNumber" />
+ </h:panelGroup>
- <div class="error_container">
- <h:message for="faxNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
- </div>
-
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="mobileNumber" value="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
- </div>
-
- <div class="table_right_medium">
- <ui:include src="/WEB-INF/templates/input_fields/mobile_input_fields.tpl">
- <ui:param name="targetController" value="#{contactController}" />
- </ui:include>
- </div>
-
- <div class="clear"></div>
- </div>
+ <widgets:outputMobileNumberTableRow targetController="#{contactController}" labelMessage="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
</fieldset>
- </div>
-
- <ui:fragment rendered="#{userController.isPublicUserProfileEnabled()}">
- <div class="para">
- <fieldset class="fieldset" id="profile_mode">
- <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
- <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
- </legend>
+ </h:panelGroup>
- <div class="table_row">
- <div class="table_left_medium">
- <h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
- </div>
-
- <div class="table_right_medium">
- <ui:include src="/WEB-INF/templates/generic/profile_mode_selection_box.tpl" />
- </div>
+ <h:panelGroup styleClass="para" layout="block" rendered="#{userController.isPublicUserProfileEnabled()}">
+ <fieldset class="fieldset">
+ <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
+ <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
+ </legend>
- <div class="clear"></div>
- </div>
+ <widgets:outputProfileModeTableRow targetController="#{userController}" labelMessage="#{msg.USER_PROFILE_MODE}" />
- <div class="table_row">
- <div class="para notice">
- <ul>
- <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
- <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
- <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
- </ul>
- </div>
+ <h:panelGroup styleClass="table-row" layout="block">
+ <div class="para notice">
+ <ul>
+ <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
+ <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
+ <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
+ </ul>
</div>
- </fieldset>
- </div>
- </ui:fragment>
+ </h:panelGroup>
+ </fieldset>
+ </h:panelGroup>
</ui:composition>