com.woltlab.wcf/templates/recaptcha.tpl

   1 {if $recaptchaLegacyMode|empty}
   2         {include file='captcha'}
   3 {else}
   4         <fieldset>
   5                 <legend><label for="recaptcha_response_field">{lang}wcf.recaptcha.title{/lang}</label></legend>
   6                 <small>{lang}wcf.recaptcha.description{/lang}</small>
   7
   8                 <dl class="wide reCaptcha{if $errorField|isset && $errorField == 'recaptchaString'} formError{/if}">
   9                         {if !$ajaxCaptcha|isset || !$ajaxCaptcha}
  10                                 <script data-relocate="true">
  11                                         //<![CDATA[
  12                                         var RecaptchaOptions = {
  13                                                 lang: '{@$recaptchaLanguageCode}',
  14                                                 theme : 'custom'
  15                                         }
  16                                         //]]>
  17                                 </script>
  18                         {/if}
  19                         <dt class="jsOnly">
  20                                 <label for="recaptcha_response_field">reCAPTCHA</label>
  21                         </dt>
  22                         <dd class="jsOnly">
  23                                 <div id="recaptcha_image" class="framed"></div>
  24                                 <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="medium marginTop" />
  25                                 {if (($errorType|isset && $errorType|is_array && $errorType[recaptchaString]|isset) || ($errorField|isset && $errorField == 'recaptchaString'))}
  26                                         {if $errorType|is_array && $errorType[recaptchaString]|isset}
  27                                                 {assign var='__errorType' value=$errorType[recaptchaString]}
  28                                         {else}
  29                                                 {assign var='__errorType' value=$errorType}
  30                                         {/if}
  31                                         <small class="innerError">
  32                                                 {if $__errorType == 'empty'}
  33                                                         {lang}wcf.global.form.error.empty{/lang}
  34                                                 {else}
  35                                                         {lang}wcf.recaptcha.error.recaptchaString.{$__errorType}{/lang}
  36                                                 {/if}
  37                                         </small>
  38                                 {/if}
  39                         </dd>
  40
  41                         {event name='fields'}
  42
  43                         <dd class="jsOnly">
  44                                 <ul class="buttonList smallButtons">
  45                                         <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>
  46                                         <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>
  47                                         <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>
  48                                         <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>
  49                                         {event name='buttons'}
  50                                 </ul>
  51                         </dd>
  52
  53                         {if !$ajaxCaptcha|isset || !$ajaxCaptcha}
  54                                 <script data-relocate="true" src="//www.google.com/recaptcha/api/challenge?k={$recaptchaPublicKey}"></script>
  55                                 <noscript>
  56                                         <dd>
  57                                                 <iframe src="//www.google.com/recaptcha/api/noscript?k={$recaptchaPublicKey}" height="300" width="500" seamless="seamless"></iframe><br />
  58                                                 <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  59                                                 <input type="hidden" name="recaptcha_response_field" value="manual_challenge" />
  60                                         </dd>
  61                                         {if (($errorType|isset && $errorType|is_array && $errorType[recaptchaString]|isset) || ($errorField|isset && $errorField == 'recaptchaString'))}
  62                                                 {if $errorType|is_array && $errorType[recaptchaString]|isset}
  63                                                         {assign var='__errorType' value=$errorType[recaptchaString]}
  64                                                 {else}
  65                                                         {assign var='__errorType' value=$errorType}
  66                                                 {/if}
  67                                                 <small class="innerError">
  68                                                         {if $errorType == 'empty'}
  69                                                                 {lang}wcf.global.form.error.empty{/lang}
  70                                                         {else}
  71                                                                 {lang}wcf.recaptcha.error.recaptchaString.{$__errorType}{/lang}
  72                                                         {/if}
  73                                                 </small>
  74                                         {/if}
  75                                 </noscript>
  76                         {else}
  77                                 <script data-relocate="true">
  78                                         //<![CDATA[
  79                                         $.getScript('//www.google.com/recaptcha/api/js/recaptcha_ajax.js', function() {
  80                                                 Recaptcha.create("{$recaptchaPublicKey}", "recaptcha_image", {
  81                                                         lang: '{@$recaptchaLanguageCode}',
  82                                                         theme : 'custom'
  83                                                 });
  84
  85                                                 WCF.System.Captcha.addCallback('{$captchaID}', function() {
  86                                                         return {
  87                                                                 recaptcha_challenge_field: Recaptcha.get_challenge(),
  88                                                                 recaptcha_response_field: Recaptcha.get_response()
  89                                                         };
  90                                                 });
  91                                         });
  92                                         //]]>
  93                                 </script>
  94                         {/if}
  95                 </dl>
  96         </fieldset>
  97 {/if}