]> git.mxchange.org Git - addressbook-war.git/blob - web/WEB-INF/templates/contact/form_contact_data.tpl
Continued a bit:
[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}">#{msg.PERSONAL_DATA_LEGEND}</legend>
16
17                         <div class="table_row">
18                                 <div class="table_left">
19                                         <h:outputLabel for="gender" value="#{msg.PERSONAL_DATA_GENDER}" />
20                                 </div>
21
22                                 <div class="table_right">
23                                         <ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl">
24                                                 <ui:param  name="targetController" value="#{contactController}" />
25                                         </ui:include>
26                                 </div>
27
28                                 <div class="clear"></div>
29                         </div>
30
31                         <div class="table_row">
32                                 <div class="table_left">
33                                         <h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
34                                 </div>
35
36                                 <div class="table_right">
37                                         <h:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true">
38                                                 <f:validator for="firstName" validatorId="NameValidator" />
39                                         </h:inputText>
40                                 </div>
41
42                                 <div class="clear"></div>
43                         </div>
44
45                         <div class="table_row">
46                                 <div class="table_left">
47                                         <h:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
48                                 </div>
49
50                                 <div class="table_right">
51                                         <h:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true">
52                                                 <f:validator for="familyName" validatorId="NameValidator" />
53                                         </h:inputText>
54                                 </div>
55
56                                 <div class="clear"></div>
57                         </div>
58
59                         <div class="table_row">
60                                 <div class="table_left">
61                                         <h:outputLabel for="street" value="#{msg.PERSONAL_DATA_STREET}" />
62                                 </div>
63
64                                 <div class="table_right">
65                                         <h:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true">
66                                                 <f:validator for="street" validatorId="NameValidator" />
67                                         </h:inputText>
68                                 </div>
69
70                                 <div class="clear"></div>
71                         </div>
72
73                         <div class="table_row">
74                                 <div class="table_left">
75                                         <h:outputLabel for="houseNumber" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER}" />
76                                 </div>
77
78                                 <div class="table_right">
79                                         <h:inputText styleClass="input" id="houseNumber" size="3" maxlength="5" value="#{contactController.houseNumber}" required="true" validatorMessage="#{msg.ENTERED_HOUSE_NUMBER_INVALID}">
80                                                 <f:validateLongRange for="houseNumber" minimum="1" maximum="500" />
81                                         </h:inputText>
82                                 </div>
83
84                                 <div class="clear"></div>
85                         </div>
86
87                         <div class="table_row">
88                                 <div class="table_left">
89                                         <h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
90                                 </div>
91
92                                 <div class="table_right">
93                                         <h:inputText styleClass="input" id="zipCode" size="5" maxlength="6" value="#{contactController.zipCode}" required="true" validatorMessage="#{msg.ENTERED_ZIP_CODE_INVALID}">
94                                                 <f:validateLongRange for="zipCode" minimum="1" maximum="99999" />
95                                         </h:inputText>
96                                 </div>
97
98                                 <div class="clear"></div>
99                         </div>
100
101                         <div class="table_row">
102                                 <div class="table_left">
103                                         <h:outputLabel for="city" value="#{msg.PERSONAL_DATA_CITY}" />
104                                 </div>
105
106                                 <div class="table_right">
107                                         <h:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true">
108                                                 <f:validator for="city" validatorId="NameValidator" />
109                                         </h:inputText>
110                                 </div>
111
112                                 <div class="clear"></div>
113                         </div>
114
115                         <div class="table_row">
116                                 <div class="table_left">
117                                         <h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
118                                 </div>
119
120                                 <div class="table_right">
121                                         <h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" validator="BirthdayValidator">
122                                                 <f:convertDateTime for="birthday" pattern="#{msg.BIRTHDAY_PATTERN}" />
123                                         </h:inputText>
124                                 </div>
125
126                                 <div class="clear"></div>
127                         </div>
128
129                         <h:message for="birthday" errorClass="errors" fatalClass="errors" warnClass="errors" showDetail="false" />
130
131                         <div class="table_row">
132                                 <div class="table_left">
133                                         <h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
134                                 </div>
135
136                                 <div class="table_right">
137                                         <h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}" converter="CountryConverter">
138                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
139                                                 <f:selectItems value="#{countryController.allCountries()}" var="c" itemValue="#{c}" itemLabel="#{c.countryCode} (#{msg[c.countryI18nkey]})" />
140                                         </h:selectOneMenu>
141                                 </div>
142
143                                 <div class="clear"></div>
144                         </div>
145
146                         <div class="table_row">
147                                 <div class="table_left">
148                                         <h:outputLabel value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
149                                 </div>
150
151                                 <div class="table_right">
152                                         <h:selectOneMenu styleClass="select" id="countryPhoneCode" value="#{contactController.phoneCountry}" converter="CountryConverter">
153                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
154                                                 <f:selectItems value="#{countryController.allCountries()}" var="c" itemValue="#{c}" itemLabel="#{c.countryAbroadDialPrefix}#{c.countryPhoneCode}" />
155                                         </h:selectOneMenu>
156
157                                         <h:inputText styleClass="input" id="phoneAreaCode" size="5" maxlength="10" value="#{contactController.phoneAreaCode}">
158                                                 <f:validator for="phoneAreaCode" validatorId="PhoneNumberValidator" />
159                                         </h:inputText>
160
161                                         <h:inputText styleClass="input" id="phoneNumber" size="10" maxlength="20" value="#{contactController.phoneNumber}">
162                                                 <f:validator for="phoneNumber" validatorId="PhoneNumberValidator" />
163                                         </h:inputText>
164                                 </div>
165
166                                 <div class="clear"></div>
167                         </div>
168
169                         <div class="table_row">
170                                 <div class="table_left">
171                                         <h:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
172                                 </div>
173
174                                 <div class="table_right">
175                                         <h:selectOneMenu styleClass="select" id="faxCountryCode" value="#{contactController.faxCountry}" converter="CountryConverter">
176                                                 <f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
177                                                 <f:selectItems value="#{countryController.allCountries()}" var="c" itemValue="#{c}" itemLabel="#{c.countryAbroadDialPrefix}#{c.countryPhoneCode}" />
178                                         </h:selectOneMenu>
179
180                                         <h:inputText styleClass="input" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
181                                                 <f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
182                                         </h:inputText>
183
184                                         <h:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
185                                                 <f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
186                                         </h:inputText>
187                                 </div>
188
189                                 <div class="clear"></div>
190                         </div>
191
192                         <div class="table_row">
193                                 <div class="table_left">
194                                         <h:outputLabel for="cellphoneNumber" value="#{msg.PERSONAL_DATA_CELLPHONE_NUMBER}" />
195                                 </div>
196
197                                 <div class="table_right">
198                                         <ui:include src="/WEB-INF/templates/generic/mobile_selection_box.tpl">
199                                                 <ui:param name="targetController" value="#{contactController}" />
200                                         </ui:include>
201                                 </div>
202
203                                 <div class="clear"></div>
204                         </div>
205                 </fieldset>
206         </div>
207
208         <ui:fragment rendered="#{userController.isPublicUserProfileEnabled()}">
209                 <div class="para">
210                         <fieldset id="user_profile">
211                                 <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">#{msg.USER_PROFILE_LEGEND}</legend>
212
213                                 <div class="table_row">
214                                         <div class="table_left">
215                                                 <h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
216                                         </div>
217
218                                         <div class="table_right">
219                                                 <ui:include src="/WEB-INF/templates/generic/profile_mode_selection_box.tpl" />
220                                         </div>
221
222                                         <div class="clear"></div>
223                                 </div>
224
225                                 <div class="table_row">
226                                         <div class="para notice">
227                                                 <ul>
228                                                         <li>#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}</li>
229                                                         <li>#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}</li>
230                                                         <li>#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}</li>
231                                                 </ul>
232                                         </div>
233                                 </div>
234                         </fieldset>
235                 </div>
236         </ui:fragment>
237 </ui:composition>