appscms-tools-theme 4.6.8 → 4.7.0

data/assets/css/tools.css

@@ -875,7 +875,6 @@ ul li {
   justify-content: center;
 }
 
-
 .how-to-video .youtube-play-btn-wrapper {
   position: absolute;
   top: 0%;
@@ -1842,7 +1841,6 @@ ol li::marker {
   margin-top: 8px;
   text-transform: capitalize;
 }
-.file-text
-{
+.file-text {
   font-size: 17px;
-}
+}

data/assets/js/appscms-theme.js

@@ -210,3 +210,76 @@ if (processingBtn) {
         history.back();
     });
 }
+
+if ("{{ site.navigationSearch }}" === "true") {
+  // Fetch data from data.json
+async function fetchData() {
+  const response = await fetch('/alllinks.json');
+  const data = await response.json();
+  return data.featuredLinks;
+}
+
+// Filter data based on search query
+function filterData(data, query) {
+  return data.filter(item => item.name.toLowerCase().includes(query.toLowerCase()));
+}
+
+// Display filtered results
+function displayResults(results) {
+  const resultsContainer = document.getElementById('results');
+  resultsContainer.style.display = results.length ? 'block' : 'none';
+  resultsContainer.innerHTML = results.length
+    ? results.map(result => `<div class="result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`).join('')
+    : '<p>No results found</p>';
+}
+function mobileDisplayResults(results) {
+  const mobileResultsContainer = document.querySelector('.mobile-searchbarResults');
+  mobileResultsContainer.style.display = results.length ? 'block' : 'none';
+  mobileResultsContainer.innerHTML = results.length
+    ? results.map(result => `<div class="mobile-result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`).join('')
+    : '<p>No results found</p>';
+}
+
+// Handle search input
+const searchInput = document.querySelector('.search-input');
+const mobileSearchInput = document.querySelector('.mobile-search-input');
+searchInput.addEventListener('input', async (event) => {
+  const query = event.target.value;
+  const data = await fetchData();
+  const filteredResults = filterData(data, query);
+  displayResults(filteredResults);
+
+  gtag('event', 'search', {
+    'event_category': 'engagement',
+    'event_label': 'Search Box',
+    'value': query
+  });
+
+});
+mobileSearchInput.addEventListener('input', async (event) => {
+  const query = event.target.value;
+  const data = await fetchData();
+  const filteredResults = filterData(data, query);
+  mobileDisplayResults(filteredResults);
+
+  gtag('event', 'search', {
+    'event_category': 'engagement',
+    'event_label': 'Search Box',
+    'value': query
+  });
+
+});
+
+// Hide results when clicking outside search input and results container
+document.addEventListener('click', (event) => {
+  const resultsContainer = document.getElementById('results');
+  const mobileResultsContainer = document.querySelector('.mobile-searchbarResults');
+
+  if (!searchInput.contains(event.target) && !resultsContainer.contains(event.target)) {
+    resultsContainer.style.display = 'none';
+  }
+  if (!mobileSearchInput.contains(event.target) && !mobileResultsContainer.contains(event.target)) {
+    mobileResultsContainer.style.display = 'none';
+  }
+});
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.6.8
+  version: 4.7.0
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-01 00:00:00.000000000 Z
+date: 2024-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll