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:widgets="http://mxchange.org/jsf/core/widgets"
   5         xmlns:f="http://java.sun.com/jsf/core"
   6         xmlns:h="http://java.sun.com/jsf/html"
   7         xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   8         xmlns:p="http://primefaces.org/ui">
   9
  10         <h:panelGroup styleClass="para notice" layout="block">
  11                 <h:outputText value="#{msg.PERSONAL_DATA_MINIMUM_NOTICE}" />
  12         </h:panelGroup>
  13
  14         <h:panelGroup styleClass="para" layout="block">
  15                 <fieldset class="fieldset" id="personal_data">
  16                         <legend title="#{msg.PERSONAL_DATA_LEGEND_TITLE}">
  17                                 <h:outputText value="#{msg.PERSONAL_DATA_LEGEND}" />
  18                         </legend>
  19
  20                         <widgets:outputPersonalTitleTableRow targetController="#{contactController}" />
  21
  22                         <h:panelGroup styleClass="table-row" layout="block">
  23                                 <div class="table-left-medium">
  24                                         <h:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
  25                                 </div>
  26
  27                                 <div class="table-right-medium">
  28                                         <h:inputText styleClass="input" id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
  29                                                 <f:validator validatorId="NameValidator" />
  30                                         </h:inputText>
  31                                 </div>
  32                         </h:panelGroup>
  33
  34                         <h:panelGroup styleClass="error_container" layout="block">
  35                                 <h:message for="firstName" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
  36                         </h:panelGroup>
  37
  38                         <h:panelGroup styleClass="table-row" layout="block">
  39                                 <div class="table-left-medium">
  40                                         <h:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
  41                                 </div>
  42
  43                                 <div class="table-right-medium">
  44                                         <h:inputText styleClass="input" id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
  45                                                 <f:validator for="familyName" validatorId="NameValidator" />
  46                                         </h:inputText>
  47                                 </div>
  48                         </h:panelGroup>
  49
  50                         <h:panelGroup styleClass="error_container" layout="block">
  51                                 <h:message for="familyName" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
  52                         </h:panelGroup>
  53
  54                         <h:panelGroup styleClass="table-row" layout="block">
  55                                 <div class="table-left-medium">
  56                                         <h:outputLabel for="street" value="#{msg.PERSONAL_DATA_STREET}" />
  57                                 </div>
  58
  59                                 <div class="table-right-medium">
  60                                         <h:inputText styleClass="input" id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
  61                                                 <f:validator validatorId="NameValidator" />
  62                                         </h:inputText>
  63                                 </div>
  64                         </h:panelGroup>
  65
  66                         <h:panelGroup styleClass="error_container" layout="block">
  67                                 <h:message for="street" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
  68                         </h:panelGroup>
  69
  70                         <h:panelGroup styleClass="table-row" layout="block">
  71                                 <div class="table-left-medium">
  72                                         <h:outputLabel for="houseNumber" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER}" />
  73                                 </div>
  74
  75                                 <div class="table-right-medium">
  76                                         <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}">
  77                                                 <f:validateLongRange for="houseNumber" minimum="1" maximum="500" />
  78                                         </h:inputText>
  79                                 </div>
  80                         </h:panelGroup>
  81
  82                         <h:panelGroup styleClass="error_container" layout="block">
  83                                 <h:message for="houseNumber" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
  84                         </h:panelGroup>
  85
  86                         <h:panelGroup styleClass="table-row" layout="block">
  87                                 <div class="table-left-medium">
  88                                         <h:outputLabel for="houseNumberExtension" value="#{msg.PERSONAL_DATA_HOUSE_NUMBER_EXTENSION}" />
  89                                 </div>
  90
  91                                 <div class="table-right-medium">
  92                                         <h:inputText styleClass="input" id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
  93                                 </div>
  94                         </h:panelGroup>
  95
  96                         <h:panelGroup styleClass="error_container" layout="block">
  97                                 <h:message for="houseNumberExtension" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
  98                         </h:panelGroup>
  99
 100                         <h:panelGroup styleClass="table-row" layout="block">
 101                                 <div class="table-left-medium">
 102                                         <h:outputLabel for="zipCode" value="#{msg.PERSONAL_DATA_ZIP_CODE}" />
 103                                 </div>
 104
 105                                 <div class="table-right-medium">
 106                                         <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}">
 107                                                 <f:validateLongRange minimum="1" maximum="99999" />
 108                                         </h:inputText>
 109                                 </div>
 110                         </h:panelGroup>
 111
 112                         <h:panelGroup styleClass="error_container" layout="block">
 113                                 <h:message for="zipCode" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 114                         </h:panelGroup>
 115
 116                         <h:panelGroup styleClass="table-row" layout="block">
 117                                 <div class="table-left-medium">
 118                                         <h:outputLabel for="city" value="#{msg.PERSONAL_DATA_CITY}" />
 119                                 </div>
 120
 121                                 <div class="table-right-medium">
 122                                         <h:inputText styleClass="input" id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
 123                                                 <f:validator validatorId="NameValidator" />
 124                                         </h:inputText>
 125                                 </div>
 126                         </h:panelGroup>
 127
 128                                 <h:panelGroup styleClass="error_container" layout="block">
 129                                         <h:message for="city" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 130                                 </h:panelGroup>
 131
 132                         <h:panelGroup styleClass="table-row" layout="block">
 133                                 <div class="table-left-medium">
 134                                         <h:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
 135                                 </div>
 136
 137                                 <div class="table-right-medium">
 138                                         <h:inputText styleClass="input" id="birthday" value="#{contactController.birthday}" required="true" size="10" requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}" converterMessage="#{msg.INVALID_BIRTHDAY}">
 139                                                 <f:convertDateTime pattern="#{msg.BIRTHDAY_PATTERN}" />
 140                                         </h:inputText>
 141                                 </div>
 142                         </h:panelGroup>
 143
 144                                 <h:panelGroup styleClass="error_container" layout="block">
 145                                         <h:message for="birthday" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 146                                 </h:panelGroup>
 147
 148                         <h:panelGroup styleClass="table-row" layout="block">
 149                                 <div class="table-left-medium">
 150                                         <h:outputLabel for="country" value="#{msg.PERSONAL_DATA_COUNTRY_CODE}" />
 151                                 </div>
 152
 153                                 <div class="table-right-medium">
 154                                         <h:selectOneMenu styleClass="select" id="country" value="#{contactController.country}">
 155                                                 <f:converter converterId="CountryConverter" />
 156                                                 <f:selectItem itemValue="#{null}" itemLabel="#{msg.NONE_SELECTED}" />
 157                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryCode} (#{msg[country.countryI18nKey]})" />
 158                                         </h:selectOneMenu>
 159                                 </div>
 160                         </h:panelGroup>
 161
 162                                 <h:panelGroup styleClass="error_container" layout="block">
 163                                         <h:message for="country" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 164                                 </h:panelGroup>
 165
 166                         <h:panelGroup styleClass="table-row" layout="block">
 167                                 <div class="table-left-medium">
 168                                         <h:outputLabel for="landLineNumber" value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
 169                                 </div>
 170
 171                                 <div class="table-right-medium">
 172                                         <h:selectOneMenu styleClass="select divider-right" id="landLineCountry" value="#{contactController.landLineCountry}">
 173                                                 <f:converter converterId="CountryConverter" />
 174                                                 <f:selectItem itemValue="#{null}" itemLabel="#{msg.NONE_SELECTED}" />
 175                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
 176                                         </h:selectOneMenu>
 177
 178                                         <h:inputText styleClass="input divider-right" id="landLineAreaCode" size="5" maxlength="10" value="#{contactController.landLineAreaCode}">
 179                                                 <f:validator validatorId="PhoneNumberValidator" />
 180                                         </h:inputText>
 181
 182                                         <h:inputText styleClass="input" id="landLineNumber" size="10" maxlength="20" value="#{contactController.landLineNumber}">
 183                                                 <f:validator validatorId="PhoneNumberValidator" />
 184                                         </h:inputText>
 185                                 </div>
 186                         </h:panelGroup>
 187
 188                         <h:panelGroup styleClass="error_container" layout="block">
 189                                 <h:message for="landLineAreaCode" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 190                         </h:panelGroup>
 191
 192                         <h:panelGroup styleClass="error_container" layout="block">
 193                                 <h:message for="landLineNumber" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 194                         </h:panelGroup>
 195
 196                         <h:panelGroup styleClass="table-row" layout="block">
 197                                 <div class="table-left-medium">
 198                                         <h:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
 199                                 </div>
 200
 201                                 <div class="table-right-medium">
 202                                         <h:selectOneMenu styleClass="select divider-right" id="faxCountry" value="#{contactController.faxCountry}">
 203                                                 <f:converter converterId="CountryConverter" />
 204                                                 <f:selectItem itemValue="#{null}" itemLabel="#{msg.NONE_SELECTED}" />
 205                                                 <f:selectItems value="#{countryController.allCountries()}" var="country" itemValue="#{country}" itemLabel="#{country.countryAbroadDialPrefix}#{country.countryPhoneCode}" />
 206                                         </h:selectOneMenu>
 207
 208                                         <h:inputText styleClass="input divider-right" id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
 209                                                 <f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
 210                                         </h:inputText>
 211
 212                                         <h:inputText styleClass="input" id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
 213                                                 <f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
 214                                         </h:inputText>
 215                                 </div>
 216                         </h:panelGroup>
 217
 218                         <h:panelGroup styleClass="error_container" layout="block">
 219                                 <h:message for="faxAreaCode" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 220                         </h:panelGroup>
 221
 222                         <h:panelGroup styleClass="error_container" layout="block">
 223                                 <h:message for="faxNumber" errorClass="alert-danger" fatalClass="alert-danger" warnClass="alert-warning" />
 224                         </h:panelGroup>
 225
 226                         <widgets:outputMobileNumberTableRow targetController="#{contactController}" labelMessage="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
 227                 </fieldset>
 228         </h:panelGroup>
 229
 230         <h:panelGroup styleClass="para" layout="block" rendered="#{userController.isPublicUserProfileEnabled()}">
 231                 <fieldset class="fieldset" id="profile_mode">
 232                         <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
 233                                 <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
 234                         </legend>
 235
 236                         <widgets:outputProfileModeTableRow targetController="#{userController}" labelMessage="#{msg.USER_PROFILE_MODE}" />
 237
 238                         <h:panelGroup styleClass="table-row" layout="block">
 239                                 <div class="para notice">
 240                                         <ul>
 241                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
 242                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
 243                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
 244                                         </ul>
 245                                 </div>
 246                         </h:panelGroup>
 247                 </fieldset>
 248         </h:panelGroup>
 249 </ui:composition>