Settings filter 🔍

This commit is contained in:
jokob-sk
2024-04-25 13:09:53 +10:00
parent 8ab3945871
commit b5be221aec
12 changed files with 96 additions and 20 deletions

View File

@@ -897,6 +897,11 @@ input[readonly] {
cursor: pointer;
}
.settingsImportedTimestamp
{
padding: 25px;
}
/* ----------------------------------------------------------------- */
/* Devices page */
/* ----------------------------------------------------------------- */

View File

@@ -124,8 +124,7 @@
if(allOpen == false || openOrClose == 'open')
{
// open all
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse in')})
$('div[data-myid="collapsible"]').each(function(){$(this).attr('style', 'height:inherit')})
openAllSettings()
$('#toggleSettings').attr('class', $('#toggleSettings').attr('class').replace(openIcon, closeIcon))
}
@@ -137,6 +136,11 @@
}
function openAllSettings() {
$('div[data-myid="collapsible"]').each(function(){$(this).attr('class', 'panel-collapse collapse in')})
$('div[data-myid="collapsible"]').each(function(){$(this).attr('style', 'height:inherit')})
}
// -------------------------------------------------------------------
// Checks if all schedules are the same
@@ -253,8 +257,44 @@ function initListInteractionOptions(selectorId) {
}
// -------------------------------------------------------------------
// Function to filter rows based on input text
function filterRows(inputText) {
$('.table_row').each(function() {
// Check if the row id ends with '__metadata'
var idAttribute = $(this).attr('id');
if (idAttribute && idAttribute.endsWith('__metadata')) {
$(this).hide(); // Hide the row if it ends with '__metadata'
return; // Skip to the next iteration
}
var description = $(this).find('.setting_description').text().toLowerCase();
var codeName = $(this).find('.setting_name code').text().toLowerCase();
if (description.includes(inputText.toLowerCase()) || codeName.includes(inputText.toLowerCase())) {
$(this).show(); // Show the row if it matches the input text
} else {
$(this).hide(); // Hide the row if it doesn't match the input text
}
});
}
setTimeout(() => {
// Event listener for input change
$('#settingsSearch').on('input', function() {
var searchText = $(this).val();
filterRows(searchText);
});
// Event listener for input focus
// var firstFocus = true;
$('#settingsSearch').on('focus', function() {
openAllSettings()
});
}, 1000);

View File

@@ -283,6 +283,7 @@
"Gen_Delete": "L\u00f6schen",
"Gen_DeleteAll": "Delete all",
"Gen_Error": "Fehler",
"Gen_Filter": "",
"Gen_LockedDB": "ERROR - DB eventuell gesperrt - Nutze die Konsole in den Entwickler Werkzeugen (F12) zur \u00dcberpr\u00fcfung oder probiere es sp\u00e4ter erneut.",
"Gen_Okay": "Ok",
"Gen_Purge": "Aufr\u00e4umen",
@@ -293,6 +294,7 @@
"Gen_Run": "Run",
"Gen_Save": "Speichern",
"Gen_Saved": "Gespeichert",
"Gen_Search": "",
"Gen_Selected_Devices": "Ausgew\u00e4hlte Ger\u00e4te:",
"Gen_Switch": "Umschalten",
"Gen_Upd": "Aktualisierung erfolgreich",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "Delete",
"Gen_DeleteAll": "Delete all",
"Gen_Error": "Error",
"Gen_Filter": "Filter",
"Gen_LockedDB": "ERROR - DB might be locked - Check F12 Dev tools -> Console or try later.",
"Gen_Okay": "Ok",
"Gen_Purge": "Purge",
@@ -281,6 +282,7 @@
"Gen_Run": "Run",
"Gen_Save": "Save",
"Gen_Saved": "Saved",
"Gen_Search": "Search",
"Gen_Selected_Devices": "Selected Devices:",
"Gen_Switch": "Switch",
"Gen_Upd": "Updated successfully",

View File

