alamin/websurfx
alamin/websurfx
0
0
Fork 0
mirror of https://github.com/neon-mmd/websurfx.git synced 2024-11-21 21:48:21 -05:00
Code Issues Releases Activity

Merge pull request #103 from alamin655/js

Browse Source 
Streamline search and navigation logic for better code maintainability
This commit is contained in:
zhou fan 2023-06-11 06:33:29 +08:00 committed by GitHub
commit e8935bc52d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 48 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/static/index.js
View File

@ -1,10 +1,25 @@
let search_box = document.querySelector('input')
function search_web() {
window.location = `search?q=${search_box.value}`
/**
* Selects the input element for the search box
* @type {HTMLInputElement}
*/
const searchBox = document.querySelector('input');
/**
* Redirects the user to the search results page with the query parameter
*/
function searchWeb() {
const query = searchBox.value.trim();
if (query) {
window.location.href = `search?q=${encodeURIComponent(query)}`;
}
}
search_box.addEventListener('keyup', (e) => {
/**
* Listens for the 'Enter' key press event on the search box and calls the searchWeb function
* @param {KeyboardEvent} e - The keyboard event object
*/
searchBox.addEventListener('keyup', (e) => {
if (e.key === 'Enter') {
search_web()
searchWeb();
}
})
});

43
public/static/pagination.js
View File

@ -1,26 +1,39 @@
/**
* Navigates to the next page by incrementing the current page number in the URL query parameters.
* @returns {void}
*/
function navigate_forward() {
const url = new URL(window.location)
const searchParams = url.searchParams
const url = new URL(window.location);
const searchParams = url.searchParams;
let q = searchParams.get('q')
let page = searchParams.get('page')
let q = searchParams.get('q');
let page = parseInt(searchParams.get('page'));
if (page === null) {
page = 2
window.location = `${url.origin}${url.pathname}?q=${q}&page=${page}`
if (isNaN(page)) {
page = 1;
} else {
window.location = `${url.origin}${url.pathname}?q=${q}&page=${++page}`
}
page++;
}
window.location.href = `${url.origin}${url.pathname}?q=${encodeURIComponent(q)}&page=${page}`;
}
/**
* Navigates to the previous page by decrementing the current page number in the URL query parameters.
* @returns {void}
*/
function navigate_backward() {
const url = new URL(window.location)
const searchParams = url.searchParams
const url = new URL(window.location);
const searchParams = url.searchParams;
let q = searchParams.get('q')
let page = searchParams.get('page')
let q = searchParams.get('q');
let page = parseInt(searchParams.get('page'));
if (page !== null && page > 1) {
window.location = `${url.origin}${url.pathname}?q=${q}&page=${--page}`
if (isNaN(page)) {
page = 1;
} else if (page > 1) {
page--;
}
window.location.href = `${url.origin}${url.pathname}?q=${encodeURIComponent(q)}&page=${page}`;
}