web/customer/register.xhtml

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