com.woltlab.wcf/templates/recaptcha.tpl

   1 <fieldset>
   2         <legend><label for="recaptcha_response_field">{lang}wcf.recaptcha.title{/lang}</label></legend>
   3         <small>{lang}wcf.recaptcha.description{/lang}</small>
   4
   5         <dl class="wide reCaptcha{if $errorField == 'recaptchaString'} formError{/if}">
   6                 <script data-relocate="true">
   7                         //<![CDATA[
   8                         var RecaptchaOptions = {
   9                                 lang: '{@$recaptchaLanguageCode}',
  10                                 theme : 'custom'
  11                         }
  12                         //]]>
  13                 </script>
  14                 <dt class="jsOnly">
  15                         <label for="recaptcha_response_field">reCAPTCHA</label>
  16                 </dt>
  17                 <dd class="jsOnly">
  18                         <div id="recaptcha_image" class="framed"></div>
  19                         <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="medium marginTop" />
  20                         {if $errorField == 'recaptchaString'}
  21                                 <small class="innerError">
  22                                         {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
  23                                         {if $errorType == 'false'}{lang}wcf.recaptcha.error.recaptchaString.false{/lang}{/if}
  24                                 </small>
  25                         {/if}
  26                 </dd>
  27
  28                 {event name='fields'}
  29
  30                 <dd class="jsOnly">
  31                         <ul class="buttonList smallButtons">
  32                                 <li><a href="javascript:Recaptcha.reload()" class="button small"><span class="icon icon16 icon-repeat"></span> <span>{lang}wcf.recaptcha.reload{/lang}</span></a></li>
  33                                 <li class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')" class="button small"><span class="icon icon16 icon-volume-up"></span> <span>{lang}wcf.recaptcha.audio{/lang}</span></a></li>
  34                                 <li class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')" class="button small"><span class="icon icon16 icon-eye-open"></span> <span>{lang}wcf.recaptcha.image{/lang}</span></a></li>
  35                                 <li><a href="javascript:Recaptcha.showhelp()" class="button small"><span class="icon icon16 icon-question-sign"></span> <span>{lang}wcf.recaptcha.help{/lang}</span></a></li>
  36                                 {event name='buttons'}
  37                         </ul>
  38                 </dd>
  39
  40                 <script data-relocate="true" src="http{if $recaptchaUseSSL}s{/if}://www.google.com/recaptcha/api/challenge?k={$recaptchaPublicKey}"></script>
  41                 <noscript>
  42                         <dd>
  43                                 <iframe src="http{if $recaptchaUseSSL}s{/if}://www.google.com/recaptcha/api/noscript?k={$recaptchaPublicKey}" height="300" width="500" seamless="seamless"></iframe><br />
  44                                 <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  45                                 <input type="hidden" name="recaptcha_response_field" value="manual_challenge" />
  46                         </dd>
  47                         {if $errorField == 'recaptchaString'}
  48                                 <small class="innerError">
  49                                         {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
  50                                         {if $errorType == 'false'}{lang}wcf.recaptcha.error.recaptchaString.false{/lang}{/if}
  51                                 </small>
  52                         {/if}
  53                 </noscript>
  54         </dl>
  55 </fieldset>