Nová reCAPTCHA pro formuláře

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"></script>

var onloadCallback = function() {
	$('.g-recaptcha').each(function () {
		var el = $(this);
		grecaptcha.render(el[0], {
			sitekey: el.attr('data-sitekey')
		});
	});
};

;(function (window, $) {

	function onReCaptchaLoad() {
		// ...
	}

})(window, window.jQuery);

services:
	- Config
reCaptcha:
    siteKey: @Config::getSiteKey()
    secretKey: @Config::getSecretKey()
    methodName: 'addReCaptcha' # optional

extensions:
    translation: Kdyby\Translation\DI\TranslationExtension
    reCaptcha: ReCaptchaControl\ReCaptchaExtension

translation:
    debugger: on
    default: en
    fallback: [en_En, en]
    whitelist: ['cs', 'en', 'pl', 'es', 'fr', 'ge', 'it', 'ru', 'sk', 'se']

reCaptcha:
    siteKey: ***
    secretKey: ***
    methodName: 'addReCaptcha'

<?php
  public function createComponentContactForm() {
        $form = new Form();
        //$form->getElementPrototype()->class('ajax');
        $form->addHidden('to_email')
                ->setAttribute('id', 'to_email');
        $form->addText('name', $this->translator->translate('default.contact.form_name'))
                ->setAttribute('placeholder', $this->translator->translate('default.contact.form_name'))
                ->setRequired($this->translator->translate('default.contact.form_message_required', NULL, array('label' => '%label')))
                ->addRule(Form::MAX_LENGTH, $this->translator->translate("default.contact.form_message_max_length", NULL, array('label' => '%label', 'value' => '%value')), 50);
        $form->addText('company', $this->translator->translate('default.contact.form_company'))
                ->setAttribute('placeholder', $this->translator->translate('default.contact.form_company'))
                ->addCondition(Form::FILLED)
                ->addRule(Form::MAX_LENGTH, $this->translator->translate("default.contact.form_message_max_length", NULL, array('label' => '%label', 'value' => '%value')), 50);
        $form->addText('email', $this->translator->translate('default.contact.form_your_email'))
                ->setAttribute('placeholder', $this->translator->translate('default.contact.form_your_email'))
                ->setRequired($this->translator->translate('default.contact.form_message_required', NULL, array('label' => '%label')))
                ->addRule(Form::EMAIL, $this->translator->translate("default.contact.form_message_email", NULL, array('label' => '%label')))
                ->addRule(Form::MAX_LENGTH, $this->translator->translate("default.contact.form_message_max_length", NULL, array('label' => '%label', 'value' => '%value')), 50);
        $form->addText('subject', $this->translator->translate('default.contact.form_subject'))
                ->setAttribute('placeholder', $this->translator->translate('default.contact.form_subject'))
                ->setRequired($this->translator->translate('default.contact.form_message_required', NULL, array('label' => '%label')))
                ->addRule(Form::MAX_LENGTH, $this->translator->translate("default.contact.form_message_max_length", NULL, array('label' => '%label', 'value' => '%value')), 50);
        $form->addTextArea('message', $this->translator->translate('default.contact.form_message'))
                ->setAttribute('cols', 5)
                ->setAttribute('rows', 6)
                ->setAttribute('placeholder', $this->translator->translate('default.contact.form_message'))
                ->setRequired($this->translator->translate('default.contact.form_message_required', NULL, array('label' => '%label')))
                ->addRule(Form::MAX_LENGTH, $this->translator->translate("default.contact.form_message_max_length", NULL, array('label' => '%label', 'value' => '%value')), 50);
        $form->addReCaptcha('captcha', $this->translator->translate('default.contact.form_verification'))
                ->addRule(\ReCaptchaControl\ReCaptchaControl::VALID, $this->translator->translate('default.contact.form_message_verification'));
        $form->addButton('cancel', $this->translator->translate('default.contact.form_cancel'))
                ->setAttribute('data-dismiss', 'modal')
                ->setAttribute('aria-label', 'Close')
                ->setAttribute('class', "btn btn-default");
        $form->addSubmit('send', $this->translator->translate('default.contact.form_submit'))
                ->setAttribute('class', "btn btn-primary");
        return $form;
    }
?>

<div class="modal fade" id="modalSendEmail" tabindex="-1" role="dialog" aria-labelledby="contactLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{_default.contact.modal_title}</h4>
            </div>
            <div class="modal-body">
                {snippet contactForm}
                    {control contactForm}
                {/snippet}
            </div>
        </div>
    </div>
</div>

						{form contactForm}
                            <div class="form-group icon">
                                <div class="control input">
									{input name}
                                    <i class="fa fa-user"></i>
                                </div>
                            </div>
                            <div class="form-group icon">
                                <div class="control input last">
									{input email}
                                    <i class="fa fa-envelope"></i>
                                </div>
                            </div>
                            <div class="form-group icon">
                                <div class="control input textarea">
									{input message}
                                    <i class="fa fa-comment"></i>
                                </div>
                            </div>
							<div class="form-group">
								{input captcha}
							</div>
                            <div class="form-group">
								{input submit class => 'btn btn-xlg btn-primary'}
                            </div>
						{/form}

extensions:
    reCaptcha: ReCaptchaControl\ReCaptchaExtension

reCaptcha:
    siteKey: '*můjKey*'
    secretKey: '*můjKey*'
    methodName: 'addReCaptcha' # optional

	public function create()
	{
		$form = new Form;
		$form->addText('nickname', 'Jméno:')
			->setRequired('Prosím, zadejte vaše jméno.');

		$form->addText('headline', 'Nadpis::')
			->setRequired('Prosím, zadejte nadpis.');

	    $form->addText('email', 'E-mail:')
			->setRequired('Prosím zadejte váš email.');

		$form->addTextArea('text')
			->setRequired('Napoložili jste žádný dotaz.');

		$form->addReCaptcha('recaptcha', NULL, "Please prove you're not a robot.")
			->setRequired('Napoložili jste žádný dotaz.');

		$form->addSubmit('send', 'Odeslat');

		$form->onSuccess[] = array($this, 'formSucceeded');
		return $form;
	}


	public function formSucceeded($form)
	{
		...
	}

{form commentForm}
...
<div n:name="recaptcha"></div>
...
{/form}

{form commentForm}
...
{input recaptcha}
...
{/form}