Panel field 'color'

[RWDevelopment]

adding color field to panel

add color.php panel>views>fields>color.php

<?php $this->layout('fields.field') ?>
<div class="form-input-wrap">
    <?php if ($field->has('icon')) : ?>
        <span class="form-input-icon"><?= $this->icon($field->get('icon')) ?></span>
    <?php endif ?>
    <input <?= $this->attr([
                'class'       => ['form-input', $field->get('class')],
                'type'        => 'color',
                'id'          => $field->name(),
                'name'        => $field->formName(),
                'value'       => $field->value(),
                'placeholder' => $field->placeholder(),
                'required'    => $field->isRequired(),
                'disabled'    => $field->isDisabled(),
                'hidden'      => $field->isHidden(),
            ]) ?>>
</div>

add color.php to formwork>fields>color.php

<?php

use Formwork\Cms\App;
use Formwork\Fields\Exceptions\ValidationException;
use Formwork\Fields\Field;
use Formwork\Utils\Constraint;

return function (App $app) {
    return [
        'validate' => function (Field $field, $value): string {
            if (Constraint::isEmpty($value)) {
                return '';
            }

            if (!is_string($value) && !is_numeric($value)) {
                throw new ValidationException(sprintf('Invalid value for field "%s" of type "%s"', $field->name(), $field->type()));
            }

            return (string) $value;
        },
    ];
};

example of use:

background:
        type: color
        icon: file-icons
        label: 'Color'
        default: '#786544'
        width: 6-12

[giuscris]

Thank you for sharing this idea @RWDevelopment

I'm going to implement this by the end of weekend.
I'd just style the input to blend more with the design system and improve input validation.

I'll write here back when I'm done.

Sorry for my absence in the last 2 weeks

[RWDevelopment]

no problem with absence
i am also working on simple formwork starter theme made with picocss (12kb) and sprae.js (5kb) with formwork snippets and css components, so it could be also a simple docs for formwork

[giuscris]

@RWDevelopment I've just merged #693 to add color fields.