X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2FWEB-INF%2Ftemplates%2Fcontact%2Fform_contact_data.tpl;h=0619039dff25897dc7ff36f9a3f04e6464be20e8;hb=98125d19e385b0be143bc4a273dc81c3082f53f0;hp=dc990a7b4bdf295dac63c8aa2de5c5f38b2f423a;hpb=c5081875aa28935bb1a02e5c4713ed6209eee1f4;p=jjobs-war.git

diff --git a/web/WEB-INF/templates/contact/form_contact_data.tpl b/web/WEB-INF/templates/contact/form_contact_data.tpl
index dc990a7b..0619039d 100644
--- a/web/WEB-INF/templates/contact/form_contact_data.tpl
+++ b/web/WEB-INF/templates/contact/form_contact_data.tpl
@@ -1,289 +1,237 @@
 <?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 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">
-					<h:outputLabel for="gender" value="#{msg.PERSONAL_DATA_GENDER}" />
-				</div>
-
-				<div class="table_right">
-					<ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl">
-						<ui:param  name="targetController" value="#{contactController}" />
-					</ui:include>
-				</div>
-
-				<div class="clear"></div>
-			</div>
+			<widgets:outputPersonalTitleTableRow targetController="#{contactController}" />
 
-			<h:message for="gender" errorClass="errors" fatalClass="errors" warnClass="errors" />
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
+			<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="table_right">
-					<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>
-
-			<h:message for="firstName" errorClass="errors" fatalClass="errors" warnClass="errors" />
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="firstName" />
+			</h:panelGroup>
 
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<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>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="familyName" />
+			</h:panelGroup>
 
-			<h:message for="familyName" errorClass="errors" fatalClass="errors" warnClass="errors" />
-
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<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>
-
-			<h:message for="street" errorClass="errors" fatalClass="errors" warnClass="errors" />
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="street" />
+			</h:panelGroup>
 
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<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>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="houseNumber" />
+			</h:panelGroup>
 
-			<div class="error_container">
-				<h:message for="houseNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
-			</div>
-
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<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>
-			</div>
-
-			<div class="error_container">
-				<h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
-			</div>
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
-				</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="houseNumberExtension" />
+			</h:panelGroup>
 
-				<div class="table_right">
-					<h:inputText styleClass="input" id="houseNumber" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
+			<h:panelGroup styleClass="table-row" layout="block">
+				<div class="table-left-medium">
+					<p:outputLabel for="zipCode" value="#{msg.DATA_ZIP_CODE}" />
 				</div>
 
-				<div class="clear"></div>
-			</div>
-
-			<h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
-				</div>
-
-				<div class="table_right">
-					<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>
-
-			<h:message for="zipCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="zipCode" />
+			</h:panelGroup>
 
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<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>
-			</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="city" />
+			</h:panelGroup>
 
-			<h:message for="city" errorClass="errors" fatalClass="errors" warnClass="errors" />
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
+			<h:panelGroup styleClass="table-row" layout="block">
+				<div class="table-left-medium">
+					<p:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
 				</div>
 
-				<div class="table_right">
-					<h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" converterMessage="#{msg.INVALID_BIRTHDAY}">
+				<div class="table-right-medium">
+					<p: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>
+					</p:inputText>
 				</div>
+			</h:panelGroup>
 
-				<div class="clear"></div>
-			</div>
-
-			<h:message for="birthday" errorClass="errors" fatalClass="errors" warnClass="errors" />
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="birthday" />
+			</h:panelGroup>
 
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
+			<h:panelGroup styleClass="table-row" layout="block">
+				<div class="table-left-medium">
+					<p:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
 				</div>
 
-				<div class="table_right">
-					<h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}" converter="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 class="table-right-medium">
+					<widgets:outputCountrySelector id="country" value="#{contactController.country}" />
 				</div>
+			</h:panelGroup>
 
-				<div class="clear"></div>
-			</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="country" />
+			</h:panelGroup>
 
-			<h:message for="country" errorClass="errors" fatalClass="errors" warnClass="errors" />
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
+			<h:panelGroup styleClass="table-row" layout="block">
+				<div class="table-left-medium">
+					<p:outputLabel for="landLineNumber" value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
 				</div>
 
-				<div class="table_right">
-					<h:selectOneMenu styleClass="select" id="countryPhoneCode" value="#{contactController.phoneCountry}" converter="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="landLineCountry" value="#{contactController.landLineCountry}" />
 
-					<h:inputText styleClass="input" id="phoneAreaCode" 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="phoneNumber" 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>
+
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="landLineAreaCode" />
+			</h:panelGroup>
 
-				<div class="clear"></div>
-			</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="landLineNumber" />
+			</h:panelGroup>
 
-			<div class="table_row">
-				<div class="table_left">
-					<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">
-					<h:selectOneMenu styleClass="select" id="faxCountryCode" value="#{contactController.faxCountry}" converter="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" 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>
-
-			<div class="table_row">
-				<div class="table_left">
-					<h:outputLabel for="cellphoneNumber" value="#{msg.PERSONAL_DATA_CELLPHONE_NUMBER}" />
-				</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="faxAreaCode" />
+			</h:panelGroup>
 
-				<div class="table_right">
-					<ui:include src="/WEB-INF/templates/generic/mobile_selection_box.tpl">
-						<ui:param name="targetController" value="#{contactController}" />
-					</ui:include>
-				</div>
+			<h:panelGroup styleClass="error-container" layout="block">
+				<p:message for="faxNumber" />
+			</h:panelGroup>
 
-				<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 id="user_profile">
-				<legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
-					<h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
-				</legend>
-
-				<div class="table_row">
-					<div class="table_left">
-						<h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
-					</div>
+	</h:panelGroup>
 
-					<div class="table_right">
-						<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>