Function initRow

js/filter.js:224–266

(row, dimension = '', option = '', value = '')

        const addButton = container.getElementById('addFilterRowButton');

        const initRow = function (row, dimension = '', option = '', value = '') {
            const rowIndex = Array.from(table.querySelectorAll('.filterRow')).indexOf(row);
            const dimSelect = row.querySelector('.filterDialogDimension');
            dimSelect.id = rowIndex === 0 ? 'filterDialogDimension' : `filterDialogDimension${rowIndex}`;
            dimSelect.innerHTML = '';
            Object.keys(availableDimensions).forEach(key => {
                dimSelect.options.add(new Option(availableDimensions[key], key));
            });
            if (dimension) {
                dimSelect.value = dimension;
            }
            dimSelect.addEventListener('change', function (evt) {
                row.querySelector('.filterDialogValue').dataset.dropdownlistindex = evt.target.selectedIndex;
            });

            const optSelect = row.querySelector('.filterDialogOption');
            optSelect.id = rowIndex === 0 ? 'filterDialogOption' : `filterDialogOption${rowIndex}`;
            optSelect.innerHTML = '';
            Object.keys(optionTexts).forEach(key => {
                optSelect.options.add(new Option(optionTexts[key], key));
            });
            if (option) {
                optSelect.value = option;
            }

            const valueInput = row.querySelector('.filterDialogValue');
            valueInput.id = rowIndex === 0 ? 'filterDialogValue' : `filterDialogValue${rowIndex}`;
            valueInput.value = value;
            valueInput.addEventListener('click', OCA.Analytics.Report.showDropDownList);
            valueInput.addEventListener('keydown', function (event) {
                if (event.key === 'Enter') {
                    OCA.Analytics.Filter.processFilterDialog();
                }
            });
            valueInput.dataset.dropdownlistindex = dimSelect.selectedIndex;

            const removeIcon = row.querySelector('.icon-analytics-filterRow-remove');
            if (removeIcon) {
                removeIcon.addEventListener('click', function () {
                    row.remove();
                });
            }
        };

        const addRow = function (dimension = '', option = '', value = '') {
            const rowTemplate = document.getElementById('templateFilterDialogRow').content;