/**
* @file development/issues/open/272.mjs
* @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/272
* @description check and update data save button
* @issue 272
*/

import "../../../source/components/style/property.pcss";
import "../../../source/components/style/link.pcss";
import "../../../source/components/style/color.pcss";
import "../../../source/components/style/theme.pcss";
import "../../../source/components/style/normalize.pcss";
import "../../../source/components/style/typography.pcss";
import "../../../source/components/datatable/datasource/rest.mjs";
import "../../../source/components/datatable/datasource/dom.mjs";
import "../../../source/components/datatable/dataset.mjs";
import "../../../source/components/datatable/pagination.mjs";
import "../../../source/components/form/button.mjs";
import "../../../source/components/form/button-bar.mjs";

// DOM-Elemente für die Seiten-Datensätze
const pageData1 = document.getElementById("ds272-d");
const pageData2 = document.getElementById("ds272-r");

// Allgemeine Funktion zur Einstellung der Seitennummer
function setPage(dataElement, pageNum) {
    dataElement.setParameters({page: pageNum});
}

// Initialisierung der Buttons und Event-Handler für die erste Datenquelle
const buttonBar1 = document.getElementById("bb-d");
['first', 'second', 'third', 'fourth'].forEach((label, index) => {
    const button = buttonBar1.children[index];
    button.setOption("actions.click", () => setPage(pageData1, index + 1));
});

// Initialisierung der Buttons und Event-Handler für die zweite Datenquelle
const buttonBar2 = document.getElementById("bb-r");
['first', 'second', 'third', 'fourth'].forEach((label, index) => {
    const button = buttonBar2.children[index];
    button.setOption("actions.click", () => setPage(pageData2, index + 1));
});