mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 01:25:55 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed tristate inputs (used for permissions input)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
assets/js/app.js
View file

@ -45,6 +45,7 @@ import "./datatables";
import "./error_handler";
//import "./tab_remember";
import "./register_events";
import "./tristate_checkboxes";
//Define jquery globally
window.$ = window.jQuery = require("jquery")

24
assets/js/register_events.js
View file

@ -5,7 +5,6 @@ import "bootstrap-fileinput/css/fileinput.css"
//JS
import "./lib/jquery.tristate"
import "bootstrap-fileinput";
@ -14,8 +13,6 @@ const RegisterEventHelper = class {
constructor() {
this.registerTooltips();
this.registerJumpToTopBtn();
this.registerTriStateCheckboxes();
this.registerFileInput();
this.registerSpecialCharInput();
@ -67,27 +64,6 @@ const RegisterEventHelper = class {
});
}
registerTriStateCheckboxes() {
this.registerLoadHandler(() => {
$(".tristate").tristate( {
checked: "true",
unchecked: "false",
indeterminate: "indeterminate",
});
$('.permission_multicheckbox:checkbox').change(function() {
//Find the other checkboxes in this row, and change their value
var $row = $(this).parents('tr');
//@ts-ignore
var new_state = $(this).tristate('state');
//@ts-ignore
$('.tristate:checkbox', $row).tristate('state', new_state);
});
})
}
registerSpecialCharInput() {
this.registerLoadHandler(() => {
//@ts-ignore

51
assets/js/tristate_checkboxes.js Normal file
View file

@ -0,0 +1,51 @@
'use strict';
import "./lib/jquery.tristate"
const TristateHelper = class {
constructor() {
this.registerTriStateCheckboxes();
this.registerSubmitHandler();
}
registerSubmitHandler() {
document.addEventListener("turbo:submit-start", (e) => {
var form = e.detail.formSubmission.formElement;
var formData = e.detail.formSubmission.formData;
var $tristate_checkboxes = $('.tristate:checkbox', form);
//Iterate over each tristate checkbox in the form and set formData to the correct value
$tristate_checkboxes.each(function() {
var $checkbox = $(this);
var state = $checkbox.tristate('state');
formData.set($checkbox.attr('name'), state);
});
});
}
registerTriStateCheckboxes() {
//Initialize tristate checkboxes and if needed the multicheckbox functionality
document.addEventListener("turbo:load", () => {
$(".tristate").tristate( {
checked: "true",
unchecked: "false",
indeterminate: "indeterminate",
});
$('.permission_multicheckbox:checkbox').change(function() {
//Find the other checkboxes in this row, and change their value
var $row = $(this).parents('tr');
//@ts-ignore
var new_state = $(this).tristate('state');
//@ts-ignore
$('.tristate:checkbox', $row).tristate('state', new_state);
});
})
}
}
export default new TristateHelper();

3
src/Form/Permissions/PermissionType.php
View file

@ -97,6 +97,9 @@ class PermissionType extends AbstractType
'mapped' => false,
'label' => $operation['label'] ?? null,
'disabled' => $options['disabled'],
'label_attr' => [
'class' => 'checkbox-inline opacity-100',
],
]);
}

1
src/Form/Type/TriStateCheckboxType.php
View file

@ -174,6 +174,7 @@ final class TriStateCheckboxType extends AbstractType implements DataTransformer
case '':
return false;
case 'indeterminate':
case 'null':
return null;
default:
throw new InvalidArgumentException('Invalid value encountered!: '.$value);

2
templates/Form/extendedBootstrap4_layout.html.twig
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 -%}

20
templates/Form/permissionLayout.html.twig
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>