add new options in BooleanField: toggle|checkbox_class_when_true
and toggle|checkbox_class_when_false
This commit is contained in:
parent
374db9117f
commit
c9b997e75d
|
@ -18,6 +18,10 @@ class BooleanField extends Field
|
||||||
$resolver->setDefaults([
|
$resolver->setDefaults([
|
||||||
'view' => '@Core/admin/crud/field/boolean.html.twig',
|
'view' => '@Core/admin/crud/field/boolean.html.twig',
|
||||||
'display' => 'toggle',
|
'display' => 'toggle',
|
||||||
|
'checkbox_class_when_true' => 'fa-check-square',
|
||||||
|
'checkbox_class_when_false' => 'fa-square',
|
||||||
|
'toggle_class_when_true' => 'bg-secondary text-white',
|
||||||
|
'toggle_class_when_false' => 'bg-secondary text-white',
|
||||||
'default_value' => false,
|
'default_value' => false,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
|
|
@ -3,20 +3,16 @@
|
||||||
<span class="field-boolean">
|
<span class="field-boolean">
|
||||||
{% if options.display == 'checkbox' %}
|
{% if options.display == 'checkbox' %}
|
||||||
{% block checkbox %}
|
{% block checkbox %}
|
||||||
{% if value %}
|
<span class="fa {{ value ? options.checkbox_class_when_true : options.checkbox_class_when_false }}"></span>
|
||||||
<span class="fa fa-check-square"></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="fa fa-square"></span>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% elseif options.display == 'toggle' %}
|
{% elseif options.display == 'toggle' %}
|
||||||
{% block toggle %}
|
{% block toggle %}
|
||||||
{% if value %}
|
{% if value %}
|
||||||
<span class="rounded-pill pl-3 pr-1 bg-secondary text-white">
|
<span class="rounded-pill pl-3 pr-1 text-white {{ options.toggle_class_when_true }}">
|
||||||
<span class="fa fa-circle"></span>
|
<span class="fa fa-circle"></span>
|
||||||
</span>
|
</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
<span class="rounded-pill pr-3 pl-1 bg-secondary text-white">
|
<span class="rounded-pill pr-3 pl-1 text-white {{ options.toggle_class_when_false }}">
|
||||||
<span class="fa fa-circle"></span>
|
<span class="fa fa-circle"></span>
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in a new issue