]> git.mxchange.org Git - addressbook-war.git/blob - web/WEB-INF/templates/contact/form_contact_data.tpl
Continued a bit: (please cherry-pick)
[addressbook-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 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">
21                                         <h:outputLabel for="gender" value="#{msg.PERSONAL_DATA_GENDER}" />
22                                 </div>
23
24                                 <div class="table_right">
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                         <div class="error_container">
34                                 <h:message for="gender" errorClass="errors" fatalClass="errors" warnClass="errors" />
35                         </div>
36
37                         <div class="table_row">
38                                 <div class="table_left">
39                                         <h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
40                                 </div>
41
42                                 <div class="table_right">
43                                         <h:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
44                                                 <f:validator validatorId="NameValidator" />
45                                         </h:inputText>
46                                 </div>
47
48                                 <div class="clear"></div>
49                         </div>
50
51                         <div class="error_container">
52                                 <h:message for="firstName" errorClass="errors" fatalClass="errors" warnClass="errors" />
53                         </div>
54
55                         <div class="table_row">
56                                 <div class="table_left">
57                                         <h:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
58                                 </div>
59
60                                 <div class="table_right">
61                                         <h:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
62                                                 <f:validator for="familyName" validatorId="NameValidator" />
63                                         </h:inputText>
64                                 </div>
65
66                                 <div class="clear"></div>
67                         </div>
68
69                         <div class="error_container">
70                                 <h:message for="familyName" errorClass="errors" fatalClass="errors" warnClass="errors" />
71                         </div>
72
73                         <div class="table_row">
74                                 <div class="table_left">
75                                         <h:outputLabel for="street" value="#{msg.PERSONAL_DATA_STREET}" />
76                                 </div>
77
78                                 <div class="table_right">
79                                         <h:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
80                                                 <f:validator validatorId="NameValidator" />
81                                         </h:inputText>
82                                 </div>
83
84                                 <div class="clear"></div>
85                         </div>
86
87                         <div class="error_container">
88                                 <h:message for="street" errorClass="errors" fatalClass="errors" warnClass="errors" />
89                         </div>
90
91                         <div class="table_row">
92                                 <div class="table_left">
93                                         <h:outputLabel for="houseNumber" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER}" />
94                                 </div>
95
96                                 <div class="table_right">
97                                         <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}">
98                                                 <f:validateLongRange for="houseNumber" minimum="1" maximum="500" />
99                                         </h:inputText>
100                                 </div>
101
102                                 <div class="clear"></div>
103                         </div>
104
105                         <div class="error_container">
106                                 <h:message for="houseNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
107                         </div>
108
109                         <div class="table_row">
110                                 <div class="table_left">
111                                         <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
112                                 </div>
113
114                                 <div class="table_right">
115                                         <h:inputText styleClass="input" id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
116                                 </div>
117
118                                 <div class="clear"></div>
119                         </div>
120
121                         <div class="error_container">
122                                 <h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
123                         </div>
124
125                         <div class="table_row">
126                                 <div class="table_left">
127                                         <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
128                                 </div>
129
130                                 <div class="table_right">
131                                         <h:inputText styleClass="input" id="houseNumber" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
132                                 </div>
133
134                                 <div class="clear"></div>
135                         </div>
136
137                         <h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
138
139                         <div class="table_row">
140                                 <div class="table_left">
141                                         <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
142                                 </div>
143
144                                 <div class="table_right">
145                                         <h:inputText styleClass="input" id="houseNumber" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
146                                 </div>
147
148                                 <div class="clear"></div>
149                         </div>
150
151                         <div class="error_container">
152                                 <h:message for="houseNumberExtension" errorClass="errors" fatalClass="errors" warnClass="errors" />
153                         </div>
154
155                         <div class="table_row">
156                                 <div class="table_left">
157                                         <h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
158                                 </div>
159
160                                 <div class="table_right">
161                                         <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}">
162                                                 <f:validateLongRange minimum="1" maximum="99999" />
163                                         </h:inputText>
164                                 </div>
165
166                                 <div class="clear"></div>
167                         </div>
168
169                         <div class="error_container">
170                                 <h:message for="zipCode" errorClass="errors" fatalClass="errors" warnClass="errors" />
171                         </div>
172
173                         <div class="table_row">
174                                 <div class="table_left">
175                                         <h:outputLabel for="city" value="#{msg.PERSONAL_DATA_CITY}" />
176                                 </div>
177
178                                 <div class="table_right">
179                                         <h:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
180                                                 <f:validator validatorId="NameValidator" />
181                                         </h:inputText>
182                                 </div>
183
184                                 <div class="clear"></div>
185                         </div>
186
187                         <div class="error_container">
188                                 <h:message for="city" errorClass="errors" fatalClass="errors" warnClass="errors" />
189                         </div>
190
191                         <div class="table_row">
192                                 <div class="table_left">
193                                         <h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
194                                 </div>
195
196                                 <div class="table_right">
197                                         <h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" converterMessage="#{msg.INVALID_BIRTHDAY}">
198                                                 <f:convertDateTime pattern="#{msg.BIRTHDAY_PATTERN}" />
199                                         </h:inputText>
200                                 </div>
201
202                                 <div class="clear"></div>
203                         </div>
204
205                         <div class="error_container">
206                                 <h:message for="birthday" errorClass="errors" fatalClass="errors" warnClass="errors" />
207                         </div>
208
209                         <div class="table_row">
210                                 <div class="table_left">
211                                         <h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
212                                 </div>
213
214                                 <div class="table_right">
215                                         <h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}">
216                                                 <f:converter converterId="CountryConverter" />
217                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
218                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryCode} (#{msg[country.countryI18nKey]})" />
219                                         </h:selectOneMenu>
220                                 </div>
221
222                                 <div class="clear"></div>
223                         </div>
224
225                         <div class="error_container">
226                                 <h:message for="country" errorClass="errors" fatalClass="errors" warnClass="errors" />
227                         </div>
228
229                         <div class="table_row">
230                                 <div class="table_left">
231                                         <h:outputLabel value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
232                                 </div>
233
234                                 <div class="table_right">
235                                         <h:selectOneMenu styleClass="select" id="countryPhoneCode" value="#{contactController.phoneCountry}">
236                                                 <f:converter converterId="CountryConverter" />
237                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
238                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
239                                         </h:selectOneMenu>
240
241                                         <h:inputText styleClass="input" id="phoneAreaCode" size="5" maxlength="10" value="#{contactController.phoneAreaCode}">
242                                                 <f:validator validatorId="PhoneNumberValidator" />
243                                         </h:inputText>
244
245                                         <h:inputText styleClass="input" id="phoneNumber" size="10" maxlength="20" value="#{contactController.phoneNumber}">
246                                                 <f:validator validatorId="PhoneNumberValidator" />
247                                         </h:inputText>
248                                 </div>
249
250                                 <div class="clear"></div>
251                         </div>
252
253                         <div class="table_row">
254                                 <div class="table_left">
255                                         <h:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
256                                 </div>
257
258                                 <div class="table_right">
259                                         <h:selectOneMenu styleClass="select" id="faxCountryCode" value="#{contactController.faxCountry}">
260                                                 <f:converter converterId="CountryConverter" />
261                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
262                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
263                                         </h:selectOneMenu>
264
265                                         <h:inputText styleClass="input" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
266                                                 <f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
267                                         </h:inputText>
268
269                                         <h:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
270                                                 <f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
271                                         </h:inputText>
272                                 </div>
273
274                                 <div class="clear"></div>
275                         </div>
276
277                         <div class="table_row">
278                                 <div class="table_left">
279                                         <h:outputLabel for="cellphoneNumber" value="#{msg.PERSONAL_DATA_CELLPHONE_NUMBER}" />
280                                 </div>
281
282                                 <div class="table_right">
283                                         <ui:include src="/WEB-INF/templates/generic/mobile_selection_box.tpl">
284                                                 <ui:param name="targetController" value="#{contactController}" />
285                                         </ui:include>
286                                 </div>
287
288                                 <div class="clear"></div>
289                         </div>
290                 </fieldset>
291         </div>
292
293         <ui:fragment rendered="#{userController.isPublicUserProfileEnabled()}">
294                 <div class="para">
295                         <fieldset id="user_profile">
296                                 <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
297                                         <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
298                                 </legend>
299
300                                 <div class="table_row">
301                                         <div class="table_left">
302                                                 <h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
303                                         </div>
304
305                                         <div class="table_right">
306                                                 <ui:include src="/WEB-INF/templates/generic/profile_mode_selection_box.tpl" />
307                                         </div>
308
309                                         <div class="clear"></div>
310                                 </div>
311
312                                 <div class="table_row">
313                                         <div class="para notice">
314                                                 <ul>
315                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
316                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
317                                                         <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
318                                                 </ul>
319                                         </div>
320                                 </div>
321                         </fieldset>
322                 </div>
323         </ui:fragment>
324 </ui:composition>