2021-02-10 05:04:59 +08:00
|
|
|
<?php
|
2021-08-07 05:38:53 +08:00
|
|
|
/**
|
2022-12-31 17:34:09 +08:00
|
|
|
* @link https://www.yiiframework.com/
|
2021-08-07 05:38:53 +08:00
|
|
|
* @copyright Copyright (c) 2008 Yii Software LLC
|
2022-12-31 17:34:09 +08:00
|
|
|
* @license https://www.yiiframework.com/license/
|
2021-08-07 05:38:53 +08:00
|
|
|
*/
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
namespace yii\bootstrap5;
|
|
|
|
|
|
|
|
use yii\helpers\ArrayHelper;
|
|
|
|
|
|
|
|
/**
|
|
|
|
* A Bootstrap 5 enhanced version of [[\yii\widgets\ActiveField]].
|
|
|
|
*
|
|
|
|
* This class adds some useful features to [[\yii\widgets\ActiveField|ActiveField]] to render all
|
|
|
|
* sorts of Bootstrap 5 form fields in different form layouts:
|
|
|
|
*
|
|
|
|
* - [[inputTemplate]] is an optional template to render complex inputs, for example input groups
|
|
|
|
* - [[horizontalCssClasses]] defines the CSS grid classes to add to label, wrapper, error and hint
|
|
|
|
* in horizontal forms
|
|
|
|
* - [[inline]]/[[inline()]] is used to render inline [[checkboxList()]] and [[radioList()]]
|
|
|
|
* - [[enableError]] can be set to `false` to disable to the error
|
|
|
|
* - [[enableLabel]] can be set to `false` to disable to the label
|
|
|
|
* - [[label()]] can be used with a `bool` argument to enable/disable the label
|
|
|
|
*
|
|
|
|
* There are also some new placeholders that you can use in the [[template]] configuration:
|
|
|
|
*
|
|
|
|
* - `{beginLabel}`: the opening label tag
|
|
|
|
* - `{labelTitle}`: the label title for use with `{beginLabel}`/`{endLabel}`
|
|
|
|
* - `{endLabel}`: the closing label tag
|
|
|
|
* - `{beginWrapper}`: the opening wrapper tag
|
|
|
|
* - `{endWrapper}`: the closing wrapper tag
|
|
|
|
*
|
|
|
|
* The wrapper tag is only used for some layouts and form elements.
|
|
|
|
*
|
|
|
|
* Note that some elements use slightly different defaults for [[template]] and other options.
|
|
|
|
* You may want to override those predefined templates for checkboxes, radio buttons, checkboxLists
|
|
|
|
* and radioLists in the [[\yii\widgets\ActiveForm::fieldConfig|fieldConfig]] of the
|
|
|
|
* [[\yii\widgets\ActiveForm]]:
|
|
|
|
*
|
|
|
|
* - [[checkTemplate]] the default template for checkboxes and radios
|
|
|
|
* - [[radioTemplate]] the template for radio buttons in default layout
|
|
|
|
* - [[checkHorizontalTemplate]] the template for checkboxes in horizontal layout
|
|
|
|
* - [[radioHorizontalTemplate]] the template for radio buttons in horizontal layout
|
|
|
|
* - [[checkEnclosedTemplate]] the template for checkboxes and radios enclosed by label
|
|
|
|
*
|
|
|
|
* Example:
|
|
|
|
*
|
|
|
|
* ```php
|
|
|
|
* use yii\bootstrap5\ActiveForm;
|
|
|
|
*
|
|
|
|
* $form = ActiveForm::begin(['layout' => 'horizontal']);
|
|
|
|
*
|
|
|
|
* // Form field without label
|
|
|
|
* echo $form->field($model, 'demo', [
|
|
|
|
* 'inputOptions' => [
|
|
|
|
* 'placeholder' => $model->getAttributeLabel('demo'),
|
|
|
|
* ],
|
|
|
|
* ])->label(false);
|
|
|
|
*
|
|
|
|
* // Inline radio list
|
|
|
|
* echo $form->field($model, 'demo')->inline()->radioList($items);
|
|
|
|
*
|
|
|
|
* // Control sizing in horizontal mode
|
|
|
|
* echo $form->field($model, 'demo', [
|
|
|
|
* 'horizontalCssClasses' => [
|
|
|
|
* 'wrapper' => 'col-sm-2',
|
|
|
|
* ]
|
|
|
|
* ]);
|
|
|
|
*
|
|
|
|
* // With 'default' layout you would use 'template' to size a specific field:
|
|
|
|
* echo $form->field($model, 'demo', [
|
|
|
|
* 'template' => '{label} <div class="row"><div class="col-sm-4">{input}{error}{hint}</div></div>'
|
|
|
|
* ]);
|
|
|
|
*
|
|
|
|
* // Input group
|
|
|
|
* echo $form->field($model, 'demo', [
|
|
|
|
* 'inputTemplate' => '<div class="input-group"><div class="input-group-prepend">
|
|
|
|
* <span class="input-group-text">@</span>
|
|
|
|
* </div>{input}</div>',
|
|
|
|
* ]);
|
|
|
|
*
|
|
|
|
* ActiveForm::end();
|
|
|
|
* ```
|
|
|
|
*
|
|
|
|
* @see ActiveForm
|
2021-08-05 15:21:05 +08:00
|
|
|
* @see https://getbootstrap.com/docs/5.1/components/forms/
|
2021-02-10 05:04:59 +08:00
|
|
|
*
|
|
|
|
* @author Michael Härtl <haertl.mike@gmail.com>
|
|
|
|
* @author Simon Karlen <simi.albi@outlook.com>
|
|
|
|
*/
|
|
|
|
class ActiveField extends \yii\widgets\ActiveField
|
|
|
|
{
|
|
|
|
/**
|
|
|
|
* @var bool whether to render [[checkboxList()]] and [[radioList()]] inline.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $inline = false;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string|null optional template to render the `{input}` placeholder content
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $inputTemplate = null;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var array options for the wrapper tag, used in the `{beginWrapper}` placeholder
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $wrapperOptions = [];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
2021-07-12 23:22:29 +08:00
|
|
|
public $options = ['class' => ['widget' => 'mb-3']];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public $inputOptions = ['class' => ['widget' => 'form-control']];
|
|
|
|
/**
|
|
|
|
* @var array the default options for the input checkboxes. The parameter passed to individual
|
|
|
|
* input methods (e.g. [[checkbox()]]) will be merged with this property when rendering the input tag.
|
|
|
|
*
|
|
|
|
* If you set a custom `id` for the input element, you may need to adjust the [[$selectors]] accordingly.
|
|
|
|
*
|
2021-12-01 03:49:58 +08:00
|
|
|
* @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
|
2021-02-10 05:04:59 +08:00
|
|
|
* @since 2.0.7
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $checkOptions = [
|
2021-07-12 23:22:29 +08:00
|
|
|
'class' => ['widget' => 'form-check-input'],
|
2021-02-10 05:04:59 +08:00
|
|
|
'labelOptions' => [
|
2021-07-12 23:22:29 +08:00
|
|
|
'class' => ['widget' => 'form-check-label'],
|
2021-02-10 05:04:59 +08:00
|
|
|
],
|
|
|
|
];
|
|
|
|
/**
|
|
|
|
* @var array the default options for the input radios. The parameter passed to individual
|
|
|
|
* input methods (e.g. [[radio()]]) will be merged with this property when rendering the input tag.
|
|
|
|
*
|
|
|
|
* If you set a custom `id` for the input element, you may need to adjust the [[$selectors]] accordingly.
|
|
|
|
*
|
2021-12-01 03:49:58 +08:00
|
|
|
* @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
|
2021-02-10 05:04:59 +08:00
|
|
|
* @since 2.0.7
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $radioOptions = [
|
2021-07-12 23:22:29 +08:00
|
|
|
'class' => ['widget' => 'form-check-input'],
|
2021-02-10 05:04:59 +08:00
|
|
|
'labelOptions' => [
|
2021-07-12 23:22:29 +08:00
|
|
|
'class' => ['widget' => 'form-check-label'],
|
2021-02-10 05:04:59 +08:00
|
|
|
],
|
|
|
|
];
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public $errorOptions = ['class' => 'invalid-feedback'];
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
2021-07-12 23:22:29 +08:00
|
|
|
public $labelOptions = ['class' => ['widget' => 'form-label']];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
2021-08-14 09:24:19 +08:00
|
|
|
public $hintOptions = ['class' => ['widget' => 'form-text', 'text-muted'], 'tag' => 'div'];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var null|array CSS grid classes for horizontal layout. This must be an array with these keys:
|
|
|
|
* - 'offset' the offset grid class to append to the wrapper if no label is rendered
|
|
|
|
* - 'label' the label grid class
|
|
|
|
* - 'wrapper' the wrapper grid class
|
|
|
|
* - 'error' the error grid class
|
|
|
|
* - 'hint' the hint grid class
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $horizontalCssClasses = [];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string the template for checkboxes in default layout
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $checkTemplate = "<div class=\"form-check\">\n{input}\n{label}\n{error}\n{hint}\n</div>";
|
2021-11-16 02:01:02 +08:00
|
|
|
/**
|
|
|
|
* @var string the template forswitches (custom checkboxes) in default layout
|
|
|
|
*/
|
|
|
|
public $switchTemplate = "<div class=\"form-check form-switch\">\n{input}\n{label}\n{error}\n{hint}\n</div>";
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string the template for radios in default layout
|
|
|
|
* @since 2.0.5
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $radioTemplate = "<div class=\"form-check\">\n{input}\n{label}\n{error}\n{hint}\n</div>";
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string the template for checkboxes and radios in horizontal layout
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $checkHorizontalTemplate = "{beginWrapper}\n<div class=\"form-check\">\n{input}\n{label}\n{error}\n{hint}\n</div>\n{endWrapper}";
|
2021-11-16 02:01:02 +08:00
|
|
|
/**
|
|
|
|
* @var string the template for switches (custom checkboxes) in horizontal layout
|
|
|
|
*/
|
|
|
|
public $switchHorizontalTemplate = "{beginWrapper}\n<div class=\"form-check form-switch\">\n{input}\n{label}\n{error}\n{hint}\n</div>\n{endWrapper}";
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string the template for checkboxes and radios in horizontal layout
|
|
|
|
* @since 2.0.5
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $radioHorizontalTemplate = "{beginWrapper}\n<div class=\"form-check\">\n{input}\n{label}\n{error}\n{hint}\n</div>\n{endWrapper}";
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string the `enclosed by label` template for checkboxes and radios in default layout
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $checkEnclosedTemplate = "<div class=\"form-check\">\n{beginLabel}\n{input}\n{labelTitle}\n{endLabel}\n{error}\n{hint}\n</div>";
|
2021-11-16 02:01:02 +08:00
|
|
|
/**
|
|
|
|
* @var string tthe `enclosed by label` template for switches(custom checkboxes) in default layout
|
|
|
|
*/
|
|
|
|
public $switchEnclosedTemplate = "<div class=\"form-check form-switch\">\n{beginLabel}\n{input}\n{labelTitle}\n{endLabel}\n{error}\n{hint}\n</div>";
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var bool whether to render the error. Default is `true` except for layout `inline`.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $enableError = true;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var bool whether to render the label. Default is `true`.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $enableLabel = true;
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function __construct($config = [])
|
|
|
|
{
|
|
|
|
$layoutConfig = $this->createLayoutConfig($config);
|
|
|
|
$config = ArrayHelper::merge($layoutConfig, $config);
|
|
|
|
parent::__construct($config);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function render($content = null): string
|
|
|
|
{
|
|
|
|
if ($content === null) {
|
|
|
|
if (!isset($this->parts['{beginWrapper}'])) {
|
|
|
|
$options = $this->wrapperOptions;
|
|
|
|
$tag = ArrayHelper::remove($options, 'tag', 'div');
|
|
|
|
$this->parts['{beginWrapper}'] = Html::beginTag($tag, $options);
|
|
|
|
$this->parts['{endWrapper}'] = Html::endTag($tag);
|
|
|
|
}
|
|
|
|
if ($this->enableLabel === false) {
|
|
|
|
$this->parts['{label}'] = '';
|
|
|
|
$this->parts['{beginLabel}'] = '';
|
|
|
|
$this->parts['{labelTitle}'] = '';
|
|
|
|
$this->parts['{endLabel}'] = '';
|
|
|
|
} elseif (!isset($this->parts['{beginLabel}'])) {
|
|
|
|
$this->renderLabelParts();
|
|
|
|
}
|
|
|
|
if ($this->enableError === false) {
|
|
|
|
$this->parts['{error}'] = '';
|
|
|
|
}
|
|
|
|
if ($this->inputTemplate) {
|
|
|
|
$options = $this->inputOptions;
|
|
|
|
|
|
|
|
if ($this->form->validationStateOn === ActiveForm::VALIDATION_STATE_ON_INPUT) {
|
|
|
|
$this->addErrorClassIfNeeded($options);
|
|
|
|
}
|
|
|
|
$this->addAriaAttributes($options);
|
|
|
|
|
|
|
|
$input = $this->parts['{input}'] ?? Html::activeTextInput($this->model, $this->attribute, $options);
|
|
|
|
$this->parts['{input}'] = strtr($this->inputTemplate, ['{input}' => $input]);
|
|
|
|
}
|
|
|
|
}
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return parent::render($content);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
2021-11-16 02:01:02 +08:00
|
|
|
* Enable option `switch` to render as toggle switch.
|
|
|
|
* @see https://getbootstrap.com/docs/5.1/forms/checks-radios/#switches
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
public function checkbox($options = [], $enclosedByLabel = false)
|
|
|
|
{
|
|
|
|
$checkOptions = $this->checkOptions;
|
|
|
|
$options = ArrayHelper::merge($checkOptions, $options);
|
|
|
|
$labelOptions = ArrayHelper::remove($options, 'labelOptions', []);
|
|
|
|
$wrapperOptions = ArrayHelper::remove($options, 'wrapperOptions', []);
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($options, 'form-control');
|
2021-02-10 05:04:59 +08:00
|
|
|
$this->labelOptions = ArrayHelper::merge($this->labelOptions, $labelOptions);
|
|
|
|
$this->wrapperOptions = ArrayHelper::merge($this->wrapperOptions, $wrapperOptions);
|
2021-11-25 17:18:23 +08:00
|
|
|
$switch = isset($options['switch']) && $options['switch'];
|
2021-02-10 05:04:59 +08:00
|
|
|
|
2021-11-25 17:18:23 +08:00
|
|
|
if ($switch) {
|
2021-11-16 02:01:02 +08:00
|
|
|
$this->addRoleAttributes($options, 'switch');
|
|
|
|
}
|
2021-02-10 05:04:59 +08:00
|
|
|
if (!isset($options['template'])) {
|
2021-11-25 17:18:23 +08:00
|
|
|
if ($switch) {
|
2021-11-16 02:01:02 +08:00
|
|
|
$this->template = $enclosedByLabel ? $this->switchEnclosedTemplate : $this->switchTemplate;
|
2021-11-25 17:18:23 +08:00
|
|
|
} else {
|
|
|
|
$this->template = $enclosedByLabel ? $this->checkEnclosedTemplate : $this->checkTemplate;
|
2021-11-16 02:01:02 +08:00
|
|
|
}
|
2021-02-10 05:04:59 +08:00
|
|
|
} else {
|
|
|
|
$this->template = $options['template'];
|
|
|
|
}
|
|
|
|
if ($this->form->layout === ActiveForm::LAYOUT_HORIZONTAL) {
|
|
|
|
if (!isset($options['template'])) {
|
2021-11-25 17:18:23 +08:00
|
|
|
$this->template = ($switch)
|
|
|
|
? $this->switchHorizontalTemplate
|
|
|
|
: $this->checkHorizontalTemplate;
|
2021-02-10 05:04:59 +08:00
|
|
|
}
|
|
|
|
Html::removeCssClass($this->labelOptions, $this->horizontalCssClasses['label']);
|
|
|
|
Html::addCssClass($this->wrapperOptions, $this->horizontalCssClasses['offset']);
|
|
|
|
}
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($this->labelOptions, 'form-label');
|
2021-11-24 18:31:18 +08:00
|
|
|
unset($options['template'], $options['switch']);
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
if ($enclosedByLabel) {
|
|
|
|
if (isset($options['label'])) {
|
|
|
|
$this->parts['{labelTitle}'] = $options['label'];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return parent::checkbox($options, false);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function radio($options = [], $enclosedByLabel = false)
|
|
|
|
{
|
|
|
|
$checkOptions = $this->radioOptions;
|
|
|
|
$options = ArrayHelper::merge($checkOptions, $options);
|
|
|
|
$labelOptions = ArrayHelper::remove($options, 'labelOptions', []);
|
|
|
|
$wrapperOptions = ArrayHelper::remove($options, 'wrapperOptions', []);
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($options, 'form-control');
|
2021-02-10 05:04:59 +08:00
|
|
|
$this->labelOptions = ArrayHelper::merge($this->labelOptions, $labelOptions);
|
|
|
|
$this->wrapperOptions = ArrayHelper::merge($this->wrapperOptions, $wrapperOptions);
|
|
|
|
|
|
|
|
if (!isset($options['template'])) {
|
|
|
|
$this->template = $enclosedByLabel ? $this->checkEnclosedTemplate : $this->radioTemplate;
|
|
|
|
} else {
|
|
|
|
$this->template = $options['template'];
|
|
|
|
}
|
|
|
|
if ($this->form->layout === ActiveForm::LAYOUT_HORIZONTAL) {
|
|
|
|
if (!isset($options['template'])) {
|
|
|
|
$this->template = $this->radioHorizontalTemplate;
|
|
|
|
}
|
|
|
|
Html::removeCssClass($this->labelOptions, $this->horizontalCssClasses['label']);
|
|
|
|
Html::addCssClass($this->wrapperOptions, $this->horizontalCssClasses['offset']);
|
|
|
|
}
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($this->labelOptions, 'form-label');
|
2021-02-10 05:04:59 +08:00
|
|
|
unset($options['template']);
|
|
|
|
|
|
|
|
if ($enclosedByLabel && isset($options['label'])) {
|
|
|
|
$this->parts['{labelTitle}'] = $options['label'];
|
|
|
|
}
|
|
|
|
|
|
|
|
return parent::radio($options, false);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function checkboxList($items, $options = [])
|
|
|
|
{
|
|
|
|
if (!isset($options['item'])) {
|
|
|
|
$this->template = str_replace("\n{error}", '', $this->template);
|
|
|
|
$itemOptions = $options['itemOptions'] ?? [];
|
|
|
|
$encode = ArrayHelper::getValue($options, 'encode', true);
|
|
|
|
$itemCount = count($items) - 1;
|
|
|
|
$error = $this->error()->parts['{error}'];
|
|
|
|
$options['item'] = function ($i, $label, $name, $checked, $value) use (
|
|
|
|
$itemOptions,
|
|
|
|
$encode,
|
|
|
|
$itemCount,
|
|
|
|
$error
|
|
|
|
) {
|
|
|
|
$options = array_merge($this->checkOptions, [
|
|
|
|
'label' => $encode ? Html::encode($label) : $label,
|
|
|
|
'value' => $value,
|
|
|
|
], $itemOptions);
|
2021-10-12 19:43:21 +08:00
|
|
|
$wrapperOptions = ArrayHelper::remove($options, 'wrapperOptions', ['class' => ['widget' => 'form-check']]);
|
2021-10-12 18:34:14 +08:00
|
|
|
if ($this->inline) {
|
2021-10-12 19:43:21 +08:00
|
|
|
Html::addCssClass($wrapperOptions, ['inline' => 'form-check-inline']);
|
2021-10-12 18:34:14 +08:00
|
|
|
}
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
$html = Html::beginTag('div', $wrapperOptions) . "\n" .
|
|
|
|
Html::checkbox($name, $checked, $options) . "\n";
|
|
|
|
if ($itemCount === $i) {
|
|
|
|
$html .= $error . "\n";
|
|
|
|
}
|
|
|
|
$html .= Html::endTag('div') . "\n";
|
|
|
|
|
|
|
|
return $html;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
parent::checkboxList($items, $options);
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function radioList($items, $options = [])
|
|
|
|
{
|
|
|
|
if (!isset($options['item'])) {
|
|
|
|
$this->template = str_replace("\n{error}", '', $this->template);
|
|
|
|
$itemOptions = $options['itemOptions'] ?? [];
|
|
|
|
$encode = ArrayHelper::getValue($options, 'encode', true);
|
|
|
|
$itemCount = count($items) - 1;
|
|
|
|
$error = $this->error()->parts['{error}'];
|
|
|
|
$options['item'] = function ($i, $label, $name, $checked, $value) use (
|
|
|
|
$itemOptions,
|
|
|
|
$encode,
|
|
|
|
$itemCount,
|
|
|
|
$error
|
|
|
|
) {
|
|
|
|
$options = array_merge($this->radioOptions, [
|
|
|
|
'label' => $encode ? Html::encode($label) : $label,
|
|
|
|
'value' => $value,
|
|
|
|
], $itemOptions);
|
2021-10-12 19:43:21 +08:00
|
|
|
$wrapperOptions = ArrayHelper::remove($options, 'wrapperOptions', ['class' => ['widget' => 'form-check']]);
|
2021-10-12 18:34:14 +08:00
|
|
|
if ($this->inline) {
|
2021-10-12 19:43:21 +08:00
|
|
|
Html::addCssClass($wrapperOptions, ['inline' => 'form-check-inline']);
|
2021-10-12 18:34:14 +08:00
|
|
|
}
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
$html = Html::beginTag('div', $wrapperOptions) . "\n" .
|
|
|
|
Html::radio($name, $checked, $options) . "\n";
|
|
|
|
if ($itemCount === $i) {
|
|
|
|
$html .= $error . "\n";
|
|
|
|
}
|
|
|
|
$html .= Html::endTag('div') . "\n";
|
|
|
|
|
|
|
|
return $html;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
parent::radioList($items, $options);
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function listBox($items, $options = [])
|
|
|
|
{
|
|
|
|
if ($this->form->layout === ActiveForm::LAYOUT_INLINE) {
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($this->labelOptions, 'visually-hidden');
|
2021-02-10 05:04:59 +08:00
|
|
|
}
|
2021-12-01 03:48:06 +08:00
|
|
|
Html::addCssClass($options, ['widget' => 'form-select']);
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
return parent::listBox($items, $options);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
2021-12-01 03:06:37 +08:00
|
|
|
public function dropDownList($items, $options = [])
|
2021-02-10 05:04:59 +08:00
|
|
|
{
|
|
|
|
if ($this->form->layout === ActiveForm::LAYOUT_INLINE) {
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::removeCssClass($this->labelOptions, 'visually-hidden');
|
2021-02-10 05:04:59 +08:00
|
|
|
}
|
2021-12-01 03:48:06 +08:00
|
|
|
Html::addCssClass($options, ['widget' => 'form-select']);
|
2021-02-10 05:04:59 +08:00
|
|
|
|
2021-12-01 03:14:27 +08:00
|
|
|
return parent::dropDownList($items, $options);
|
2021-02-10 05:04:59 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders Bootstrap static form control.
|
|
|
|
* @param array $options the tag options in terms of name-value pairs. These will be rendered as
|
|
|
|
* the attributes of the resulting tag. There are also a special options:
|
|
|
|
*
|
|
|
|
* - encode: bool, whether value should be HTML-encoded or not.
|
|
|
|
*
|
|
|
|
* @return $this the field object itself
|
2021-08-05 15:21:05 +08:00
|
|
|
* @see https://getbootstrap.com/docs/5.1/components/forms/#readonly-plain-text
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public function staticControl(array $options = []): self
|
2021-02-10 05:04:59 +08:00
|
|
|
{
|
|
|
|
$this->adjustLabelFor($options);
|
|
|
|
$this->parts['{input}'] = Html::activeStaticControl($this->model, $this->attribute, $options);
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function label($label = null, $options = [])
|
|
|
|
{
|
|
|
|
if (is_bool($label)) {
|
|
|
|
$this->enableLabel = $label;
|
|
|
|
if ($label === false && $this->form->layout === ActiveForm::LAYOUT_HORIZONTAL) {
|
|
|
|
Html::addCssClass($this->wrapperOptions, $this->horizontalCssClasses['offset']);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$this->enableLabel = true;
|
|
|
|
$this->renderLabelParts($label, $options);
|
|
|
|
parent::label($label, $options);
|
|
|
|
}
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @param bool $value whether to render a inline list
|
|
|
|
* @return $this the field object itself
|
|
|
|
* Make sure you call this method before [[checkboxList()]] or [[radioList()]] to have any effect.
|
|
|
|
*/
|
|
|
|
public function inline($value = true): self
|
|
|
|
{
|
|
|
|
$this->inline = (bool)$value;
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this;
|
|
|
|
}
|
|
|
|
|
2021-08-04 14:03:41 +08:00
|
|
|
/**
|
|
|
|
* {@inheritdoc}
|
|
|
|
*/
|
|
|
|
public function fileInput($options = [])
|
|
|
|
{
|
|
|
|
Html::addCssClass($options, ['widget' => 'form-control']);
|
|
|
|
|
|
|
|
return parent::fileInput($options);
|
|
|
|
}
|
|
|
|
|
2021-11-16 02:01:02 +08:00
|
|
|
/**
|
|
|
|
* Renders a range (custom input).
|
|
|
|
*
|
|
|
|
* @param array $options the tag options in terms of name-value pairs:
|
|
|
|
*
|
|
|
|
* - 'min': min. value
|
|
|
|
* - 'max': max. value
|
|
|
|
* - 'step': range step, by default, 1
|
|
|
|
*
|
|
|
|
* @return $this
|
|
|
|
* @see https://getbootstrap.com/docs/5.1/forms/range/
|
|
|
|
*/
|
|
|
|
public function rangeInput(array $options = [])
|
|
|
|
{
|
|
|
|
Html::addCssClass($options, ['widget' => 'form-range']);
|
|
|
|
|
|
|
|
return $this->input('range', $options);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders a color picker (custom input).
|
|
|
|
*
|
|
|
|
* @param array $options the tag options in terms of name-value pairs
|
|
|
|
* @return $this
|
|
|
|
* @see https://getbootstrap.com/docs/5.1/forms/form-control/#color
|
|
|
|
*/
|
|
|
|
public function colorInput(array $options = [])
|
|
|
|
{
|
|
|
|
Html::removeCssClass($options, 'form-control');
|
|
|
|
Html::addCssClass($options, ['widget' => 'form-control form-control-color']);
|
|
|
|
|
|
|
|
return $this->input('color', $options);
|
|
|
|
}
|
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @param array $instanceConfig the configuration passed to this instance's constructor
|
|
|
|
* @return array the layout specific default configuration for this instance
|
|
|
|
*/
|
|
|
|
protected function createLayoutConfig(array $instanceConfig): array
|
|
|
|
{
|
|
|
|
$config = [
|
|
|
|
'hintOptions' => [
|
2021-08-14 22:52:47 +08:00
|
|
|
'tag' => 'div',
|
2021-02-10 05:04:59 +08:00
|
|
|
'class' => ['form-text', 'text-muted'],
|
|
|
|
],
|
|
|
|
'errorOptions' => [
|
|
|
|
'tag' => 'div',
|
|
|
|
'class' => 'invalid-feedback',
|
|
|
|
],
|
|
|
|
'inputOptions' => [
|
|
|
|
'class' => 'form-control',
|
|
|
|
],
|
|
|
|
'labelOptions' => [
|
2021-07-12 23:22:29 +08:00
|
|
|
'class' => ['form-label'],
|
2021-02-10 05:04:59 +08:00
|
|
|
],
|
|
|
|
];
|
|
|
|
|
|
|
|
$layout = $instanceConfig['form']->layout;
|
|
|
|
|
|
|
|
if ($layout === ActiveForm::LAYOUT_HORIZONTAL) {
|
|
|
|
$config['template'] = "{label}\n{beginWrapper}\n{input}\n{error}\n{hint}\n{endWrapper}";
|
|
|
|
$config['wrapperOptions'] = [];
|
|
|
|
$config['labelOptions'] = [];
|
|
|
|
$config['options'] = [];
|
|
|
|
$cssClasses = [
|
|
|
|
'offset' => ['col-sm-10', 'offset-sm-2'],
|
|
|
|
'label' => ['col-sm-2', 'col-form-label'],
|
|
|
|
'wrapper' => 'col-sm-10',
|
|
|
|
'error' => '',
|
|
|
|
'hint' => '',
|
2021-07-12 23:22:29 +08:00
|
|
|
'field' => 'mb-3 row',
|
2021-02-10 05:04:59 +08:00
|
|
|
];
|
|
|
|
if (isset($instanceConfig['horizontalCssClasses'])) {
|
|
|
|
$cssClasses = ArrayHelper::merge($cssClasses, $instanceConfig['horizontalCssClasses']);
|
|
|
|
}
|
|
|
|
$config['horizontalCssClasses'] = $cssClasses;
|
|
|
|
|
|
|
|
Html::addCssClass($config['wrapperOptions'], $cssClasses['wrapper']);
|
|
|
|
Html::addCssClass($config['labelOptions'], $cssClasses['label']);
|
|
|
|
Html::addCssClass($config['errorOptions'], $cssClasses['error']);
|
|
|
|
Html::addCssClass($config['hintOptions'], $cssClasses['hint']);
|
|
|
|
Html::addCssClass($config['options'], $cssClasses['field']);
|
|
|
|
} elseif ($layout === ActiveForm::LAYOUT_INLINE) {
|
|
|
|
$config['inputOptions']['placeholder'] = true;
|
|
|
|
$config['enableError'] = false;
|
|
|
|
|
2021-07-12 23:22:29 +08:00
|
|
|
Html::addCssClass($config['labelOptions'], ['screenreader' => 'visually-hidden']);
|
2021-08-03 16:41:30 +08:00
|
|
|
} elseif ($layout === ActiveForm::LAYOUT_FLOATING) {
|
2021-08-03 17:05:04 +08:00
|
|
|
$config['inputOptions']['placeholder'] = true;
|
2021-08-03 16:41:30 +08:00
|
|
|
$config['template'] = "{input}\n{label}\n{error}\n{hint}";
|
|
|
|
Html::addCssClass($config['options'], ['layout' => 'form-floating mt-3']);
|
2021-02-10 05:04:59 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
return $config;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @param string|null $label the label or null to use model label
|
|
|
|
* @param array $options the tag options
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
protected function renderLabelParts(string $label = null, array $options = [])
|
2021-02-10 05:04:59 +08:00
|
|
|
{
|
|
|
|
$options = array_merge($this->labelOptions, $options);
|
|
|
|
if ($label === null) {
|
|
|
|
if (isset($options['label'])) {
|
|
|
|
$label = $options['label'];
|
|
|
|
unset($options['label']);
|
|
|
|
} else {
|
|
|
|
$attribute = Html::getAttributeName($this->attribute);
|
|
|
|
$label = Html::encode($this->model->getAttributeLabel($attribute));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (!isset($options['for'])) {
|
|
|
|
$options['for'] = Html::getInputId($this->model, $this->attribute);
|
|
|
|
}
|
|
|
|
$this->parts['{beginLabel}'] = Html::beginTag('label', $options);
|
|
|
|
$this->parts['{endLabel}'] = Html::endTag('label');
|
|
|
|
if (!isset($this->parts['{labelTitle}'])) {
|
|
|
|
$this->parts['{labelTitle}'] = $label;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|