imageUrl = $params['imageUrl']; $this->showCreateHelp = !empty( $params['showCreateHelp'] ); } /** * @inheritDoc */ public function getInputHTML( $value ) { $out = $this->mParent->getOutput(); // Uses addModuleStyles so it is loaded even when JS is disabled. $out->addModuleStyles( 'ext.confirmEdit.fancyCaptcha.styles' ); // Loaded only for clients with JS enabled $out->addModules( 'ext.confirmEdit.fancyCaptcha' ); $captchaReload = Html::element( 'small', [ 'class' => 'confirmedit-captcha-reload fancycaptcha-reload' ], $this->mParent->msg( 'fancycaptcha-reload-text' )->text() ); $attribs = [ 'type' => 'text', 'id' => $this->mID, 'name' => $this->mName, 'class' => 'mw-ui-input', // max_length in captcha.py plus fudge factor 'size' => '12', 'dir' => $this->mDir, 'autocomplete' => 'off', 'autocorrect' => 'off', 'autocapitalize' => 'off', 'placeholder' => $this->mParent->msg( 'fancycaptcha-imgcaptcha-ph' )->text() ]; $attribs += $this->getAttributes( [ 'tabindex', 'required', 'autofocus' ] ); $html = Html::openElement( 'div', [ 'class' => 'fancycaptcha-captcha-container' ] ) . Html::openElement( 'div', [ 'class' => 'fancycaptcha-captcha-and-reload' ] ) . Html::openElement( 'div', [ 'class' => 'fancycaptcha-image-container' ] ) . Html::element( 'img', [ 'class' => 'fancycaptcha-image', 'src' => $this->imageUrl, 'alt' => '' ] ) . $captchaReload . Html::closeElement( 'div' ) . Html::closeElement( 'div' ) . "\n" . Html::element( 'input', $attribs ); if ( $this->showCreateHelp ) { // use raw element, the message will contain a link $html .= Html::rawElement( 'small', [ 'class' => 'mw-createacct-captcha-assisted' ], $this->mParent->msg( 'createacct-imgcaptcha-help' )->parse() ); } $html .= Html::closeElement( 'div' ); return $html; } /** * @inheritDoc */ public function getLabel() { // slight abuse of what getLabel() should mean; $mLabel is used for the pre-label text // as the actual label is always the same return $this->mParent->msg( 'captcha-label' )->text() . ' ' . $this->mParent->msg( 'fancycaptcha-captcha' )->text(); } /** * @inheritDoc */ public function getLabelHtml( $cellAttributes = [] ) { $labelHtml = parent::getLabelHtml( $cellAttributes ); if ( $this->mLabel ) { // use raw element, the message will contain a link $labelHtml = Html::rawElement( 'p', [], $this->mLabel ) . $labelHtml; } return $labelHtml; } }