word-games-theme 2.3.3 → 2.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0d1aa37e1b56599c5ddf7b82726c06478589ab8915f9413c66fecf5cee5058b0
-  data.tar.gz: 6b3c720de507d4901041908f0b1ff208c3cbff2467b7bc663652a5c30742e61d
+  metadata.gz: 5c6efb8f82baeb62bfb4e035f249b27d34d196f180ae8e3ee987da028f61afd0
+  data.tar.gz: 8f4f10e2283f63afc69278f7380cd4096d8f3823d6022b8d89e87e247a473358
 SHA512:
-  metadata.gz: 468b14ff0618716f34cbea76bbc3c82f5260fc41957934b2550c32bb5fa7d66a330c2405c88b3429b18b45a4db767c3aeb18f9fab747e86b957b504ca16cddcd
-  data.tar.gz: c429661317eeaf9a38c28bbe3399bde286f08e3ae50e19481da3cebe83889094b574cb5937e7e01101a4cf4b69d8b5d7ce4b9d4b2c812a17e7273046d5ac4e74
+  metadata.gz: 2ac1b1d2bf499030e23bd4a0ceffb02edcec5a1d466e18938a13a51b3a0526c92dc708782be551a93e458469ca6fb3e52a1fa1830f03fa1337df18ae456ce0ed
+  data.tar.gz: 777a0e2bd776d40f296cd31c6ba65bbaeef36bcf8c8431254b74944dd8a2be2abcd43f26c2121d187532f78827e17c37d6561bd95f780ad1df71fea81bc66bb6

data/_includes/wordgames/advanced-filter/advanced-filter.html

@@ -15,7 +15,7 @@
         </div>
     </div>
     <div class="wordLength same">
-        <input autocomplete="off" type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
+        <input autocomplete="off" type="number" class="filter_val" id="wordLength" placeholder="Length" name="length"
             value="">
 
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
@@ -25,7 +25,7 @@
     </div>
     <div class="inculdeWith">
         <input class="filter_val" autocomplete="off" type="text" id="inculdeWith" placeholder="Inculde" value=""
-            name="inculde">
+            name="include">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that contain the letters you enter here" id="Only words that contain the letters you enter here">
             <img width="30px" height="30px" src="/assets/images/questionmark.svg" alt="Question Mark" />
@@ -42,7 +42,7 @@
 
     <div class="exculdeWith">
         <input class="filter_val" autocomplete="off" type="text" id="exculdeWith" placeholder="Exculde" value=""
-            name="exculde">
+            name="exclude">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that not contain the letters you enter here" id="Only words that not contain the letters you enter here">
             <img width="30px" height="30px" src="/assets/images/questionmark.svg" alt="Question Mark" />

data/_includes/xyzpages/xyz.html

@@ -105,7 +105,7 @@
                         </div>
                         <div class="wordLength same">
                             <label for="wordLength">Word Length </label>
-                            <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
+                            <input type="number" class="filter_val" id="wordLength" placeholder="Length" name="length"
                                 value="">
                         </div>
 

data/assets/css/wordgames-home.css

@@ -17,6 +17,22 @@
   right: 5px;
 }
 
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+input[type="number"] {
+    -moz-appearance: textfield; /* Firefox */
+}
+
+/* Hide the decimal points */
+input[type="number"] {
+    -moz-appearance: textfield; /* Firefox */
+    appearance: none;
+    -webkit-appearance: none;
+}
 
 
 /* headings css */
@@ -823,6 +839,8 @@ summary::-webkit-details-marker {
   }
   .infographics-title{
     font-size: 28px;
+    width: 100%;
+    text-align: center;
   }
 
   

data/assets/css/wordgames-result.css

@@ -411,6 +411,7 @@
      top: 30px;
      margin: 0;
      left: 30px;