@@ -281,6 +281,7 @@
"Gen_Delete": "Eliminar",
"Gen_DeleteAll": "Eliminar todo",
"Gen_Error": "Error",
"Gen_Filter": "",
"Gen_LockedDB": "Fallo - La base de datos puede estar bloqueada - Pulsa F1 -> Ajustes de desarrolladores -> Consola o prueba m\u00e1s tarde.",
"Gen_Okay": "Aceptar",
"Gen_Purge": "Purgar",
@@ -291,6 +292,7 @@
"Gen_Run": "Ejecutar",
"Gen_Save": "Guardar",
"Gen_Saved": "Guardado",
"Gen_Search": "",
"Gen_Selected_Devices": "Dispositivos seleccionados:",
"Gen_Switch": "Cambiar",
"Gen_Upd": "Actualizado correctamente",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "Supprimer",
"Gen_DeleteAll": "",
"Gen_Error": "Erreur",
"Gen_Filter": "",
"Gen_LockedDB": "",
"Gen_Okay": "OK",
"Gen_Purge": "Purger",
@@ -281,6 +282,7 @@
"Gen_Run": "Lancer",
"Gen_Save": "Enregistrer",
"Gen_Saved": "Enregistr\u00e9",
"Gen_Search": "",
"Gen_Selected_Devices": "",
"Gen_Switch": "Basculer",
"Gen_Upd": "",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "Elimina",
"Gen_DeleteAll": "Elimina tutti",
"Gen_Error": "Errore",
"Gen_Filter": "",
"Gen_LockedDB": "ERRORE - Il DB potrebbe essere bloccato - Controlla gli strumenti sviluppatore (F12) -> Console o riprova pi\u00f9 tardi.",
"Gen_Okay": "Ok",
"Gen_Purge": "Svuota",
@@ -281,6 +282,7 @@
"Gen_Run": "Esegui",
"Gen_Save": "Salva",
"Gen_Saved": "Salvato",
"Gen_Search": "",
"Gen_Selected_Devices": "Dispositivi selezionati:",
"Gen_Switch": "",
"Gen_Upd": "Aggiornato correttamente",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "",
"Gen_DeleteAll": "",
"Gen_Error": "",
"Gen_Filter": "",
"Gen_LockedDB": "",
"Gen_Okay": "",
"Gen_Purge": "",
@@ -281,6 +282,7 @@
"Gen_Run": "",
"Gen_Save": "",
"Gen_Saved": "",
"Gen_Search": "",
"Gen_Selected_Devices": "",
"Gen_Switch": "",
"Gen_Upd": "",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "Usu\u0144",
"Gen_DeleteAll": "Usu\u0144 wszystko",
"Gen_Error": "B\u0142\u0105d",
"Gen_Filter": "",
"Gen_LockedDB": "B\u0141\u0104D - BAZA DANYCH mo\u017ce by\u0107 zablokowana - Sprawd\u017a F12 narz\u0119dzia dewelopera -> Konsola lub spr\u00f3buj ponownie p\u00f3\u017aniej.",
"Gen_Okay": "Ok",
"Gen_Purge": "Wyczy\u015b\u0107",
@@ -281,6 +282,7 @@
"Gen_Run": "Wykonaj",
"Gen_Save": "Zapisz",
"Gen_Saved": "Zapisano",
"Gen_Search": "",
"Gen_Selected_Devices": "Wybierz Urz\u0105dzenia:",
"Gen_Switch": "Switch",
"Gen_Upd": "Zaktualizowane poprawnie",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "",
"Gen_DeleteAll": "",
"Gen_Error": "",
"Gen_Filter": "",
"Gen_LockedDB": "",
"Gen_Okay": "",
"Gen_Purge": "",
@@ -281,6 +282,7 @@
"Gen_Run": "",
"Gen_Save": "",
"Gen_Saved": "",
"Gen_Search": "",
"Gen_Selected_Devices": "",
"Gen_Switch": "",
"Gen_Upd": "",

View File

@@ -271,6 +271,7 @@
"Gen_Delete": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c",
"Gen_DeleteAll": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0432\u0441\u0435",
"Gen_Error": "\u041e\u0448\u0438\u0431\u043a\u0430",
"Gen_Filter": "",
"Gen_LockedDB": "\u041e\u0428\u0418\u0411\u041a\u0410 - \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043d\u0430. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 F12 -> \u041a\u043e\u043d\u0441\u043e\u043b\u044c \u0438\u043b\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443 \u043f\u043e\u0437\u0436\u0435.",
"Gen_Okay": "OK",
"Gen_Purge": "\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c",
@@ -281,6 +282,7 @@
"Gen_Run": "\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c",
"Gen_Save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c",
"Gen_Saved": "\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e",
"Gen_Search": "",
"Gen_Selected_Devices": "\u0412\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430:",
"Gen_Switch": "\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c",
"Gen_Upd": "\u0423\u0441\u043f\u0435\u0448\u043d\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435",

View File

@@ -64,24 +64,29 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
<!-- Content header--------------------------------------------------------- -->
<section class="content-header">
<?php require 'php/templates/notification.php'; ?>
<h1 id="pageTitle">
<i class="fa fa-cog"></i>
<?= lang('Navigation_Settings');?>
<a style="cursor:pointer">
<span>
<i id='toggleSettings' onclick="toggleAllSettings()" class="settings-expand-icon fa fa-angle-double-down"></i>
</span>
</a>
</h1>
<div class="col-sm-2 " title="<?= lang("settings_imported");?> ">
<div class="settingsImported">
<?= lang("settings_imported_label");?>
</div>
<div class="col-sm-5">
<h1 id="pageTitle col-sm-3">
<i class="fa fa-cog"></i>
<?= lang('Navigation_Settings');?>
<a style="cursor:pointer">
<span>
<i id='toggleSettings' onclick="toggleAllSettings()" class="settings-expand-icon fa fa-angle-double-down"></i>
</span>
</a>
</h1>
</div>
<div class="col-sm-10">
<span id="lastImportedTime"></span>
</div>
<div class="col-sm-7 settingsImportedTimestamp" title="<?= lang("settings_imported");?> ">
<div class="settingsImported ">
<?= lang("settings_imported_label");?>:
<span id="lastImportedTime"></span>
</div>
</div>
</section>
@@ -97,6 +102,14 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
</section>
<section class="content-settings-search">
<div class ="bg-grey-dark color-palette box panel panel-default col-sm-12 box-default box-info">
<div class="col-sm-12"> <?= lang("Gen_Filter");?>
<input id="settingsSearch" type="text"></input>
</div>
</div>
</section>
<div class="content settingswrap " id="accordion_gen">