Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redirect to root if search query is empty #260

Merged
merged 10 commits into from
Sep 11, 2024
Merged

Redirect to root if search query is empty #260

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8369d6f
Updated Discord Image
YouFoundAlpha Sep 10, 2024
cd11d9a
Update app.js
YouFoundAlpha Sep 10, 2024
5f4aa10
Update README.md
YouFoundAlpha Sep 10, 2024
26ae074
Added a search function and a fallback image to github if image is no…
YouFoundAlpha Sep 10, 2024
df243fa
Redirect to root if the search query is empty
YouFoundAlpha Sep 10, 2024
26841c8
Spelling error
YouFoundAlpha Sep 10, 2024
e0fd11a
Merge branch 'oyepriyansh:main' into main
YouFoundAlpha Sep 10, 2024
f103461
Fixed duplicate urlParams
YouFoundAlpha Sep 10, 2024
4718b99
Update app.js
YouFoundAlpha Sep 11, 2024
0a688ea
Updated
YouFoundAlpha Sep 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 18 additions & 11 deletions scripts/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
// Redirect if the URL contains an empty search query
const urlParams = new URLSearchParams(window.location.search);
YouFoundAlpha marked this conversation as resolved.
Show resolved Hide resolved
if (urlParams.has('search') && urlParams.get('search').trim() === '') {
window.location.href = '/'; // Redirect to the root URL if search parameter is empty
}

const container = document.querySelector('.container');
const defaultImage = "https://oyepriyansh.pages.dev/i/5nf5fd.png";
const searchInput = document.getElementById('searchInput'); // Assuming there's an input field for searching
Expand Down Expand Up @@ -33,11 +39,11 @@ const displayProfiles = async (profiles) => {
// Skills
const skills = profile.skills.map(skill => `<span class="skill">${skill}</span>`).join('');

// Social links
// Social links with improved accessibility
const social = `
${profile.github ? `<a href="${profile.github}" target="_blank" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>` : ''}
${profile.twitter ? `<a href="${profile.twitter}" target="_blank" aria-label="Twitter"><i class="fa-brands fa-x-twitter"></i></a>` : ''}
${profile.linkedin ? `<a href="${profile.linkedin}" target="_blank" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>` : ''}
${profile.github ? `<a href="${profile.github}" target="_blank" aria-label="${profile.name}'s GitHub Profile"><i class="fa-brands fa-github"></i></a>` : ''}
${profile.twitter ? `<a href="${profile.twitter}" target="_blank" aria-label="${profile.name}'s Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>` : ''}
${profile.linkedin ? `<a href="${profile.linkedin}" target="_blank" aria-label="${profile.name}'s LinkedIn Profile"><i class="fa-brands fa-linkedin-in"></i></a>` : ''}
`;

// Adding profile HTML content
Expand Down Expand Up @@ -89,9 +95,15 @@ let debounceTimer;
searchInput.addEventListener('keyup', () => {
clearTimeout(debounceTimer);
const searchTerm = searchInput.value.trim().toLowerCase();
updateURL(searchTerm); // Update the URL with the search term

// Redirect if the search input is empty
if (searchTerm === '') {
window.location.href = '/'; // Redirect to the root URL if search input is empty
return; // Exit the function early
}

debounceTimer = setTimeout(() => {
updateURL(searchTerm); // Update the URL with the search term
filterProfiles(searchTerm);
}, 300); // 300ms debounce time
});
Expand Down Expand Up @@ -121,11 +133,7 @@ const filterProfiles = (searchTerm) => {
});

// Show or hide the no profiles message based on search results
if (visibleProfiles === 0 && searchTerm !== '') {
noProfileMessage.style.display = 'block'; // Show message if no profiles found
} else {
noProfileMessage.style.display = 'none'; // Hide message if profiles are found
}
noProfileMessage.style.display = (visibleProfiles === 0 && searchTerm !== '') ? 'block' : 'none'; // Show message if no profiles found
};

// Scroll to top button functionality
Expand All @@ -144,7 +152,6 @@ document.getElementById("currentYear").textContent = new Date().getFullYear();
loadProfiles();

// Load search term from URL on page load
const urlParams = new URLSearchParams(window.location.search);
const searchTerm = urlParams.get('search') || '';
searchInput.value = searchTerm; // Set the input value from the URL
filterProfiles(searchTerm); // Filter profiles based on the URL search term
Loading