+     z-index: 99;
    }
  
    .letter-close-button-commonPage {

data/assets/js/wordgames-result.js

@@ -15,7 +15,7 @@ let serachValue = params.get("search").toLowerCase();
 let prefixValue = params.get("prefix");
 let containsValue = params.get("contains");
 let suffixValue = params.get("suffix");
-let exculdeValue = params.get("exculde");
+let exculdeValue = params.get("exclude");
 let includeValue = params.get("include");
 let lengthValue = params.get("length");
 let dictonary = params.get("dictionary");
@@ -108,13 +108,13 @@ Array.from(filterInputs).forEach((item) => {
         const imgElement = parentElement.querySelector('img');
         const tooltipElement = parentElement.querySelector('.filter-tooltip');
 
-        if(inputValue == ""){
+        if (inputValue == "") {
             imgElement.src = "/assets/images/questionmark.svg"
             item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
             tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
             tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
-            
-        }else{
+
+        } else {
             item.nextElementSibling.removeAttribute("data-tip")
             imgElement.src = "/assets/images/close-btn.svg"
             tooltipElement.style.setProperty('--tooltip-padding', '0');
@@ -128,7 +128,47 @@ Array.from(filterInputs).forEach((item) => {
             tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
         })
     })
-  })
+})
+
+
+function handleFilterInput(e) {
+    const inputValue = e.target.value;
+    const parentElement = e.target.parentElement;
+    const imgElement = parentElement.querySelector('img');
+    const tooltipElement = parentElement.querySelector('.filter-tooltip');
+
+    if (inputValue == "") {
+        imgElement.src = "/assets/images/questionmark.svg"
+        e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
+        tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
+    } else {
+        e.target.nextElementSibling.removeAttribute("data-tip")
+        imgElement.src = "/assets/images/close-btn.svg"
+        tooltipElement.style.setProperty('--tooltip-padding', '0');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'none');
+    }
+
+    e.target.nextElementSibling.addEventListener("click", () => {
+        e.target.value = ""
+        imgElement.src = "/assets/images/questionmark.svg"
+        e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
+        tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
+    });
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+  const filterInputs = document.querySelectorAll('.filter_val');
+    Array.from(filterInputs).forEach((item) => {
+        // Call the function on load
+        handleFilterInput({ target: item });
+        item.addEventListener("input", handleFilterInput);
+    });
+});
+
+
+
 
 let theSelect = document.getElementById("select_dropDown");
 
@@ -239,7 +279,7 @@ if (lengthValue === "1") {
                 "=" +
                 endsWith.value +
                 "&" +
-                "exculde" +
+                "exclude" +
                 "=" +
                 exculdeWith.value +
                 "&" +
@@ -257,7 +297,7 @@ if (lengthValue === "1") {
             prefixValue = params.get("prefix");
             containsValue = params.get("contains");
             suffixValue = params.get("suffix");
-            exculdeValue = params.get("exculde");
+            exculdeValue = params.get("exclude");
             includeValue = params.get("include");
             lengthValue = params.get("length");
             dictonary = params.get("dictionary");
@@ -307,6 +347,7 @@ function getWords(data) {
                 newdata = newdata.filter((item) =>
                     item.includes(containsValue.toLowerCase())
                 );
+                mustInclude.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
                 mustInclude.classList.add("tick");
                 mustInclude.value = containsValue;
             } else {
@@ -316,6 +357,7 @@ function getWords(data) {
                 newdata = newdata.filter((item) =>
                     item.endsWith(suffixValue.toLowerCase())
                 );
+                endsWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
                 endsWith.classList.add("tick");
                 endsWith.value = suffixValue;
             } else {
@@ -338,6 +380,7 @@ function getWords(data) {
                         data.push(item);
                     }
                 });
+                exculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
                 exculdeWith.classList.add("tick");
                 exculdeWith.value = exculdeValue;
                 newdata = data;
@@ -361,6 +404,7 @@ function getWords(data) {
                         data.push(item);
                     }
                 });
+                inculdeWith.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
                 inculdeWith.classList.add("tick");
                 inculdeWith.value = includeValue;
                 newdata = data;
