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:core="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
  11         <h:panelGroup styleClass="para notice" layout="block">
  12                 <h:outputText value="#{msg.PERSONAL_DATA_MINIMUM_NOTICE}" />
  13         </h:panelGroup>
  14
  15         <h:panelGroup styleClass="para" layout="block">
  16                 <fieldset class="fieldset">
  17                         <legend title="#{msg.PERSONAL_DATA_LEGEND_TITLE}">
  18                                 <h:outputText value="#{msg.PERSONAL_DATA_LEGEND}" />
  19                         </legend>
  20
  21                         <core:outputPersonalTitleSelectionBox targetController="#{contactController}" />
  22
  23                         <h:panelGroup styleClass="table-row" layout="block">
  24                                 <div class="table-left-medium">
  25                                         <p:outputLabel for="firstName" value="#{msg.PERSONAL_DATA_FIRST_NAME}" />
  26                                 </div>
  27
  28                                 <div class="table-right-medium">
  29                                         <p:inputText id="firstName" size="10" maxlength="255" value="#{contactController.firstName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FIRST_NAME_REQUIRED}">
  30                                                 <f:validator validatorId="NameValidator" />
  31                                         </p:inputText>
  32                                 </div>
  33                         </h:panelGroup>
  34
  35                         <h:panelGroup styleClass="error-container" layout="block">
  36                                 <p:message for="firstName" />
  37                         </h:panelGroup>
  38
  39                         <h:panelGroup styleClass="table-row" layout="block">
  40                                 <div class="table-left-medium">
  41                                         <p:outputLabel for="familyName" value="#{msg.PERSONAL_DATA_FAMILY_NAME}" />
  42                                 </div>
  43
  44                                 <div class="table-right-medium">
  45                                         <p:inputText id="familyName" size="10" maxlength="255" value="#{contactController.familyName}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_FAMILY_NAME_REQUIRED}">
  46                                                 <f:validator for="familyName" validatorId="NameValidator" />
  47                                         </p:inputText>
  48                                 </div>
  49                         </h:panelGroup>
  50
  51                         <h:panelGroup styleClass="error-container" layout="block">
  52                                 <p:message for="familyName" />
  53                         </h:panelGroup>
  54
  55                         <h:panelGroup styleClass="table-row" layout="block">
  56                                 <div class="table-left-medium">
  57                                         <p:outputLabel for="street" value="#{msg.DATA_STREET_NAME}" />
  58                                 </div>
  59
  60                                 <div class="table-right-medium">
  61                                         <p:inputText id="street" size="20" maxlength="255" value="#{contactController.street}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_STREET_REQUIRED}">
  62                                                 <f:validator validatorId="NameValidator" />
  63                                         </p:inputText>
  64                                 </div>
  65                         </h:panelGroup>
  66
  67                         <h:panelGroup styleClass="error-container" layout="block">
  68                                 <p:message for="street" />
  69                         </h:panelGroup>
  70
  71                         <h:panelGroup styleClass="table-row" layout="block">
  72                                 <div class="table-left-medium">
  73                                         <p:outputLabel for="houseNumber" value="#{msg.DATA_HOUSE_NUMBER}" />
  74                                 </div>
  75
  76                                 <div class="table-right-medium">
  77                                         <p:inputText 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}">
  78                                                 <f:validateLongRange minimum="1" maximum="500" />
  79                                         </p:inputText>
  80                                 </div>
  81                         </h:panelGroup>
  82
  83                         <h:panelGroup styleClass="error-container" layout="block">
  84                                 <p:message for="houseNumber" />
  85                         </h:panelGroup>
  86
  87                         <h:panelGroup styleClass="table-row" layout="block">
  88                                 <div class="table-left-medium">
  89                                         <p:outputLabel for="houseNumberExtension" value="#{msg.DATA_HOUSE_NUMBER_EXTENSION}" />
  90                                 </div>
  91
  92                                 <div class="table-right-medium">
  93                                         <p:inputText id="houseNumberExtension" size="2" maxlength="2" value="#{contactController.houseNumberExtension}" />
  94                                 </div>
  95                         </h:panelGroup>
  96
  97                         <h:panelGroup styleClass="error-container" layout="block">
  98                                 <p:message for="houseNumberExtension" />
  99                         </h:panelGroup>
 100
 101                         <h:panelGroup styleClass="table-row" layout="block">
 102                                 <div class="table-left-medium">
 103                                         <p:outputLabel for="zipCode" value="#{msg.DATA_ZIP_CODE}" />
 104                                 </div>
 105
 106                                 <div class="table-right-medium">
 107                                         <p:inputText 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}">
 108                                                 <f:validateLongRange minimum="1" maximum="99999" />
 109                                         </p:inputText>
 110                                 </div>
 111                         </h:panelGroup>
 112
 113                         <h:panelGroup styleClass="error-container" layout="block">
 114                                 <p:message for="zipCode" />
 115                         </h:panelGroup>
 116
 117                         <h:panelGroup styleClass="table-row" layout="block">
 118                                 <div class="table-left-medium">
 119                                         <p:outputLabel for="city" value="#{msg.DATA_CITY}" />
 120                                 </div>
 121
 122                                 <div class="table-right-medium">
 123                                         <p:inputText id="city" size="10" maxlength="255" value="#{contactController.city}" required="true" requiredMessage="#{msg.GUEST_CONTACT_DATA_CITY_REQUIRED}">
 124                                                 <f:validator validatorId="NameValidator" />
 125                                         </p:inputText>
 126                                 </div>
 127                         </h:panelGroup>
 128
 129                         <h:panelGroup styleClass="error-container" layout="block">
 130                                 <p:message for="city" />
 131                         </h:panelGroup>
 132
 133                         <h:panelGroup styleClass="table-row" layout="block">
 134                                 <div class="table-left-medium">
 135                                         <p:outputLabel for="birthday" value="#{msg.PERSONAL_DATA_BIRTHDAY}" />
 136                                 </div>
 137
 138                                 <div class="table-right-medium">
 139                                         <p:calendar
 140                                                 id="birthday"
 141                                                 value="#{contactController.birthday}"
 142                                                 pattern="#{msg.DATE_PATTERN}"
 143                                                 navigator="true"
 144                                                 required="true"
 145                                                 requiredMessage="#{msg.GUEST_CONTACT_DATA_BIRTHDAY_REQUIRED}"
 146                                                 />
 147                                 </div>
 148                         </h:panelGroup>
 149
 150                         <h:panelGroup styleClass="error-container" layout="block">
 151                                 <p:message for="birthday" />
 152                         </h:panelGroup>
 153
 154                         <h:panelGroup styleClass="table-row" layout="block">
 155                                 <div class="table-left-medium">
 156                                         <p:outputLabel for="country" value="#{msg.DATA_COUNTRY_CODE}" />
 157                                 </div>
 158
 159                                 <div class="table-right-medium">
 160                                         <core:outputCountrySelector id="country" value="#{contactController.country}" />
 161                                 </div>
 162                         </h:panelGroup>
 163
 164                         <h:panelGroup styleClass="error-container" layout="block">
 165                                 <p:message for="country" />
 166                         </h:panelGroup>
 167
 168                         <h:panelGroup styleClass="table-row" layout="block">
 169                                 <div class="table-left-medium">
 170                                         <p:outputLabel for="landLineNumber" value="#{msg.PERSONAL_DATA_PHONE_NUMBER}" />
 171                                 </div>
 172
 173                                 <div class="table-right-medium">
 174                                         <core:outputCountrySelector styleClass="select" id="landLineCountry" value="#{contactController.landLineCountry}" />
 175
 176                                         <p:inputText id="landLineAreaCode" size="5" maxlength="10" value="#{contactController.landLineAreaCode}">
 177                                                 <f:validator validatorId="PhoneNumberValidator" />
 178                                         </p:inputText>
 179
 180                                         <p:inputText id="landLineNumber" size="10" maxlength="20" value="#{contactController.landLineNumber}">
 181                                                 <f:validator validatorId="PhoneNumberValidator" />
 182                                         </p:inputText>
 183                                 </div>
 184                         </h:panelGroup>
 185
 186                         <h:panelGroup styleClass="error-container" layout="block">
 187                                 <p:message for="landLineAreaCode" />
 188                         </h:panelGroup>
 189
 190                         <h:panelGroup styleClass="error-container" layout="block">
 191                                 <p:message for="landLineNumber" />
 192                         </h:panelGroup>
 193
 194                         <h:panelGroup styleClass="table-row" layout="block">
 195                                 <div class="table-left-medium">
 196                                         <p:outputLabel for="faxNumber" value="#{msg.PERSONAL_DATA_FAX_NUMBER}" />
 197                                 </div>
 198
 199                                 <div class="table-right-medium">
 200                                         <core:outputCountrySelector styleClass="select" id="faxCountry" value="#{contactController.faxCountry}" />
 201
 202                                         <p:inputText id="faxAreaCode" size="5" maxlength="10" value="#{contactController.faxAreaCode}">
 203                                                 <f:validator for="faxAreaCode" validatorId="PhoneNumberValidator" />
 204                                         </p:inputText>
 205
 206                                         <p:inputText id="faxNumber" size="10" maxlength="20" value="#{contactController.faxNumber}">
 207                                                 <f:validator for="faxNumber" validatorId="PhoneNumberValidator" />
 208                                         </p:inputText>
 209                                 </div>
 210                         </h:panelGroup>
 211
 212                         <h:panelGroup styleClass="error-container" layout="block">
 213                                 <p:message for="faxAreaCode" />
 214                         </h:panelGroup>
 215
 216                         <h:panelGroup styleClass="error-container" layout="block">
 217                                 <p:message for="faxNumber" />
 218                         </h:panelGroup>
 219
 220                         <p:outputLabel for="mobileNumber" value="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
 221                         <core:inputMobileNumberPanelGrid targetController="#{contactController}" />
 222                 </fieldset>
 223         </h:panelGroup>
 224
 225         <h:panelGroup styleClass="para" layout="block" rendered="#{featureController.isFeatureEnabled('public_user_profile')}">
 226                 <fieldset class="fieldset">
 227                         <legend title="#{msg.USER_PROFILE_LEGEND_TITLE}">
 228                                 <h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
 229                         </legend>
 230
 231                         <h:panelGroup styleClass="table-row" layout="block">
 232                                 <p:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
 233
 234                                 <p:selectOneMenu
 235                                         id="profileMode"
 236                                         value="#{targetController.userProfileMode}"
 237                                         filter="true"
 238                                         filterMatchMode="contains"
 239                                         >
 240
 241                                         <f:selectItem itemValue="#{null}" itemLabel="#{msg.PLEASE_SELECT}" noSelectionOption="true" itemDisabled="true" />
 242
 243                                         <f:selectItems
 244                                                 value="#{dataController.profileModes}"
 245                                                 var="profileMode"
 246                                                 itemValue="#{profileMode}"
 247                                                 itemLabel="#{msg[profileMode.messageKey]}"
 248                                                 />
 249                                 </p:selectOneMenu>
 250                         </h:panelGroup>
 251
 252                         <h:panelGroup styleClass="table-row" layout="block">
 253                                 <div class="para notice">
 254                                         <ul>
 255                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_INVISIBLE}" /></li>
 256                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_MEMBERS}" /></li>
 257                                                 <li><h:outputText value="#{msg.SELECTION_NOTICE_USER_PROFILE_MODE_PUBLIC}" /></li>
 258                                         </ul>
 259                                 </div>
 260                         </h:panelGroup>
 261                 </fieldset>
 262         </h:panelGroup>
 263 </ui:composition>