beenull/adminerevo
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Repair table filter plugin

Browse source 
Undo accidental reversion of commit 2b41f629a0
Check no other modifier keys & not already focussed for shortcut.
This commit is contained in:
Roy-Orbison 2023-09-22 15:58:08 +09:30
parent bfd0ffd2b5
commit 62ff501346
1 changed files with 70 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

118
plugins/tables-filter.php
View file

@ -6,29 +6,43 @@
* @license https://www.apache.org/licenses/LICENSE-2.0 Apache License, Version 2.0
* @license https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License, version 2 (one or other)
*/
class AdminerTablesFilter {
function tablesPrint($tables) { ?>
<script<?php echo nonce(); ?>>
var tablesFilterTimeout = null;
var tablesFilterValue = '';
<fieldset class="jsonly" style="margin-left: .8em;">
<legend><?php echo lang('Filter tables'); ?></legend>
<div>
<input type="search" id="filter-field" autocomplete="off" placeholder="Ctrl + Shift + F">
<input type="button" id="filter-field-reset" value="<?php echo lang('Clear'); ?>">
</div>
</fieldset>
function tablesFilter(){
var value = qs('#filter-field').value.toLowerCase();
if (value == tablesFilterValue) {
<script<?php echo nonce(); ?>>
(function() {
var timeout;
var lastValue = '';
var filterField = qs('#filter-field');
function filter() {
timeout && (timeout = null);
var value = filterField.value.toLowerCase();
if (value == lastValue) {
return;
}
tablesFilterValue = value;
lastValue = value;
if (value != '') {
var reg = (value + '').replace(/([\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, '\\$1');
var reg = (value + '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
reg = new RegExp('('+ reg + ')', 'gi');
}
if (sessionStorage) {
if (window.sessionStorage) {
sessionStorage.setItem('adminer_tables_filter', value);
}
var tables = qsa('li', qs('#tables'));
var a;
var text;
for (var i = 0; i < tables.length; i++) {
var a = null;
var text = tables[i].getAttribute('data-table-name');
text = tables[i].getAttribute('data-table-name');
if (text == null) {
a = qsa('a', tables[i])[1];
text = a.innerHTML.trim();
@ -48,45 +62,53 @@ function tablesFilter(){
}
}
function tablesFilterInput() {
window.clearTimeout(tablesFilterTimeout);
tablesFilterTimeout = window.setTimeout(tablesFilter, 200);
}
sessionStorage && document.addEventListener('DOMContentLoaded', function () {
if (qs('#dbs') != null) {
var db = qs('#dbs').querySelector('select');
db = db.options[db.selectedIndex].text;
if (db == sessionStorage.getItem('adminer_tables_filter_db') && sessionStorage.getItem('adminer_tables_filter')){
qs('#filter-field').value = sessionStorage.getItem('adminer_tables_filter');
tablesFilter();
}
sessionStorage.setItem('adminer_tables_filter_db', db);
}
document.addEventListener('keyup', function(event) {
if (event.ctrlKey && event.shiftKey && event.key == 'F') {
qs('#filter-field').focus();
return;
}
});
qs('#filter-field').addEventListener('keydown', function(event) {
if (event.key == 'Enter' || event.keyCode == 13 || event.which == 13) {
event.preventDefault();
return false;
}
});
filterField.addEventListener('input', function input() {
timeout && window.clearTimeout(timeout);
timeout = window.setTimeout(filter, 200);
});
document.addEventListener('keyup', function(event) {
if (
event.ctrlKey
&& event.shiftKey
&& event.key == 'F'
&& !event.altKey
&& !event.metaKey
&& (
!document.activeElement
|| document.activeElement != filterField
)
) {
filterField.focus();
}
});
filterField.addEventListener('keydown', function(event) {
if (event.key == 'Enter' || event.keyCode == 13 || event.which == 13) {
event.preventDefault();
return false;
}
});
qs('#filter-field-reset').addEventListener('click', function() {
filterField.value = '';
filterField.dispatchEvent(new Event('input'));
});
window.sessionStorage && document.addEventListener('DOMContentLoaded', function restore() {
var db = qs('#dbs select');
var value;
db = db.options[db.selectedIndex].text;
if (
db == sessionStorage.getItem('adminer_tables_filter_db')
&& (value = sessionStorage.getItem('adminer_tables_filter'))
) {
filterField.value = value;
filter();
}
sessionStorage.setItem('adminer_tables_filter_db', db);
});
})();
</script>
<fieldset style="margin-left: .8em;">
<legend><?php echo lang('Filter tables'); ?></legend>
<div>
<input type="search" id="filter-field" autocomplete="off" placeholder="Ctrl + Shift + F"><?php echo script("qs('#filter-field').oninput = tablesFilterInput;"); ?>
<input type="button" id="filter-field-reset" value="<?php echo lang('Clear'); ?>">
<?php echo script("qs('#filter-field-reset').onclick = function() { qs('#filter-field').value = ''; qs('#filter-field').dispatchEvent(new Event('input')); }"); ?>
</div>
</fieldset>
<?php
}
}