Fixed tristate inputs (used for permissions input)

This commit is contained in:
Jan Böhmer 2022-07-24 21:12:11 +02:00
parent f06ad01eb2
commit 9ed487c629
7 changed files with 67 additions and 35 deletions

View file

@ -104,7 +104,7 @@
{%- set parent_label_class = parent_label_class|default(label_attr.class|default('')) -%}
{%- if 'checkbox-custom' in parent_label_class -%}
{%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-check-input')|trim}) -%}
<div class="custom-control custom-checkbox{{ 'checkbox-inline' in parent_label_class ? ' custom-control-inline' }}">
<div class="custom-control custom-checkbox{{ 'checkbox-inline' in parent_label_class ? ' form-check-inline' }}">
{{- form_label(form, null, { widget: block('tr_parent') }) -}}
</div>
{%- else -%}

View file

@ -29,7 +29,7 @@
{% block permission_group_row %}
{{ form_errors(form) }}
<table class="table table-bordered table-sm">
<table class="table table-bordered table-sm table-striped table-hover">
<thead>
<tr>
<th>{% trans %}permission.edit.permission{% endtrans %}</th>
@ -52,17 +52,17 @@
<div class="mb-2">
<label><b>{% trans %}permission.legend.title{% endtrans %}:</b></label>
<div>
<div class="custom-control custom-control-inline custom-checkbox">
<input type="checkbox" hidden class="form-check-input">
<label class="form-check-label">{% trans %}permission.legend.disallow{% endtrans %}</label>
<div class="form-check form-check-inline">
<input type="checkbox" class="form-check-input" disabled>
<label class="form-check-label opacity-100">{% trans %}permission.legend.disallow{% endtrans %}</label>
</div>
<div class="custom-control custom-control-inline custom-checkbox">
<input class="form-check-input" type="checkbox" hidden checked>
<label class="form-check-label">{% trans %}permission.legend.allow{% endtrans %}</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" disabled>
<label class="form-check-label opacity-100">{% trans %}permission.legend.allow{% endtrans %}</label>
</div>
<div class="custom-control custom-control-inline custom-checkbox">
<input type="checkbox" class="tristate form-check-input" hidden indeterminate="indeterminate">
<label class="form-check-label">{% trans %}permission.legend.inherit{% endtrans %}</label>
<div class="form-check form-check-inline">
<input type="checkbox" class="tristate form-check-input" indeterminate="indeterminate" disabled>
<label class="form-check-label opacity-100">{% trans %}permission.legend.inherit{% endtrans %}</label>
</div>
</div>
</div>