word-games-theme 2.7.4 → 2.7.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5dcf51effe8c8b89666e41f8a387a79898e3a9ad90cf90cfbee626ba1a90250
-  data.tar.gz: 42f9455e91e702a63d53529a4189d4ea3b1825b075bd970f42b89c61918b2cab
+  metadata.gz: 7859ebebf36acb74fcdacf52a408efb75ee3ec586f63a91192eea49eb431d8d8
+  data.tar.gz: 5d74bc2fac7a4b8f6fee1d98609650bcb1171ccc65eab09d47f2edb46894340a
 SHA512:
-  metadata.gz: 4613519eefd5d8514e6af9a8e66b97052599a19b2a2d2b26f80065e5dfb98395cc63125f0ef3990cab8c07fb993dc6ba36d6be28621a9c510d72964e422ecffc
-  data.tar.gz: 3459327044b4cca4e137a1c1ff67a08b4a260640f4cc858d292d5110207aacc9e7857d4119e3b6c3197ba9579c858200712cfb101b3319a1f7234fe2bd290e52
+  metadata.gz: 98a1de7dc7bb94375485402a049520c17328120205bae7cb4d66518e5d7a838bfffd81d5d30feb12172c51a404a7465f662b2fb8894fc5b9659716f527664f81
+  data.tar.gz: a32fa98e4a6087c3ca13aa256a37bea5c5adfbdeca1e1b0e33e780ff262565905cbb50de189edb6a9d795e166087fb4f9e4ff10be1b1a3fbf181ee4485b33805

data/_includes/wordgames/search-box/search-box.html

@@ -14,7 +14,9 @@
                       <img width="40px" height="40px"  src="/assets/images/close-button.svg" alt="close-btn">
                     </div>
                 </div>
-                <input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach">
+                <div class="search-btn-container">
+                    <input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach">
+                </div>
                 <div class="dictonaryDropdown">
                     <select class="form-select select_dropDown2" name="dictionary" aria-label="Default select example">
                         <option value="Dictionary">Dictionary</option>

data/assets/css/wordgames-home.css

@@ -131,7 +131,7 @@ input[type="number"] {
   color: transparent;
   background-color: var(--primary-color) !important;
   background: url(/assets/images/search.svg) no-repeat center center;
-  background-size: 35px 35px;
+  background-size: 35px 35px !important;
   height: 64px;
   width: 112px;
   border: none;
@@ -910,7 +910,7 @@ summary::-webkit-details-marker {
     height: 50px !important;
     width: 50px !important;
     top: 10px;
-    background-size: 20px 20px;
+    background-size: 20px 20px !important;
     right: 24px;
   }
 

data/assets/js/wordfinder.js

@@ -72,6 +72,8 @@ const getDiff = (text1, text2) => {
 };
 
 let authorsLists = document.querySelector(".authors-list")
+let serachBtn = document.querySelector(".serachBtn")
+let searchBtnContainer = document.querySelector(".search-btn-container")
 
 // getWords define...
 const getData = async (serachValue) => {
@@ -97,6 +99,9 @@ const getData = async (serachValue) => {
         errorMsg.innerHTML = "";
         wordCount.innerHTML = "";
         let selectedDictionary = document.querySelector(".select_dropDown2").value;
+
+        serachBtn.style.background = 'url(/assets/images/spinner.gif) no-repeat center center';
+
         main.innerHTML = `<main class="placeholder-loader">
         <ul class="o-vertical-spacing o-vertical-spacing--l">
           <li class="blog-post o-media">
@@ -126,15 +131,21 @@ const getData = async (serachValue) => {
         </ul>
       </main>`;
         /// loader
+
+        const startTime = performance.now();
         let response
         if (serachValue) {
             response = await fetch(`/.netlify/functions/getWords?name=${serachValue}&selecteddictionary=${selectedDictionary}`);
         } else {
             response = await fetch(`/.netlify/functions/getData?&selecteddictionary=${selectedDictionary}`)
         }
+        const endTime = performance.now();
+        const duration = endTime - startTime;
+        console.log(`API response time: ${duration} milliseconds`);
 
         const data = await response.json();
         main.innerHTML = "";
+        serachBtn.style.background = 'url(/assets/images/search.svg) no-repeat center center';
         getWords(data);
         //getWords calling...
     } catch (error) {
@@ -145,11 +156,8 @@ const getData = async (serachValue) => {
 if (lengthValue === "1") {
     errorMsg.innerHTML = "words length should be more than 1";
 } else {
-    getData(serachValue.toLowerCase());
     function logSubmit(event) {
         document.querySelector(".fillterWrapper").classList.add("hide")
-
-
         const scrollingElement = document.scrollingElement || document.body;
         scrollingElement.scroll({ top: 0, behavior: "smooth" });
         // if (rangeOfBlankTile) {
@@ -235,7 +243,7 @@ let data_index = 25;
 function getWords(data) {
     data_index = 25
     moreData = []
-    storepreviousIndex =[]
+    storepreviousIndex = []
     main.innerHTML = "";
     lengthSelect.innerHTML = ""
     document.querySelector(".sortingFilters").style.display = "flex"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.7.4
+  version: 2.7.6
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-16 00:00:00.000000000 Z
+date: 2024-04-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll