claudecode/AvianVisitors
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improvements to search, moving styles to .css

Browse Source
This commit is contained in:
ehpersonal38
2022-05-02 09:39:14 -04:00
parent 78b1dced39
commit 5fa1048ace
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
homepage/style.css
+18
View File
@@ -513,3 +513,21 @@ button:hover {
padding:5px; padding:5px;
border: 2px solid black; border: 2px solid black;
} }
button.legacyview {
color:gray;
margin:5px;
float:right;
z-index:100;
position:relative;
font-size:small;
background:#dbffeb;
padding:5px;
border: 2px solid black;
}
button.loadmore {
margin-top:10px;
font-size:x-large;
background:#dbffeb;
padding:10px;
border: 2px solid black;
}
scripts/todays_detections.php
+10 -6
View File
@@ -112,7 +112,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" ) {
// don't show the button if there's no more detections to be displayed, we're at the end of the list // don't show the button if there's no more detections to be displayed, we're at the end of the list
if($iterations >= 40 && isset($_GET['display_limit']) && is_numeric($_GET['display_limit'])) { ?> if($iterations >= 40 && isset($_GET['display_limit']) && is_numeric($_GET['display_limit'])) { ?>
<center> <center>
<button style="margin-top:10px;font-size:x-large;background:#dbffeb;padding:10px;border: 2px solid black;" onclick="loadDetections(<?php echo $_GET['display_limit'] + 40; ?>, this);" value="Today's Detections">Load 40 More...</button> <button class="loadmore" onclick="loadDetections(<?php echo $_GET['display_limit'] + 40; ?>, this);" value="Today's Detections">Load 40 More...</button>
</center> </center>
<?php } <?php }
@@ -156,11 +156,11 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" ) {
</tr> </tr>
</table> </table>
<h3>Today's Detections — <input size="11" type="text" placeholder="Search..." id="searchterm" name="searchterm"></h3> <h3>Today's Detections — <input autocomplete="off" size="11" type="text" placeholder="Search..." id="searchterm" name="searchterm"></h3>
<div style="padding-bottom:10px" id="detections_table"></div> <div style="padding-bottom:10px" id="detections_table"></div>
<button onclick="switchViews(this);" style="color:gray;margin:5px;float:right;z-index:100;position:relative;font-size:small;background:#dbffeb;padding:5px;border: 2px solid black;">Legacy view</button> <button onclick="switchViews(this);" class="legacyview">Legacy view</button>
</div> </div>
@@ -169,7 +169,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" ) {
var timer = ''; var timer = '';
searchterm = ""; searchterm = "";
document.getElementById("searchterm").oninput = (function(e) { document.getElementById("searchterm").onkeydown = (function(e) {
if (e.key === "Enter") { if (e.key === "Enter") {
clearTimeout(timer); clearTimeout(timer);
searchDetections(document.getElementById("searchterm").value); searchDetections(document.getElementById("searchterm").value);
@@ -178,7 +178,11 @@ document.getElementById("searchterm").oninput = (function(e) {
clearTimeout(timer); clearTimeout(timer);
timer = setTimeout(function() { timer = setTimeout(function() {
searchDetections(document.getElementById("searchterm").value); searchDetections(document.getElementById("searchterm").value);
document.getElementById("searchterm").blur();
setTimeout(function() {
// search auto submitted and now the user is probably scrolling, get the keyboard out of the way & prevent browser from jumping to the top when a video is played
document.getElementById("searchterm").blur();
}, 2000);
}, 1000); }, 1000);
} }
}); });
@@ -194,7 +198,7 @@ function switchViews(element) {
} }
} }
function searchDetections(searchvalue) { function searchDetections(searchvalue) {
document.getElementById("detections_table").innerHTML = ""; document.getElementById("detections_table").innerHTML = "<h3>Loading...</h3>";
searchterm = searchvalue; searchterm = searchvalue;
loadDetections(40,undefined); loadDetections(40,undefined);
} }