@@ -369,6 +413,7 @@ function getWords(data) {
             }
             if (lengthValue) {
                 newdata = newdata.filter((item) => item.length == lengthValue);
+                wordLength.nextElementSibling.querySelector("img").src = "/assets/images/close-btn.svg"
                 wordLength.classList.add("tick");
                 wordLength.value = lengthValue;
             } else {
@@ -428,15 +473,15 @@ function getWords(data) {
                     var option = document.createElement("option");
                     option.text = `${i} Letter`;
                     option.value = i;
-                    lengthSelect.setAttribute("onchange",`Filtering(${i})`)
+                    lengthSelect.setAttribute("onchange", `Filtering(${i})`)
                     lengthSelect.add(option);
 
-        //             tab_container.innerHTML += `
-        //   <input type="button" id="Tab_${i}" onclick="Filtering(${i})" value="${i} Letter"
-        //   class="tab_link  cursorPointer" />
-        //   `;
-        //             let tabs = document.getElementsByClassName("tab_link");
-        //             tabs[0] ? tabs[0].classList.add("active-tab") : "";
+                    //             tab_container.innerHTML += `
+                    //   <input type="button" id="Tab_${i}" onclick="Filtering(${i})" value="${i} Letter"
+                    //   class="tab_link  cursorPointer" />
+                    //   `;
+                    //             let tabs = document.getElementsByClassName("tab_link");
+                    //             tabs[0] ? tabs[0].classList.add("active-tab") : "";
                     main.innerHTML += `
           <div class="allGroupWords wordlistContainer" id="alpha_${i}">
               <div class="wordListHeading">

data/assets/js/wordgames-xletter.js

@@ -110,6 +110,74 @@ if (ablank) {
 
 
 
+const filterInputs = document.querySelectorAll('.filter_val');
+Array.from(filterInputs).forEach((item) => {
+    item.addEventListener("input", (e) => {
+        const inputValue = e.target.value;
+        const parentElement = e.target.parentElement;
+        const imgElement = parentElement.querySelector('img');
+        const tooltipElement = parentElement.querySelector('.filter-tooltip');
+
+        if (inputValue == "") {
+            imgElement.src = "/assets/images/questionmark.svg"
+            item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
+            tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+            tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
+
+        } else {
+            item.nextElementSibling.removeAttribute("data-tip")
+            imgElement.src = "/assets/images/close-btn.svg"
+            tooltipElement.style.setProperty('--tooltip-padding', '0');
+            tooltipElement.style.setProperty('--tooltip-border-style', 'none');
+        }
+        item.nextElementSibling.addEventListener("click", () => {
+            e.target.value = ""
+            imgElement.src = "/assets/images/questionmark.svg"
+            item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
+            tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+            tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
+        })
+    })
+})
+
+
+function handleFilterInput(e) {
+    const inputValue = e.target.value;
+    const parentElement = e.target.parentElement;
+    const imgElement = parentElement.querySelector('img');
+    const tooltipElement = parentElement.querySelector('.filter-tooltip');
+
+    if (inputValue == "") {
+        imgElement.src = "/assets/images/questionmark.svg"
+        e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
+        tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
+    } else {
+        e.target.nextElementSibling.removeAttribute("data-tip")
+        imgElement.src = "/assets/images/close-btn.svg"
+        tooltipElement.style.setProperty('--tooltip-padding', '0');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'none');
+    }
+
+    e.target.nextElementSibling.addEventListener("click", () => {
+        e.target.value = ""
+        imgElement.src = "/assets/images/questionmark.svg"
+        e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
+        tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+        tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
+    });
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+  const filterInputs = document.querySelectorAll('.filter_val');
+    Array.from(filterInputs).forEach((item) => {
+        // Call the function on load
+        handleFilterInput({ target: item });
+        item.addEventListener("input", handleFilterInput);
+    });
+});
+
+
 
 
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.3.3
+  version: 2.3.5
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-12-11 00:00:00.000000000 Z
+date: 2023-12-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll