Settings filter v0.2 🔍

This commit is contained in:
jokob-sk
2024-04-25 14:14:19 +10:00
parent b5be221aec
commit 294518b146
5 changed files with 57 additions and 15 deletions

View File

@@ -902,6 +902,35 @@ input[readonly] {
padding: 25px;
}
.settingsSearchWrap
{
padding:10px;
}
.settings-sticky-bottom-section {
position: fixed;
z-index: 999;
background-color: #2d2d2d;
opacity: 0.8;
bottom: 30px;
border-radius: 5px;
}
.settings-sticky-bottom-section:hover {
opacity: 1;
}
.clear-filter
{
opacity: 0.5;
cursor: pointer;
}
.clear-filter:hover
{
opacity: 1;
}
/* ----------------------------------------------------------------- */
/* Devices page */
/* ----------------------------------------------------------------- */

View File

@@ -106,7 +106,7 @@
"description": [
{
"language_code": "en_us",
"string": "Specify when your Network-discovery scan will run. Typical setting would be <code>schedule</code> and then you specify a cron-like schedule in the <a href=\"#ARPSCAN_RUN_SCHD\"><code>ARPSCAN_RUN_SCHD</code>setting</a>. ⚠ Use the same schedule if you have multiple <i class=\"fa-solid fa-magnifying-glass-plus\"></i> Device scanners enabled."
"string": "Specify when your Network-discovery scan will run. Typical setting would be <code>schedule</code> and then you specify a cron-like schedule in the <a href=\"#ARPSCAN_RUN_SCHD\"><code>ARPSCAN_RUN_SCHD</code>setting</a>. ⚠ Use the same schedule if you have multiple <i class=\"fa-solid fa-magnifying-glass-plus\"></i> Device scanners enabled. <br/><br/> Depends on the <a onclick=\"toggleAllSettings()\" href=\"#SCAN_SUBNETS\"><code>SCAN_SUBNETS</code> setting</a>."
},
{
"language_code": "es_es",

View File

@@ -82,7 +82,7 @@
"description": [
{
"language_code": "en_us",
"string": "Specify when your Network-discovery scan will run. Typical setting would be <code>schedule</code> and then you specify a cron-like schedule in the <a href=\"#NMAPDEV_RUN_SCHD\"><code>NMAPDEV_RUN_SCHD</code>setting</a>. ⚠ Use the same schedule if you have multiple <i class=\"fa-solid fa-magnifying-glass-plus\"></i> Device scanners enabled."
"string": "Specify when your Network-discovery scan will run. Typical setting would be <code>schedule</code> and then you specify a cron-like schedule in the <a href=\"#NMAPDEV_RUN_SCHD\"><code>NMAPDEV_RUN_SCHD</code>setting</a>. ⚠ Use the same schedule if you have multiple <i class=\"fa-solid fa-magnifying-glass-plus\"></i> Device scanners enabled.<br/><br/> Depends on the <a onclick=\"toggleAllSettings()\" href=\"#SCAN_SUBNETS\"><code>SCAN_SUBNETS</code> setting</a>."
},
{
"language_code": "es_es",

View File

@@ -112,7 +112,7 @@
}],
"description": [{
"language_code":"en_us",
"string" : "Only enabled if you select <code>schedule</code> in the <a href=\"#NSLOOKUP_RUN\"><code>NSLOOKUP_RUN</code> setting</a>. Make sure you enter the schedule in the correct cron-like format (e.g. validate at <a href=\"https://crontab.guru/\" target=\"_blank\">crontab.guru</a>). For example entering <code>0 4 * * *</code> will run the scan after 4 am in the <a onclick=\"toggleAllSettings()\" href=\"#TIMEZONE\"><code>TIMEZONE</code> you set above</a>. Will be run NEXT time the time passes."
"string" : "Only enabled if you select <code>schedule</code> in the <a href=\"#NSLOOKUP_RUN\"><code>NSLOOKUP_RUN</code> setting</a>. Make sure you enter the schedule in the correct cron-like format (e.g. validate at <a href=\"https://crontab.guru/\" target=\"_blank\">crontab.guru</a>). For example entering <code>0 4 * * *</code> will run the scan after 4 am in the <a onclick=\"toggleAllSettings()\" href=\"#TIMEZONE\"><code>TIMEZONE</code> you set above</a>. Will be run NEXT time the time passes.<br/><br/> Depends on the <a onclick=\"toggleAllSettings()\" href=\"#SCAN_SUBNETS\"><code>SCAN_SUBNETS</code> setting</a>."
},
{
"language_code":"es_es",

View File

@@ -102,13 +102,7 @@ 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">
@@ -151,15 +145,34 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
</div>
<!-- /.content -->
<div class="row" >
<div class="row">
<button type="button" class="center top-margin btn btn-primary btn-default pa-btn bg-green dbtools-button" id="save" onclick="saveSettings()"><?= lang('DevDetail_button_Save');?></button>
<section class=" settings-sticky-bottom-section col-sm-12">
<div class="col-sm-5 settingsSearchWrap form-group has-success bg-white color-palette ">
<div class ="col-sm-12">
<i class="fa-solid fa-filter"></i> <?= lang("Gen_Filter");?>
</div>
<div class ="col-sm-12">
<div class ="col-sm-11">
<input type="text" id="settingsSearch" class="form-control input-sm col-sm-7" placeholder="Filter Settings...">
</div>
<div class ="col-sm-1 clear-filter">
<i class="fa-solid fa-circle-xmark" onclick="$('#settingsSearch').val('')"></i>
</div>
</div>
</div>
<div class="col-sm-5">
<button type="button" class="center top-margin btn btn-primary btn-default pa-btn bg-green" id="save" onclick="saveSettings()"><?= lang('DevDetail_button_Save');?></button>
</div>
<div id="result"></div>
</div>
</section>
</div>
<!-- /.content-wrapper -->
<!-- ----------------------------------------------------------------------- -->
@@ -471,7 +484,7 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
inputHtml += `</select>
</div>
<div class="col-xs-6">
<div class="col-xs-12">
<button class="btn btn-primary" my-input="${codeName}" onclick="removeFromList(this)">
${getString("Gen_Remove_Last")}
</button>