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                                                                         <c:set var="enabled" scope="request" value="true" />
  47                                                                         <ui:include src="/WEB-INF/templates/generic/gender_selection_box.tpl" />
  48                                                                 </div>
  49
  50                                                                 <div class="clear"></div>
  51                                                         </div>
  52
  53                                                         <div class="table_row">
  54                                                                 <div class="table_left">
  55                                                                         <h:outputLabel for="companyname" value="Firmenname:" />
  56                                                                 </div>
  57
  58                                                                 <div class="table_right">
  59                                                                         <h:inputText class="input" id="companyname" size="15" maxlength="255" value="#{customer.companyName}" />
  60                                                                 </div>
  61
  62                                                                 <div class="clear"></div>
  63                                                         </div>
  64
  65                                                         <div class="table_row">
  66                                                                 <div class="table_left">
  67                                                                         <h:outputLabel for="firstName" value="Vorname:" />
  68                                                                 </div>
  69
  70                                                                 <div class="table_right">
  71                                                                         <h:inputText class="input" id="firstName" size="10" maxlength="255" value="#{customer.firstName}" required="true" />
  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                                                                 </div>
  85
  86                                                                 <div class="clear"></div>
  87                                                         </div>
  88
  89                                                         <div class="table_row">
  90                                                                 <div class="table_left">
  91                                                                         <h:outputLabel for="street" value="Straße:" />
  92                                                                 </div>
  93
  94                                                                 <div class="table_right">
  95                                                                         <h:inputText class="input" id="street" size="20" maxlength="255" value="#{customer.street}" required="true" />
  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="houseNumber" value="Hausnummer:" />
 104                                                                 </div>
 105
 106                                                                 <div class="table_right">
 107                                                                         <h:inputText class="input" id="houseNumber" size="3" maxlength="5" value="#{customer.houseNumber}" required="true" />
 108                                                                 </div>
 109
 110                                                                 <div class="clear"></div>
 111                                                         </div>
 112
 113                                                         <div class="table_row">
 114                                                                 <div class="table_left">
 115                                                                         <h:outputLabel for="zipCode" value="Postleitzahl:" />
 116                                                                 </div>
 117
 118                                                                 <div class="table_right">
 119                                                                         <h:inputText class="input" id="zipCode" size="5" maxlength="6" value="#{customer.zipCode}" required="true" />
 120                                                                 </div>
 121
 122                                                                 <div class="clear"></div>
 123                                                         </div>
 124
 125                                                         <div class="table_row">
 126                                                                 <div class="table_left">
 127                                                                         <h:outputLabel for="city" value="Ort:" />
 128                                                                 </div>
 129
 130                                                                 <div class="table_right">
 131                                                                         <h:inputText class="input" id="city" size="10" maxlength="255" value="#{customer.city}" required="true" />
 132                                                                 </div>
 133
 134                                                                 <div class="clear"></div>
 135                                                         </div>
 136
 137                                                         <div class="table_row">
 138                                                                 <div class="table_left">
 139                                                                         <h:outputLabel for="phoneNumber" value="Telefon:" />
 140                                                                 </div>
 141
 142                                                                 <div class="table_right">
 143                                                                         <h:inputText class="input" id="phoneNumber" size="20" maxlength="255" value="#{customer.phoneNumber}" />
 144                                                                 </div>
 145
 146                                                                 <div class="clear"></div>
 147                                                         </div>
 148
 149                                                         <div class="table_row">
 150                                                                 <div class="table_left">
 151                                                                         <h:outputLabel for="faxNumber" value="Faxnummer:" />
 152                                                                 </div>
 153
 154                                                                 <div class="table_right">
 155                                                                         <h:inputText class="input" id="faxNumber" size="20" maxlength="255" value="#{customer.faxNumber}" />
 156                                                                 </div>
 157
 158                                                                 <div class="clear"></div>
 159                                                         </div>
 160
 161                                                         <div class="table_row">
 162                                                                 <div class="table_left">
 163                                                                         <h:outputLabel for="cellphoneNumber" value="Handy:" />
 164                                                                 </div>
 165
 166                                                                 <div class="table_right">
 167                                                                         <h:inputText class="input" id="cellphoneNumber" size="20" maxlength="255" value="#{customer.cellphoneNumber}" />
 168                                                                 </div>
 169
 170                                                                 <div class="clear"></div>
 171                                                         </div>
 172                                                 </fieldset>
 173                                         </div>
 174
 175                                         <div class="para">
 176                                                 <fieldset id="login_data">
 177                                                         <legend title="Zum Bestätigen wird Ihre Email-Adresse benötigt, für den Login Kundennummer und Passwort.">Email-Adresse und Passwort:</legend>
 178
 179                                                         <div class="table_row">
 180                                                                 <div class="table_left">
 181                                                                         <h:outputLabel for="emailAddress1" value="eMail-Adresse eingeben:" />
 182                                                                 </div>
 183
 184                                                                 <div class="table_right">
 185                                                                         <h:inputText class="input" id="emailAddress1" size="20" maxlength="255" value="#{customer.emailAddress}" required="true" />
 186                                                                 </div>
 187
 188                                                                 <div class="clear"></div>
 189                                                         </div>
 190
 191                                                         <div class="table_row">
 192                                                                 <div class="table_left">
 193                                                                         <h:outputLabel for="emailAddress2" value="eMail-Adresse wiederholen:" />
 194                                                                 </div>
 195
 196                                                                 <div class="table_right">
 197                                                                         <h:inputText class="input" id="emailAddress2" size="20" maxlength="255" value="#{customer.emailAddress}" required="true" />
 198                                                                 </div>
 199
 200                                                                 <div class="clear"></div>
 201                                                         </div>
 202
 203                                                         <div class="para"></div>
 204
 205                                                         <div class="table_row">
 206                                                                 <div class="table_left">
 207                                                                         <h:outputLabel for="password1" value="Passwort eingeben:" />
 208                                                                 </div>
 209
 210                                                                 <div class="table_right">
 211                                                                         <h:inputSecret class="input" id="password1" size="10" maxlength="255" required="true" />
 212                                                                 </div>
 213
 214                                                                 <div class="clear"></div>
 215                                                         </div>
 216
 217                                                         <div class="table_row">
 218                                                                 <div class="table_left">
 219                                                                         <h:outputLabel for="password2" value="Passwort wiederholen:" />
 220                                                                 </div>
 221
 222                                                                 <div class="table_right">
 223                                                                         <h:inputSecret class="input" id="password2" size="10" maxlength="255" required="true" />
 224                                                                 </div>
 225
 226                                                                 <div class="clear"></div>
 227                                                         </div>
 228
 229                                                         <div class="para notice">
 230                                                                 Die Kundennummer wird Ihnen später vergeben.
 231                                                         </div>
 232                                                 </fieldset>
 233                                         </div>
 234
 235                                         <div class="para">
 236                                                 <fieldset id="terms_privacy">
 237                                                         <legend title="Bitte die AGBs und Datenschutzbestimmungen lesen und akzeptieren.">Rechtliches:</legend>
 238
 239                                                         <div class="table_row">
 240                                                                 <div class="table_left25">
 241                                                                         <h:selectBooleanCheckbox class="input" id="privacy" required="true" requiredMessage="Bitte den Datenschutzbestimmungen zustimmen.">
 242                                                                                 <f:validator validatorId="PrivacyTermsCheckboxValidator" />
 243                                                                         </h:selectBooleanCheckbox>
 244                                                                 </div>
 245
 246                                                                 <div class="table_right75">
 247                                                                         Ja, ich habe die <h:link outcome="privacy" target="_blank" value="Datenschutzbestimmungen" /> gelesen und
 248                                                                         auch verstanden.
 249                                                                 </div>
 250
 251                                                                 <div class="clear"></div>
 252                                                         </div>
 253
 254                                                         <div class="table_row">
 255                                                                 <div class="table_left25">
 256                                                                         <h:selectBooleanCheckbox class="input" id="terms" required="true" requiredMessage="Bitte den AGBs zustimmen.">
 257                                                                                 <f:validator validatorId="PrivacyTermsCheckboxValidator" />
 258                                                                         </h:selectBooleanCheckbox>
 259                                                                 </div>
 260
 261                                                                 <div class="table_right75">
 262                                                                         Ja, ich habe die <h:link outcome="terms" target="_blank" value="Allgemeinen Geschäftsbedingungen" /> gelesen und
 263                                                                         auch verstanden.
 264                                                                 </div>
 265
 266                                                                 <div class="clear"></div>
 267                                                         </div>
 268                                                 </fieldset>
 269                                         </div>
 270
 271                                         <div class="table_footer">
 272                                                 <h:commandButton class="reset" type="reset" value="Formular zurücksetzen" />
 273                                                 <h:commandButton class="submit" type="submit" id="register" value="Anmelden" action="#{controller.doRegister()}" />
 274                                         </div>
 275                                 </div>
 276                         </h:form>
 277                 </ui:define>
 278
 279                 <ui:define name="footer">
 280                         <ui:include id="footer" class="guest_footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
 281                 </ui:define>
 282         </ui:composition>
 283 </html>