Emmo213
106 lines
3.7 KiB
PHP
106 lines
3.7 KiB
PHP
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
</style>
|
|
|
|
<div class="customlabels column1">
|
|
<form action="" method="GET" id="add">
|
|
<h3>All Species Labels</h3>
|
|
<input autocomplete="off" size="18" type="text" placeholder="Search Species..." id="whitelist_species_searchterm" name="whitelist_species_searchterm">
|
|
<br>
|
|
<span>Once the desired species has been highlighted, click it and then click ADD to have it whitelisted. This species will be detected even if below the Species Occurrence Frequency Threshold defined in the settings.
|
|
This is not a recommended way of working : it is preferable to first try first both Species Occurrence models (v1 and v2.4).</span>
|
|
<select name="species[]" id="species" multiple size="25">
|
|
<?php
|
|
error_reporting(E_ALL);
|
|
ini_set('display_errors',1);
|
|
|
|
$filename = './scripts/labels.txt';
|
|
$eachline = file($filename, FILE_IGNORE_NEW_LINES);
|
|
|
|
foreach($eachline as $lines){echo
|
|
"<option value=\"".$lines."\">$lines</option>";}
|
|
?>
|
|
</select>
|
|
<input type="hidden" name="add" value="add">
|
|
</form>
|
|
<div class="customlabels smaller">
|
|
<button type="submit" name="view" value="Whitelisted" form="add">>>ADD>></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="customlabels column2">
|
|
<table><td>
|
|
<button type="submit" name="view" value="Whitelisted" form="add">>>ADD>></button>
|
|
<br><br>
|
|
<button type="submit" name="view" value="Whitelisted" form="del">REMOVE</button>
|
|
</td></table>
|
|
</div>
|
|
|
|
<div class="customlabels column3">
|
|
<form action="" method="GET" id="del">
|
|
<h3>Whitelisted Species List</h3>
|
|
<br><br><br>
|
|
<select name="species[]" id="value2" multiple size="25">
|
|
<option disabled value="base">Please Select</option>
|
|
<?php
|
|
$filename = './scripts/whitelist_species_list.txt';
|
|
$eachline = file($filename, FILE_IGNORE_NEW_LINES);
|
|
foreach($eachline as $lines){
|
|
echo
|
|
"<option value=\"".$lines."\">$lines</option>";
|
|
}?>
|
|
</select>
|
|
<input type="hidden" name="del" value="del">
|
|
</form>
|
|
<div class="customlabels smaller">
|
|
<button type="submit" name="view" value="Whitelisted" form="del">REMOVE</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Store the original list of options in a variable
|
|
var originalOptions = {};
|
|
|
|
document.getElementById("add").addEventListener("submit", function(event) {
|
|
var speciesSelect = document.getElementById("species");
|
|
if (speciesSelect.selectedIndex < 0) {
|
|
alert("Please click the species you want to add.");
|
|
document.querySelector('.views').style.opacity = 1;
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
var search_term = document.querySelector("input#whitelist_species_searchterm");
|
|
search_term.addEventListener("keyup", function() {
|
|
filterOptions("species");
|
|
});
|
|
|
|
// Function to filter options in a select element
|
|
function filterOptions(id) {
|
|
var input = document.getElementById("whitelist_species_searchterm");
|
|
var filter = input.value.toUpperCase();
|
|
var select = document.getElementById(id);
|
|
var options = select.getElementsByTagName("option");
|
|
|
|
// If the original list of options for this select element hasn't been stored yet, store it
|
|
if (!originalOptions[id]) {
|
|
originalOptions[id] = Array.from(options).map(option => option.value);
|
|
}
|
|
|
|
// Clear the select element
|
|
while (select.firstChild) {
|
|
select.removeChild(select.firstChild);
|
|
}
|
|
|
|
// Populate the select element with the filtered labels
|
|
originalOptions[id].forEach(label => {
|
|
if (label.toUpperCase().indexOf(filter) > -1) {
|
|
let option = document.createElement('option');
|
|
option.value = label;
|
|
option.text = label;
|
|
select.appendChild(option);
|
|
}
|
|
});
|
|
}
|
|
</script>
|