DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix linter js

Browse source
This commit is contained in:
Lisa Durand 2023-01-26 15:14:36 +01:00
parent 8adb90b7e0
commit 3fdfc38faf
2 changed files with 44 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/dossiers/batch_notice_select_all_component/batch_notice_select_all_component.html.haml
View file

@ -18,4 +18,4 @@
%a{ :href => "#", data: { action: "batch-operation#onDeleteSelection" } }
= t(".delete_selection")
= hidden_field_tag :"batch_operation[dossier_ids][]", "", form: dom_id(BatchOperation.new), id: dom_id(BatchOperation.new, "checkbox_multiple")
= hidden_field_tag :"batch_operation[dossier_ids][]", "", form: dom_id(BatchOperation.new), id: dom_id(BatchOperation.new, "input_multiple_ids")

61
app/javascript/controllers/batch_operation_controller.ts
View file

@ -20,24 +20,33 @@ export class BatchOperationController extends ApplicationController {
this.inputTargets.forEach((e) => (e.checked = target.checked));
this.toggleSubmitButtonWhenNeeded();
const pagination = document.querySelector('.pagination')
const pagination = document.querySelector('.pagination');
if (pagination) {
displayNotice(this.inputTargets);
}
}
onSelectMore(event) {
onSelectMore(event: {
preventDefault: () => void;
target: HTMLInputElement;
}) {
event.preventDefault();
const target = event.target as HTMLInputElement;
const dossierIds = target.getAttribute('data-dossiers');
const hidden_checkbox_multiple_ids = document.querySelector('#checkbox_multiple_batch_operation');
hidden_checkbox_multiple_ids.value = dossierIds;
const hidden_input_multiple_ids = document.querySelector<HTMLInputElement>(
'#input_multiple_ids_batch_operation'
);
if (hidden_input_multiple_ids) {
hidden_input_multiple_ids.value = dossierIds || '';
}
hide(document.querySelector('#not_selected'));
show(document.querySelector('#selected'));
}
onDeleteSelection(event) {
onDeleteSelection(event: { preventDefault: () => void }) {
event.preventDefault();
emptyCheckboxes();
deleteSelection();
@ -88,27 +97,43 @@ function switchButton(button: HTMLButtonElement, flag: boolean) {
}
}
function displayNotice(inputs) {
if (document.querySelector('#checkbox_all_batch_operation').checked) {
show(document.querySelector('.fr-notice'));
hide(document.querySelector('#selected'));
show(document.querySelector('#not_selected'));
} else {
hide(document.querySelector('.fr-notice'));
deleteSelection();
};
function displayNotice(inputs: HTMLInputElement[]) {
const checkbox_all = document.querySelector<HTMLInputElement>(
'#checkbox_all_batch_operation'
);
if (checkbox_all) {
if (checkbox_all.checked) {
show(document.querySelector('.fr-notice'));
hide(document.querySelector('#selected'));
show(document.querySelector('#not_selected'));
} else {
hide(document.querySelector('.fr-notice'));
deleteSelection();
}
}
document.querySelector('#dynamic_number').textContent = (inputs.length);
const dynamic_number = document.querySelector('#dynamic_number');
if (dynamic_number) {
dynamic_number.textContent = inputs.length.toString();
}
}
function deleteSelection() {
const hidden_checkbox_multiple_ids = document.querySelector('#checkbox_multiple_batch_operation');
hidden_checkbox_multiple_ids.value = "";
const hidden_input_multiple_ids = document.querySelector<HTMLInputElement>(
'#input_multiple_ids_batch_operation'
);
if (hidden_input_multiple_ids) {
hidden_input_multiple_ids.value = '';
}
hide(document.querySelector('.fr-notice'));
}
function emptyCheckboxes() {
const inputs = document.querySelectorAll('div[data-controller="batch-operation"] input[type=checkbox]')
const inputs = document.querySelectorAll<HTMLInputElement>(
'div[data-controller="batch-operation"] input[type=checkbox]'
);
inputs.forEach((e) => (e.checked = false));
}