cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

chg: [genericElements:index_table] Immediately save index setting when dropdown menu gets closed

pull/93/head
Sami Mokaddem 2021-11-23 21:55:01 +01:00
parent ef41d71c8b
commit bfd3a0c1e0
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/element/genericElements/ListTopBar/group_table_action/hiddenColumns.php
View File

@ -40,6 +40,7 @@ echo $availableColumnsHtml;
const debouncedHiddenColumnSaverWithReload = debounce(mergeAndSaveSettingsWithReload, 2000) const debouncedHiddenColumnSaverWithReload = debounce(mergeAndSaveSettingsWithReload, 2000)
function attachListeners() { function attachListeners() {
let debouncedFunctionWithReload = false, debouncedFunction = false // used to flush debounce function if dropdown menu gets closed
$('form.visible-column-form, form.visible-meta-column-form').find('input').change(function() { $('form.visible-column-form, form.visible-meta-column-form').find('input').change(function() {
const $dropdownMenu = $(this).closest(`[data-table-random-value]`) const $dropdownMenu = $(this).closest(`[data-table-random-value]`)
const tableRandomValue = $dropdownMenu.attr('data-table-random-value') const tableRandomValue = $dropdownMenu.attr('data-table-random-value')
@ -50,15 +51,29 @@ echo $availableColumnsHtml;
let tableSettings = {} let tableSettings = {}
tableSettings[table_setting_id] = genTableSettings($container) tableSettings[table_setting_id] = genTableSettings($container)
if ($(this).closest('form').hasClass('visible-meta-column-form')) { if ($(this).closest('form').hasClass('visible-meta-column-form')) {
debouncedFunctionWithReload = true
debouncedHiddenColumnSaverWithReload(table_setting_id, tableSettings, $table) debouncedHiddenColumnSaverWithReload(table_setting_id, tableSettings, $table)
} else { } else {
debouncedFunction = true
debouncedHiddenColumnSaver(table_setting_id, tableSettings) debouncedHiddenColumnSaver(table_setting_id, tableSettings)
} }
}) })
const $dropdownMenu = $('form.visible-column-form, form.visible-meta-column-form').closest(`[data-table-random-value]`)
const $rootDropdown = $dropdownMenu.find('[data-bs-toggle="dropdown"]:first')
$rootDropdown[0].addEventListener('hidden.bs.dropdown', function() {
if (debouncedFunctionWithReload) {
debouncedHiddenColumnSaver.cancel()
debouncedHiddenColumnSaverWithReload.flush()
} else if (debouncedFunction) {
debouncedHiddenColumnSaver.flush()
}
debouncedFunction = false
debouncedFunctionWithReload = false
})
} }
function toggleColumn(columnName, isVisible, $table) { function toggleColumn(columnName, isVisible, $table) {
// debugger;
if (isVisible) { if (isVisible) {
$table.find(`th[data-columnname="${columnName}"],td[data-columnname="${columnName}"]`).show() $table.find(`th[data-columnname="${columnName}"],td[data-columnname="${columnName}"]`).show()
} else { } else {