MultiSelect.php

Go to the documentation of this file.

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\Implementation\Component\Input\Field;
 
use ILIAS\UI\Component as C;
use ILIAS\Data\Factory as DataFactory;
use ILIAS\Refinery\Constraint;
use Closure;
 
class MultiSelect extends FormInput implements C\Input\Field\MultiSelect, HasOptionFilterInternal
{
    use HasOptionFilter;
 
    public function __construct(
        DataFactory $data_factory,
        \ILIAS\Refinery\Factory $refinery,
        string $label,
        array $options,
        ?string $byline
    ) {
        parent::__construct($data_factory, $refinery, $label, $byline);
        $this->options = $options;
    }
 
    protected function isClientSideValueOk($value): bool
    {
        if (is_null($value)) {
            return true;
        }
        if (is_array($value)) {
            foreach ($value as $v) {
                if (!array_key_exists($v, $this->options)) {
                    return false;
                }
            }
            return true;
        }
        return false;
    }
 
    protected function getConstraintForRequirement(): ?Constraint
    {
        if ($this->requirement_constraint !== null) {
            return $this->requirement_constraint;
        }
 
        return $this->refinery->custom()->constraint(
            fn($value) => is_array($value) && count($value) > 0,
            "Empty"
        );
    }
 
    public function getUpdateOnLoadCode(): Closure
    {
        return static fn($id) => <<<JS
          (function () {
            function reduceMultiSelectCheckboxInputs(inputs) {
              return Array
                .from(inputs)
                .filter((input) => input.checked)
                .map((input) => input.parentElement.querySelector('.c-field-multiselect__label-text')?.textContent ?? '')
                .join(', ');
            }
            const multiSelectField = document.getElementById('$id');
            const multiSelectCheckboxInputs = multiSelectField.querySelectorAll('.c-field-multiselect input[type="checkbox"]');
            multiSelectCheckboxInputs.forEach((input) => {
              input.addEventListener('input', (event) => {
                il.UI.input.onFieldUpdate(event, '$id', reduceMultiSelectCheckboxInputs(multiSelectCheckboxInputs));
              });
            });
            il.UI.input.onFieldUpdate(undefined, '$id', reduceMultiSelectCheckboxInputs(multiSelectCheckboxInputs));
          })();
JS;
    }
 
    public function isComplex(): bool
    {
        return true;
    }
}