web/customer/register.xhtml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4           xmlns:ui="http://java.sun.com/jsf/facelets"
   5           xmlns:h="http://xmlns.jcp.org/jsf/html"
   6           xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
   7           xmlns:f="http://xmlns.jcp.org/jsf/core"
   8           >
   9
  10         <ui:composition template="/WEB-INF/templates/guest/guest_base.tpl">
  11                 <ui:define name="title">Neukunde</ui:define>
  12
  13                 <ui:define name="menu">
  14                         <ui:include id="menu" class="guest_menu" src="/WEB-INF/templates/guest/guest_menu.tpl" />
  15                 </ui:define>
  16
  17                 <ui:define name="content_header">
  18                         Anmelden zum Pizza-Service:
  19                 </ui:define>
  20
  21                 <ui:define name="content">
  22                         <div class="para">
  23                                 Sie sind bereits Kunde? Dann <h:link outcome="customer_login" value="hier" /> einloggen.
  24                         </div>
  25
  26                         <h:form acceptcharset="utf-8" id="register_form">
  27                                 <div class="table">
  28                                         <div class="table_header">
  29                                                 Anmelden als Neukunde
  30                                         </div>
  31
  32                                         <div class="para notice">
  33                                                 Bitte geben Sie mindestens Name, Anschrift und Telefonnummer ein:
  34                                         </div>
  35
  36                                         <div class="para">
  37                                                 <fieldset id="personal_data">
  38                                                         <legend title="Bitte geben Sie Ihre Daten ein.">Bitte Ihre Daten eingeben:</legend>
  39
  40                                                         <div class="table_row">
  41                                                                 <div class="table_left">
  42                                                                         <h:outputLabel for="gender" value="Anrede:" />
  43                                                                 </div>
  44
  45                                                                 <div class="table_right">
  46                                                                         <ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl" />
  47                                                                 </div>
  48
  49                                                                 <div class="clear"></div>
  50                                                         </div>
  51
  52                                                         <div class="table_row">
  53                                                                 <div class="table_left">
  54                                                                         <h:outputLabel for="companyname" value="Firmenname:" />
  55                                                                 </div>
  56
  57                                                                 <div class="table_right">
  58                                                                         <h:inputText class="input" id="companyname" size="15" maxlength="255" value="#{customer.companyName}" />
  59                                                                 </div>
  60
  61                                                                 <div class="clear"></div>
  62                                                         </div>
  63
  64                                                         <div class="table_row">
  65                                                                 <div class="table_left">
  66                                                                         <h:outputLabel for="firstName" value="Vorname:" />
  67                                                                 </div>
  68
  69                                                                 <div class="table_right">
  70                                                                         <h:inputText class="input" id="firstName" size="10" maxlength="255" value="#{customer.firstName}" required="true">
  71                                                                                 <f:validator validatorId="NameValidator" />
  72                                                                         </h:inputText>
  73                                                                 </div>
  74
  75                                                                 <div class="clear"></div>
  76                                                         </div>
  77
  78                                                         <div class="table_row">
  79                                                                 <div class="table_left">
  80                                                                         <h:outputLabel for="familyName" value="Nachname:" />
  81                                                                 </div>
  82
  83                                                                 <div class="table_right">
  84                                                                         <h:inputText class="input" id="familyName" size="10" maxlength="255" value="#{customer.familyName}" required="true">
  85                                                                                 <f:validator validatorId="NameValidator" />
  86                                                                         </h:inputText>
  87                                                                 </div>
  88
  89                                                                 <div class="clear"></div>
  90                                                         </div>
  91
  92                                                         <div class="table_row">
  93                                                                 <div class="table_left">
  94                                                                         <h:outputLabel for="street" value="Straße:" />
  95                                                                 </div>
  96
  97                                                                 <div class="table_right">
  98                                                                         <h:inputText class="input" id="street" size="20" maxlength="255" value="#{customer.street}" required="true">
  99                                                                                 <f:validator validatorId="NameValidator" />
 100                                                                         </h:inputText>
 101                                                                 </div>
 102
 103                                                                 <div class="clear"></div>
 104                                                         </div>
 105
 106                                                         <div class="table_row">
 107                                                                 <div class="table_left">
 108                                                                         <h:outputLabel for="houseNumber" value="Hausnummer:" />
 109                                                                 </div>
 110
 111                                                                 <div class="table_right">
 112                                                                         <h:inputText class="input" id="houseNumber" size="3" maxlength="5" value="#{customer.houseNumber}" required="true">
 113                                                                                 <f:validateLongRange minimum="1" maximum="500" />
 114                                                                         </h:inputText>
 115                                                                 </div>
 116
 117                                                                 <div class="clear"></div>
 118                                                         </div>
 119
 120                                                         <div class="table_row">
 121                                                                 <div class="table_left">
 122                                                                         <h:outputLabel for="zipCode" value="Postleitzahl:" />
 123                                                                 </div>
 124
 125                                                                 <div class="table_right">
 126                                                                         <h:inputText class="input" id="zipCode" size="5" maxlength="6" value="#{customer.zipCode}" required="true" />
 127                                                                 </div>
 128
 129                                                                 <div class="clear"></div>
 130                                                         </div>
 131
 132                                                         <div class="table_row">
 133                                                                 <div class="table_left">
 134                                                                         <h:outputLabel for="city" value="Ort:" />
 135                                                                 </div>
 136
 137                                                                 <div class="table_right">
 138                                                                         <h:inputText class="input" id="city" size="10" maxlength="255" value="#{customer.city}" required="true">
 139                                                                                 <f:validator validatorId="NameValidator" />
 140                                                                         </h:inputText>
 141                                                                 </div>
 142
 143                                                                 <div class="clear"></div>
 144                                                         </div>
 145
 146                                                         <div class="table_row">
 147                                                                 <div class="table_left">
 148                                                                         <h:outputLabel for="phoneNumber" value="Telefon:" />
 149                                                                 </div>
 150
 151                                                                 <div class="table_right">
 152                                                                         <h:inputText class="input" id="phoneNumber" size="20" maxlength="255" value="#{customer.phoneNumber}" />
 153                                                                 </div>
 154
 155                                                                 <div class="clear"></div>
 156                                                         </div>
 157
 158                                                         <div class="table_row">
 159                                                                 <div class="table_left">
 160                                                                         <h:outputLabel for="faxNumber" value="Faxnummer:" />
 161                                                                 </div>
 162
 163                                                                 <div class="table_right">
 164                                                                         <h:inputText class="input" id="faxNumber" size="20" maxlength="255" value="#{customer.faxNumber}" />
 165                                                                 </div>
 166
 167                                                                 <div class="clear"></div>
 168                                                         </div>
 169
 170                                                         <div class="table_row">
 171                                                                 <div class="table_left">
 172                                                                         <h:outputLabel for="cellphoneNumber" value="Handy:" />
 173                                                                 </div>
 174
 175                                                                 <div class="table_right">
 176                                                                         <h:inputText class="input" id="cellphoneNumber" size="20" maxlength="255" value="#{customer.cellphoneNumber}" />
 177                                                                 </div>
 178
 179                                                                 <div class="clear"></div>
 180                                                         </div>
 181                                                 </fieldset>
 182                                         </div>
 183
 184                                         <div class="para">
 185                                                 <fieldset id="login_data">
 186                                                         <legend title="Zum Bestätigen wird Ihre Email-Adresse benötigt, für den Login Kundennummer und Passwort.">Email-Adresse und Passwort:</legend>
 187
 188                                                         <div class="table_row">
 189                                                                 <div class="table_left">
 190                                                                         <h:outputLabel for="emailAddress1" value="eMail-Adresse eingeben:" />
 191                                                                 </div>
 192
 193                                                                 <div class="table_right">
 194                                                                         <h:inputText class="input" id="emailAddress1" size="20" maxlength="255" value="#{customer.emailAddress}" required="true" />
 195                                                                 </div>
 196
 197                                                                 <div class="clear"></div>
 198                                                         </div>
 199
 200                                                         <div class="table_row">
 201                                                                 <div class="table_left">
 202                                                                         <h:outputLabel for="emailAddress2" value="eMail-Adresse wiederholen:" />
 203                                                                 </div>
 204
 205                                                                 <div class="table_right">
 206                                                                         <h:inputText class="input" id="emailAddress2" size="20" maxlength="255" value="#{customer.emailAddress}" required="true" />
 207                                                                 </div>
 208
 209                                                                 <div class="clear"></div>
 210                                                         </div>
 211
 212                                                         <div class="para"></div>
 213
 214                                                         <div class="table_row">
 215                                                                 <div class="table_left">
 216                                                                         <h:outputLabel for="password1" value="Passwort eingeben:" />
 217                                                                 </div>
 218
 219                                                                 <div class="table_right">
 220                                                                         <h:inputSecret class="input" id="password1" size="10" maxlength="255" required="true" />
 221                                                                 </div>
 222
 223                                                                 <div class="clear"></div>
 224                                                         </div>
 225
 226                                                         <div class="table_row">
 227                                                                 <div class="table_left">
 228                                                                         <h:outputLabel for="password2" value="Passwort wiederholen:" />
 229                                                                 </div>
 230
 231                                                                 <div class="table_right">
 232                                                                         <h:inputSecret class="input" id="password2" size="10" maxlength="255" required="true" />
 233                                                                 </div>
 234
 235                                                                 <div class="clear"></div>
 236                                                         </div>
 237
 238                                                         <div class="para notice">
 239                                                                 Die Kundennummer wird Ihnen später vergeben.
 240                                                         </div>
 241                                                 </fieldset>
 242                                         </div>
 243
 244                                         <div class="para">
 245                                                 <fieldset id="terms_privacy">
 246                                                         <legend title="Bitte die AGBs und Datenschutzbestimmungen lesen und akzeptieren.">Rechtliches:</legend>
 247
 248                                                         <div class="table_row">
 249                                                                 <div class="table_left25">
 250                                                                         <h:selectBooleanCheckbox class="input" id="privacy" required="true" requiredMessage="Bitte den Datenschutzbestimmungen zustimmen.">
 251                                                                                 <f:validator validatorId="PrivacyTermsCheckboxValidator" />
 252                                                                         </h:selectBooleanCheckbox>
 253                                                                 </div>
 254
 255                                                                 <div class="table_right75">
 256                                                                         Ja, ich habe die <h:link outcome="privacy" target="_blank" value="Datenschutzbestimmungen" /> gelesen und
 257                                                                         auch verstanden.
 258                                                                 </div>
 259
 260                                                                 <div class="clear"></div>
 261                                                         </div>
 262
 263                                                         <div class="table_row">
 264                                                                 <div class="table_left25">
 265                                                                         <h:selectBooleanCheckbox class="input" id="terms" required="true" requiredMessage="Bitte den AGBs zustimmen.">
 266                                                                                 <f:validator validatorId="PrivacyTermsCheckboxValidator" />
 267                                                                         </h:selectBooleanCheckbox>
 268                                                                 </div>
 269
 270                                                                 <div class="table_right75">
 271                                                                         Ja, ich habe die <h:link outcome="terms" target="_blank" value="Allgemeinen Geschäftsbedingungen" /> gelesen und
 272                                                                         auch verstanden.
 273                                                                 </div>
 274
 275                                                                 <div class="clear"></div>
 276                                                         </div>
 277                                                 </fieldset>
 278                                         </div>
 279
 280                                         <div class="table_footer">
 281                                                 <h:commandButton class="reset" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
 282                                                 <h:commandButton class="submit" type="submit" id="register" value="Anmelden" action="#{controller.doRegister()}" />
 283                                         </div>
 284                                 </div>
 285                         </h:form>
 286                 </ui:define>
 287
 288                 <ui:define name="footer">
 289                         <ui:include id="footer" class="guest_footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
 290                 </ui:define>
 291         </ui:composition>
 292 </html>