]> git.mxchange.org Git - jjobs-war.git/blob - web/WEB-INF/templates/contact/form_contact_data.tpl
Improved many things: (please cherry-pick)
[jjobs-war.git] / web / WEB-INF / templates / contact / form_contact_data.tpl
1 <?xml version="1.0" encoding="UTF-8" ?>
2 <ui:composition
3         xmlns="http://www.w3.org/1999/xhtml"
4         xmlns:f="http://java.sun.com/jsf/core"
5         xmlns:h="http://java.sun.com/jsf/html"
6         xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
7         xmlns:p="http://primefaces.org/ui">
8
9         <div class="para notice">
10                 #{msg.PERSONAL_DATA_MINIMUM_NOTICE}
11         </div>
12
13         <div class="para">
14                 <fieldset class="fieldset" id="personal_data">
15                         <legend title="#{msg.PERSONAL_DATA_LEGEND_TITLE}">
16                                 <h:outputText value="#{msg.PERSONAL_DATA_LEGEND}" />
17                         </legend>
18
19                         <div class="table_row">
20                                 <div class="table_left_medium">
21                                         <h:outputLabel for="gender" value="#{msg.PERSONAL_DATA_GENDER}" />
22                                 </div>
23
24                                 <div class="table_right_medium">
25                                         <ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl">
26                                                 <ui:param  name="targetController" value="#{contactController}" />
27                                         </ui:include>
28                                 </div>
29
30                                 <div class="clear"></div>
31                         </div>
32
33                         <h:message for="gender" errorClass="errors" fatalClass="errors" warnClass="errors" />
34
35                         <div class="table_row">
36                                 <div class="table_left_medium">
37                                         <h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
38                                 </div>
39
40                                 <div class="table_right_medium">
41                                         <h:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
42                                                 <f:validator validatorId="NameValidator" />
43                                         </h:inputText>
44                                 </div>
45
46                                 <div class="clear"></div>
47                         </div>
48
49                         <h:message for="firstName" errorClass="errors" fatalClass="errors" warnClass="errors" />
50
51                         <div class="table_row">
52                                 <div class="table_left_medium">
53                                         <h:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
54                                 </div>
55
56                                 <div class="table_right_medium">
57                                         <h:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
58                                                 <f:validator for="familyName" validatorId="NameValidator" />
59                                         </h:inputText>
60                                 </div>
61
62                                 <div class="clear"></div>
63                         </div>
64
65                         <h:message for="familyName" errorClass="errors" fatalClass="errors" warnClass="errors" />
66
67                         <div class="table_row">
68                                 <div class="table_left_medium">
69                                         <h:outputLabel for="street" value="#{msg.PERSONAL_DATA_STREET}" />
70                                 </div>
71
72                                 <div class="table_right_medium">
73                                         <h:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
74                                                 <f:validator validatorId="NameValidator" />
75                                         </h:inputText>
76                                 </div>
77
78                                 <div class="clear"></div>
79                         </div>
80
81                         <h:message for="street" errorClass="errors" fatalClass="errors" warnClass="errors" />
82
83                         <div class="table_row">
84                                 <div class="table_left_medium">
85                                         <h:outputLabel for="houseNumber" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER}" />
86                                 </div>
87
88                                 <div class="table_right_medium">
89                                         <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}">
90                                                 <f:validateLongRange for="houseNumber" minimum="1" maximum="500" />
91                                         </h:inputText>
92                                 </div>
93
94                                 <div class="clear"></div>
95                         </div>
96
97                         <div class="error_container">
98                                 <h:message for="houseNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
99                         </div>
100
101                         <div class="table_row">
102                                 <div class="table_left_medium">
103                                         <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
104                                 </div>
105
106                                 <div class="table_right_medium">
107                                         <h:inputText styleClass="input" id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
108                                 </div>
109
110                                 <div class="clear"></div>
111                         </div>
112
113                         <div class="error_container">
114                                 <h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
115                         </div>
116
117                         <div class="table_row">
118                                 <div class="table_left_medium">
119                                         <h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
120                                 </div>
121
122                                 <div class="table_right_medium">
123                                         <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}">
124                                                 <f:validateLongRange minimum="1" maximum="99999" />
125                                         </h:inputText>
126                                 </div>
127
128                                 <div class="clear"></div>
129                         </div>
130
131                         <h:message for="zipCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
132
133                         <div class="table_row">
134                                 <div class="table_left_medium">
135                                         <h:outputLabel for="city" value="#{msg.PERSONAL_DATA_CITY}" />
136                                 </div>
137
138                                 <div class="table_right_medium">
139                                         <h:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
140                                                 <f:validator validatorId="NameValidator" />
141                                         </h:inputText>
142                                 </div>
143
144                                 <div class="clear"></div>
145                         </div>
146
147                         <h:message for="city" errorClass="errors" fatalClass="errors" warnClass="errors" />
148
149                         <div class="table_row">
150                                 <div class="table_left_medium">
151                                         <h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
152                                 </div>
153
154                                 <div class="table_right_medium">
155                                         <h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" converterMessage="#{msg.INVALID_BIRTHDAY}">
156                                                 <f:convertDateTime pattern="#{msg.BIRTHDAY_PATTERN}" />
157                                         </h:inputText>
158                                 </div>
159
160                                 <div class="clear"></div>
161                         </div>
162
163                         <h:message for="birthday" errorClass="errors" fatalClass="errors" warnClass="errors" />
164
165                         <div class="table_row">
166                                 <div class="table_left_medium">
167                                         <h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
168                                 </div>
169
170                                 <div class="table_right_medium">
171                                         <h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}">
172                                                 <f:converter converterId="CountryConverter" />
173                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
174                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryCode} (#{msg[country.countryI18nkey]})" />
175                                         </h:selectOneMenu>
176                                 </div>
177
178                                 <div class="clear"></div>
179                         </div>
180
181                         <h:message for="country" errorClass="errors" fatalClass="errors" warnClass="errors" />
182
183                         <div class="table_row">
184                                 <div class="table_left_medium">
185                                         <h:outputLabel value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
186                                 </div>
187
188                                 <div class="table_right_medium">
189                                         <h:selectOneMenu styleClass="select right_space" id="countryPhoneCode" value="#{contactController.phoneCountry}">
190                                                 <f:converter converterId="CountryConverter" />
191                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
192                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
193                                         </h:selectOneMenu>
194
195                                         <h:inputText styleClass="input right_space" id="phoneAreaCode" size="5" maxlength="10" value="#{contactController.phoneAreaCode}">
196                                                 <f:validator validatorId="PhoneNumberValidator" />
197                                         </h:inputText>
198
199                                         <h:inputText styleClass="input" id="phoneNumber" size="10" maxlength="20" value="#{contactController.phoneNumber}">
200                                                 <f:validator validatorId="PhoneNumberValidator" />
201                                         </h:inputText>
202                                 </div>
203
204                                 <div class="clear"></div>
205                         </div>
206
207                         <div class="table_row">
208                                 <div class="table_left_medium">
209                                         <h:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
210                                 </div>
211
212                                 <div class="table_right_medium">
213                                         <h:selectOneMenu styleClass="select right_space" id="faxCountryCode" value="#{contactController.faxCountry}">
214                                                 <f:converter converterId="CountryConverter" />
215                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
216                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
217                                         </h:selectOneMenu>
218
219                                         <h:inputText styleClass="input right_space" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
220                                                 <f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
221                                         </h:inputText>
222
223                                         <h:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
224                                                 <f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
225                                         </h:inputText>
226                                 </div>
227
228                                 <div class="clear"></div>
229                         </div>
230
231                         <div class="table_row">
232                                 <div class="table_left_medium">
233                                         <h:outputLabel for="cellphoneNumber" value="#{msg.PERSONAL_DATA_CELLPHONE_NUMBER}" />
234                                 </div>
235
236                                 <div class="table_right_medium">
237                                         <ui:include src="/WEB-INF/templates/generic/mobile_selection_box.tpl">
238                                                 <ui:param name="targetController" value="#{contactController}" />
239                                         </ui:include>
240                                 </div>
241
242                                 <div class="clear"></div>
243                         </div>
244                 </fieldset>
245         </div>
246
247         <ui:fragment rendered="#{userController.isPublicUserProfileEnabled()}">
248                 <div class="para">
249                         <fieldset class="fieldset" id="profile_mode">
250                                 <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
251                                         <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
252                                 </legend>
253
254                                 <div class="table_row">
255                                         <div class="table_left_medium">
256                                                 <h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
257                                         </div>
258
259                                         <div class="table_right_medium">
260                                                 <ui:include src="/WEB-INF/templates/generic/profile_mode_selection_box.tpl" />
261                                         </div>
262
263                                         <div class="clear"></div>
264                                 </div>
265
266                                 <div class="table_row">
267                                         <div class="para notice">
268                                                 <ul>
269                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
270                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
271                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
272                                                 </ul>
273                                         </div>
274                                 </div>
275                         </fieldset>
276                 </div>
277         </ui:fragment>
278 </ui:composition>