]> git.mxchange.org Git - jjobs-war.git/blobdiff - web/WEB-INF/templates/contact/form_contact_data.tpl
Please cherry-pick:
[jjobs-war.git] / web / WEB-INF / templates / contact / form_contact_data.tpl
index 264bac9499892dc7f2a94b1fdbef8c8ba156b68c..34dbce394763779c40d5602f17cf36f9b2b18a06 100644 (file)
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
        xmlns="http://www.w3.org/1999/xhtml"
+       xmlns:core="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>
+                       <core:outputPersonalTitleSelectionBox 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 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 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 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 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 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 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 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">
+                                       <core: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">
+                                       <core:outputCountrySelector styleClass="select" 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 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 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">
+                                       <core:outputCountrySelector styleClass="select" id="faxCountry" value="#{contactController.faxCountry}" />
 
-                                       <h:inputText styleClass="input right_space" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
+                                       <p:inputText 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 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>
+                       <p:outputLabel for="mobileNumber" value="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
+                       <core:inputMobileNumberPanelGrid targetController="#{contactController}" />
                </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>
+                       <core: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>