refactor(dossiers): table in new dsfr design

- remove obsolete css
- handle check / check all dsfr UI
- min height hack does not work anymore (pending a new solution)
This commit is contained in:
Colin Darie 2024-11-12 17:04:30 +01:00
parent 753c602802
commit e7768bbf4b
No known key found for this signature in database
GPG key ID: 4FB865FDBCA4BCC4
15 changed files with 228 additions and 282 deletions

View file

@ -17,10 +17,16 @@ export class BatchOperationController extends ApplicationController {
onCheckAll(event: Event) {
const target = event.target as HTMLInputElement;
this.inputTargets.forEach((e) => (e.checked = target.checked));
this.inputTargets.forEach((e) => {
e.checked = target.checked;
e.dispatchEvent(new Event('change')); // dispatch change for dsfr checkbox behavior
});
this.toggleSubmitButtonWhenNeeded();
const pagination = document.querySelector('tfoot .fr-pagination');
const pagination = document.querySelector(
'.fr-table__footer .fr-pagination'
);
if (pagination) {
displayNotice(this.inputTargets);
}

View file

@ -4,6 +4,7 @@ import '@gouvfr/dsfr/dist/scheme/scheme.module';
import '@gouvfr/dsfr/dist/component/display/display.module';
import '@gouvfr/dsfr/dist/component/toggle/toggle.module';
import '@gouvfr/dsfr/dist/component/breadcrumb/breadcrumb.module';
import '@gouvfr/dsfr/dist/component/checkbox/checkbox.module';
import '@gouvfr/dsfr/dist/component/modal/modal.module';
import '@gouvfr/dsfr/dist/component/navigation/navigation.module';
import '@gouvfr/dsfr/dist/component/segmented/segmented.module';