word-games-theme 2.6.5 → 2.6.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 583d8660aa57700a56401d24ea111b9eee67f0a8be6af0b172477aab3ffd0959
-  data.tar.gz: 43337bc3fec456ef29888e512a532b5bf3f432cc0d0da51c28ae31f71103734d
+  metadata.gz: 17e32113e5fded96d16258968b572c13ee60119ae0e6bbe5add6d74a6457f688
+  data.tar.gz: 6b9ad1a465b551a95c3de7b622c45eff9e3ee7d3163675395fbedeb340542e86
 SHA512:
-  metadata.gz: 652b32c88d0d1b8065a27f07bde1c357655c168f495c68cfc41ea008b8bd87787726e42d03a63c1508be36edbda337a46e4927c230e42e6d1f4277d85a4186df
-  data.tar.gz: 1535ded04c79f347be83f1846fa277236f6c439663f15832153349ab8a548b808f1eb2996207b60017c75c66dae68ab50037bcef61d0a031fb8e66cae436d4d2
+  metadata.gz: f597fcbd9491f79dab91626b6af46b08d4ce8a6dae0043fec3100beca731e04f3d69f13446755bd02859bc4e3d7850860bf416b3acefc962ceaeeee68c11bb60
+  data.tar.gz: 3caee3e6da1f867fb048498bce1beb60250c4162986234473cdf895325871d1a353e2ed0e993611263515ce54aaca5089481ea22a1c8e5ba6409459c0780c199

data/assets/js/wordfinder.js

@@ -1,12 +1,10 @@
 /***************
  SCRABBLER_JS
 ***************/
-console.log(true);
 const getScript = document.currentScript;
 let form = document.querySelector("#form");
 let wordCount = document.querySelector(".wordCount");
 let main = document.querySelector(".main");
-// let loader = document.querySelector(".main-loader")
 let errorMsg = document.querySelector(".errorMsg");
 
 // getqueryUrl from form
@@ -22,14 +20,6 @@ let dictonary = params.get("dictionary");
 
 // advanced filter element grabs
 let tick;
-// let startsWith = document.getElementById("startsWith");
-// let mustInclude = document.getElementById("mustInclude");
-// let endsWith = document.getElementById("endsWith");
-// let exculdeWith = document.getElementById("exculdeWith");
-// let inculdeWith = document.getElementById("inculdeWith");
-// let wordLength = document.getElementById("wordLength");
-
-
 let ok = true;
 
 let tab_container = document.querySelector(".tab_container");
@@ -37,146 +27,14 @@ let lengthSelect = document.querySelector(".length-select");
 const siteUrl = getScript.dataset.url;
 var sortValue;
 var sortBool = false;
-
 let featureContainer = document.querySelector("#featureContainer")
 let howContainer = document.querySelector("#howContainer")
 let faqsContainer = document.querySelector("#faqsContainer")
 let infographicsContainer = document.querySelector("#infographicsContainer")
-
-
-// let letterCloseButton = document.querySelector(
-//     ".letter-close-button-commonPage"
-// );
-// if (serachValue) {
-//     letterCloseButton.classList.add("ltr-cls-btn-commonPage");
-// }
-// letterCloseButton.addEventListener("click", () => {
-//     txtBox.value = "";
-//     letterCloseButton.classList.remove("ltr-cls-btn-commonPage");
-// });
-
-// let txtBox = document.querySelector(".txtBox");
-// txtBox.focus();
 txtBox.value = serachValue;
 
-// txtBox.addEventListener("input", (e) => {
-//     if (e.target.value === "") {
-//         letterCloseButton.classList.remove("ltr-cls-btn-commonPage");
-//     } else {
-//         letterCloseButton.classList.add("ltr-cls-btn-commonPage");
-//     }
-//     let rangeOfBlankTile = script.dataset.range;
-//     e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "");
-//     if (rangeOfBlankTile === "") {
-//         rangeOfBlankTile = 3;
-//     }
-//     e.target.value = e.target.value.replace(/ /g, "?");
-//     let data = [];
-//     data = e.target.value.split("").filter((i) => i === "?");
-//     if (data.length > rangeOfBlankTile) {
-//         e.target.value = e.target.value.replace(/\?$/, "");
-//     }
-// });
-
-// function mobileScrollTop(x) {
-//     if (x.matches) {
-//         console.log(x.matches);
-//         txtBox.addEventListener("click", () => {
-//             document.documentElement.scrollTop = 350;
-//             setTimeout(() => {
-//                 document.documentElement.scrollTop = 350;
-//             }, 300);
-//         });
-//     } else {
-//         console.log("false");
-//     }
-// }
-// var x = window.matchMedia("(max-width: 768px)");
-// mobileScrollTop(x);
-// x.addListener(mobileScrollTop);
-
-// let rangeOfBlankTile = script.dataset.range;
-// let quesMark = "?";
-
-// if (rangeOfBlankTile) {
-//     if (!serachValue.includes("?")) {
-//         serachValue = serachValue + quesMark.repeat(rangeOfBlankTile); //
-//         txtBox.value = serachValue;
-//     }
-// }
-
-// 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);
-//     });
-// });
-
-
-
-
 let theSelect = document.getElementById("select_dropDown");
-
+let sortingFilter = document.querySelector("#select_dropDown");
 const sortup = document.querySelector(".sortup-icon");
 let bool = false;
 sortup.addEventListener("click", () => {
@@ -220,11 +78,21 @@ const getData = async (serachValue) => {
     try {
         document.querySelector(".main-header").style.background = "#fff"
         document.querySelector(".heading-h2").style.display = "none"
-        featureContainer.remove()
-        howContainer.remove()
-        faqsContainer.remove()
-        infographicsContainer.remove()
-        authorsLists.remove()
+        if (featureContainer) {
+            featureContainer.remove()
+        }
+        if (howContainer) {
+            howContainer.remove()
+        }
+        if (faqsContainer) {
+            faqsContainer.remove()
+        }
+        if (infographicsContainer) {
+            infographicsContainer.remove()
+        }
+        if (authorsLists) {
+            authorsLists.remove()
+        }
         errorMsg.innerHTML = "";
         wordCount.innerHTML = "";
         let selectedDictionary = document.querySelector(".select_dropDown2").value;
@@ -350,12 +218,11 @@ if (lengthValue === "1") {
     });
     // applyBtn.addEventListener("submit", logSubmit);
     form.addEventListener("submit", logSubmit);
+    sortingFilter.addEventListener("change", logSubmit);
 }
 
-// getWords function define...
 function getWords(data) {
     main.innerHTML = "";
-    // tab_container.innerHTML = "";
     lengthSelect.innerHTML = ""
     document.querySelector(".sortingFilters").style.display = "flex"
     if (typeof data === "string") {
@@ -458,6 +325,7 @@ function getWords(data) {
                 main.innerHTML += "";
             } else {
                 newWordsLength += newdata.length;
+                newdata = sortWords(newdata);
                 const result = newdata.map((item) => {
                     var text1 = serachValue.replace("?", "");
                     var text2 = item;
@@ -512,13 +380,6 @@ function getWords(data) {
                     option.value = 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") : "";
                     main.innerHTML += `
           <div class="allGroupWords wordlistContainer" id="alpha_${i}">
                   <h3 class="wordListHeading lead">${i} Letter Words</h3>
@@ -530,27 +391,6 @@ function getWords(data) {
                 }
             }
         }
-        theSelect.addEventListener("change", () => {
-            sortValue = theSelect[theSelect.selectedIndex].text;
-            if (sortValue == "Z-A") {
-                sortBool = true;
-                sortby(sortBool, dataArr);
-            } else {
-                sortBool = false;
-                sortby(sortBool, dataArr);
-            }
-            if (sortValue == "Points") {
-                sortBool = true;
-                sortPointsby(sortBool, dataArr);
-            }
-        });
-        sortValue = theSelect[theSelect.selectedIndex].text;
-        if (sortValue == "Z-A") {
-            sortby(sortBool, dataArr);
-        }
-        if (sortValue == "Points") {
-            sortPointsby(sortBool, dataArr);
-        }
         if (newWordsLength === 0) {
             errorMsg.innerHTML = "no words found";
         } else {
@@ -560,231 +400,47 @@ function getWords(data) {
         }
     }
 }
-
-// sorting by points
-function sortPointsby(sortValue, data) {
-    main.innerHTML = "";
-    if (sortValue) {
-        let newWordsLength = 0;
-        for (let i = serachValue.length; i >= 1; i--) {
-            var newdata = data.filter((item) => item.length === i);
-            if (newdata.length === 0) {
-                main.innerHTML += "";
+function sortWords(data) {
+    if (sortingFilter.selectedIndex == 0) {
+        return data;
+    } else if (sortingFilter.selectedIndex == 1) {
+        return data.sort();
+    } else if (sortingFilter.selectedIndex == 2) {
+        return data.reverse();
+    } else if (sortingFilter.selectedIndex == 3) {
+        var tempArr = [];
+        var newArray = [];
+        data.map((item) => {
+            let newWordsLength = 0;
+            if (item.length === 1) {
+                ok = false;
+                newWordsLength = newWordsLength - 1;
             } else {
-                newWordsLength += newdata.length;
-                var newArray = [];
-                newdata.map((item) => {
-                    if (item.length === 1) {
-                        ok = false;
-                        newWordsLength = newWordsLength - 1;
-                    } else {
-                        let ScrabbleLetterScore = ScrabbleScore();
-                        let points = 0;
-                        item = item.toLowerCase();
-                        for (let i = 0; i < item.length; i++) {
-                            points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
-                        }
-                        const value = {
-                            words: item,
-                            points: points,
-                        };
-                        newArray.push(value);
-                    }
-                });
-                newArray.sort(function (a, b) {
-                    return b.points - a.points;
-                });
-                const result = newArray.map((item) => {
-                    var text1 = serachValue.replace("?", "");
-                    var text2 = item.words;
-                    var text3 = item.words;
-                    function findIndex(str, char) {
-                        const strLength = str.length;
-                        const indexes = [];
-                        let newStr = str;
-                        while (newStr && newStr.indexOf(char) > -1) {
-                            indexes.push(newStr.indexOf(char) + strLength - newStr.length);
-                            newStr = newStr.substring(newStr.indexOf(char) + 1);
-                            newStr = newStr.substring(newStr.indexOf(char) + 1);
-                        }
-                        return indexes;
-                    }
-                    let chars = text1.split("");
-                    let indexs = [];
-                    chars.map((i) => {
-                        let findIndexes = findIndex(text3, i);
-                        if (findIndexes.length > 0) {
-                            text3 = text3.split("");
-                            text3[findIndexes] = "$";
-                            text3 = text3.join("");
-                            indexs = [...indexs, ...findIndexes];
-                        }
-                    });
-                    let itemHtml = "";
-                    text2.split("").map((itemValue, index) => {
-                        let check = indexs.find((i) => i === index);
-                        if (check !== undefined) {
-                            itemHtml += `${itemValue}`;
-                        } else {
-                            itemHtml += `<span class='highlight'>${itemValue}</span>`;
-                        }
-                    });
-                    return `
-                    <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
-                    ${itemHtml}
-                    <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
-                    </a>
-                    `;
-                });
-                main.innerHTML += `
-                <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                        <h3 class="wordListHeading lead">${i} Letter Words</h3>
-                    <div class="wordList">
-                         ${result.join("")}
-                    </div>
-                </div>
-                `;
+                let ScrabbleLetterScore = ScrabbleScore();
+                let points = 0;
+                item = item.toLowerCase();
+                for (let i = 0; i < item.length; i++) {
+                    points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
+                }
+                const value = {
+                    words: item,
+                    points: points,
+                };
+                newArray.push(value);
             }
-        }
-    }
-}
-
-// document.querySelector(".sortingFilters").style.display = "flex"
-// document.querySelector(".wordCount").style.display = "block"
-
-// sort by aplhabets
-function sortby(sortBool, data) {
-    main.innerHTML = "";
-    if (sortBool) {
-        data.reverse();
-        console.log(data)
-        let newWordsLength = 0;
-        for (let i = serachValue.length; i >= 1; i--) {
-            var newdata = data.filter((item) => item.length === i);
-            if (newdata.length === 0) {
-                main.innerHTML += "";
-            } else {
-                newWordsLength += newdata.length;
-                const result = newdata.map((item) => {
-                    var text1 = serachValue.replace("?", "");
-                    var text2 = item;
-                    var text3 = item;
-                    let chars = text1.split("");
-                    let indexs = [];
-                    chars.map((i) => {
-                        let findIndexes = findIndex(text3, i);
-                        if (findIndexes.length > 0) {
-                            text3 = text3.split("");
-                            text3[findIndexes] = "$";
-                            text3 = text3.join("");
-                            indexs = [...indexs, ...findIndexes];
-                        }
-                    });
-                    let itemHtml = "";
-                    text2.split("").map((itemValue, index) => {
-                        let check = indexs.find((i) => i === index);
-                        if (check !== undefined) {
-                            itemHtml += `${itemValue}`;
-                        } else {
-                            itemHtml += `<span class='highlight'>${itemValue}</span>`;
-                        }
-                    });
-                    if (item.length === 1) {
-                        ok = false;
-                        newWordsLength = newWordsLength - 1;
-                    } else {
-                        let ScrabbleLetterScore = ScrabbleScore();
-                        let sum = 0;
-                        item = item.toLowerCase();
-                        for (let i = 0; i < item.length; i++) {
-                            sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
-                        }
-
-                        return `
-                        <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
-                        ${itemHtml}
-                        <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
-                        </a>
-                        `;
-                    }
-                });
-
+        });
 
+        newArray.sort(function (a, b) {
+            return b.points - a.points;
+        });
 
-                main.innerHTML += `
-                <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                        <h3 class="wordListHeading lead">${i} Letter Words</h3>
-                    <div class="wordList">
-                         ${result.join("")}
-                    </div>
-                </div>
-                `;
-            }
-        }
-    }
-    else {
-        main.innerHTML = "";
-        data.sort();
-        for (let i = serachValue.length; i >= 1; i--) {
-            var newdata = data.filter((item) => item.length === i);
-            if (newdata.length === 0) {
-                main.innerHTML += "";
-            } else {
-                const result = newdata.map((item) => {
-                    var text1 = serachValue.replace("?", "");
-                    var text2 = item;
-                    var text3 = item;
-                    let chars = text1.split("");
-                    let indexs = [];
-                    chars.map((i) => {
-                        let findIndexes = findIndex(text3, i);
-                        if (findIndexes.length > 0) {
-                            text3 = text3.split("");
-                            text3[findIndexes] = "$";
-                            text3 = text3.join("");
-                            indexs = [...indexs, ...findIndexes];
-                        }
-                    });
-                    let itemHtml = "";
-                    text2.split("").map((itemValue, index) => {
-                        let check = indexs.find((i) => i === index);
-                        if (check !== undefined) {
-                            itemHtml += `${itemValue}`;
-                        } else {
-                            itemHtml += `<span class='highlight'>${itemValue}</span>`;
-                        }
-                    });
-                    if (item.length === 1) {
-                        ok = false;
-                    } else {
-                        let ScrabbleLetterScore = ScrabbleScore();
-                        let sum = 0;
-                        item = item.toLowerCase();
-                        for (let i = 0; i < item.length; i++) {
-                            sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
-                        }
+        newArray.map((ele) => {
+            tempArr.push(ele.words);
+        });
 
-                        return `
-                        <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
-                        ${itemHtml}
-                        <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
-                        </a>
-                        `;
-                    }
-                });
-                main.innerHTML += `
-          <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                  <h3 class="wordListHeading lead">${i} Letter Words</h3>
-              <div class="wordList">
-                   ${result.join("")}
-              </div>
-          </div>
-          `;
-            }
-        }
+        return tempArr;
     }
 }
-
 // Scrabble Point Array
 const ScrabbleScore = () => {
     let twl06_sowpods = {

data/assets/js/xletter-result.js

@@ -16,6 +16,7 @@ let includeValue = params.get('include')
 let lengthValue = params.get('length')
 let dictonary = params.get('dictionary')
 
+let sortingFilter = document.querySelector("#select_dropDown");
 
 // Scrabble Point Counts
 const ScrabbleScore = () => {
@@ -91,8 +92,6 @@ let home_page_search_result = document.querySelector("#home_page_search_result")
 let homePageSearchResult = `/?search=${serachValue}&dictionary=Dictionary&prefix=&contains=&suffix=&exculde=&inculde=&length=`;
 
 txtBox.value = serachValue
-
-
 if (ablank) {
     if (!serachValue.includes("?")) {
         if (serachValue.length <= letterLen || serachValue.length >= letterLen) {
@@ -101,114 +100,9 @@ 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);
-//     });
-// });
-// let letterCloseButton = document.querySelector('.letter-close-button-commonPage')
 if (serachValue) {
     letterCloseButton.style.display = "block"
 }
-// letterCloseButton.addEventListener("click", () => {
-//   txtBox.value = ""
-//   letterCloseButton.classList.remove("ltr-cls-btn-commonPage")
-// })
-
-// txtBox.addEventListener('input', (e) => {
-//   if (e.target.value === "") {
-//     letterCloseButton.classList.remove("ltr-cls-btn-commonPage")
-//   } else {
-//     letterCloseButton.classList.add("ltr-cls-btn-commonPage")
-//   }
-//   let rangeOfBlankTile = script.dataset.range
-//   e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, '')
-//   if (rangeOfBlankTile === '') {
-//     rangeOfBlankTile = 3
-//   }
-//   e.target.value = e.target.value.replace(/ /g, '?')
-//   let data = []
-//   data = e.target.value.split('').filter((i) => i === '?')
-//   // console.log(data)
-//   if (data.length > rangeOfBlankTile) {
-//     e.target.value = e.target.value.replace(/\?$/, '')
-//   }
-// })
-
-// function mobileScrollTop(x) {
-//   if (x.matches) {
-//     txtBox.addEventListener("click", () => {
-//       document.documentElement.scrollTop = 350
-//       setTimeout(() => {
-//         document.documentElement.scrollTop = 350
-//       }, 150);
-//     })
-//   } else {
-//     console.log("false");
-//   }
-// }
-// var x = window.matchMedia("(max-width: 768px)")
-// mobileScrollTop(x)
-// x.addListener(mobileScrollTop)
-
 var theSelect = document.getElementById('select_dropDown')
 const sortup = document.querySelector(".sortup-icon")
 let bool = false
@@ -246,10 +140,33 @@ const getDiff = (text1, text2) => {
     }
     return diffRange
 }
+let featureContainer = document.querySelector("#featureContainer")
+let howContainer = document.querySelector("#howContainer")
+let faqsContainer = document.querySelector("#faqsContainer")
+let infographicsContainer = document.querySelector("#infographicsContainer")
+let authorsLists = document.querySelector(".authors-list")
+
 const getData = async (serachValue) => {
     try {
+        document.querySelector(".main-header").style.background = "#fff"
+        document.querySelector(".heading-h2").style.display = "none"
         errorMsg.innerHTML = ""
         wordCount.innerHTML = ""
+        if(featureContainer){
+            featureContainer.remove()
+        }
+        if(howContainer){
+            howContainer.remove()
+        }
+        if(faqsContainer){
+            faqsContainer.remove()
+        }
+        if(infographicsContainer){
+            infographicsContainer.remove()
+        }
+        if(authorsLists){
+            authorsLists.remove()
+        }
         home_page_search_result.innerHTML = ""
         let selectedDictionary = document.querySelector('.select_dropDown2').value
         main.innerHTML = `<main class="placeholder-loader">
@@ -296,7 +213,6 @@ getData(serachValue.toLowerCase())
 let quesMark = ''
 quesMark = "?"
 
-
 function logSubmit(event) {
     document.querySelector(".fillterWrapper").classList.add("hide")
 
@@ -343,10 +259,9 @@ selectedDictionary.addEventListener("change", ((e) => {
     logSubmit(e)
 }))
 
-
 // applyBtn.addEventListener('submit', logSubmit)
 form.addEventListener('submit', logSubmit);
-
+sortingFilter.addEventListener("change", logSubmit);
 
 function x_with_letters(data) {
     document.querySelector(".sortingFilters").style.display="flex"
@@ -455,8 +370,8 @@ function x_with_letters(data) {
             main.innerHTML += ''
             errorMsg.innerHTML = 'No words Found with this length'
         } else {
-
             newWordsLength += filterData.length
+            filterData = sortWords(filterData);
             let itemLength = ''
             const result = filterData.map((item) => {
                 itemLength = item.length
@@ -520,32 +435,6 @@ function x_with_letters(data) {
                 </div>
             </div>
             `;
-
-            // sort eventlistener
-            theSelect.addEventListener('change', () => {
-                sortValue = theSelect[theSelect.selectedIndex].text
-                if (sortValue == 'Z-A') {
-                    sortBool = true
-                    sortby(sortBool, dataArr, itemLength)
-                } else {
-                    sortBool = false
-                    sortby(sortBool, dataArr, itemLength)
-                }
-                if (sortValue == 'Points') {
-                    sortBool = true
-                    sortPointsby(sortBool, dataArr, itemLength)
-                }
-            })
-
-            sortValue = theSelect[theSelect.selectedIndex].text
-            if (sortValue == 'Z-A') {
-                sortby(sortBool, dataArr, itemLength)
-            }
-            if (sortValue == 'Points') {
-                sortPointsby(sortBool, dataArr, itemLength)
-            }
-
-
         }
 
         wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split(
@@ -554,243 +443,44 @@ function x_with_letters(data) {
     }
 }
 
-//Handling of filter counter in advanced filter
-function addFilterCount() {
-    let filter_val = document.getElementsByClassName('filter_val')
-    let filter = document.querySelector('.filter_count')
-    let filter_count = 0
-
-    filter_val[0].value = prefixValue
-    filter_val[1].value = containsValue
-    filter_val[2].value = suffixValue
-    filter_val[3].value = exculdeValue
-    filter_val[4].value = includeValue
-    filter_val[5].value = lengthValue
-
-    for (var i = 0; i <= 4; i++) {
-        if (filter_val[i].value != '') {
-            filter_count += 1
-        }
-        if (filter_count === 0) {
-            filter.style.display = 'none'
-        } else {
-            filter.style.display = 'inline-block'
-        }
-
-        filter.innerHTML = filter_count
-    }
-}
-// addFilterCount()
-
-// sorting by points
-function sortPointsby(sortValue, data, i) {
-    if (sortValue) {
-        main.innerHTML = ''
-        let newArray = []
+function sortWords(data) {
+    if (sortingFilter.selectedIndex == 0) {
+        return data;
+    } else if (sortingFilter.selectedIndex == 1) {
+        return data.sort();
+    } else if (sortingFilter.selectedIndex == 2) {
+        return data.reverse();
+    } else if (sortingFilter.selectedIndex == 3) {
+        var tempArr = [];
+        var newArray = [];
         data.map((item) => {
-            let ScrabbleLetterScore = ScrabbleScore()
-            let points = 0
-            item = item.toLowerCase()
-            for (let i = 0; i < item.length; i++) {
-                points += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
-            }
-            const value = {
-                words: item,
-                points: points,
-            }
-            newArray.push(value)
-            newArray.sort(function (a, b) {
-                return b.points - a.points
-            })
-        })
-        const result = newArray.map((item) => {
-            var text1 = serachValue.replace('?', '')
-            var text2 = item.words
-            var text3 = item.words
-            function findIndex(str, char) {
-                const strLength = str.length
-                const indexes = []
-                let newStr = str
-                while (newStr && newStr.indexOf(char) > -1) {
-                    indexes.push(newStr.indexOf(char) + strLength - newStr.length)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                }
-                return indexes
-            }
-            let chars = text1.split('')
-            let indexs = []
-            chars.map((i) => {
-                let findIndexes = findIndex(text3, i)
-                if (findIndexes.length > 0) {
-                    text3 = text3.split('')
-                    text3[findIndexes] = '$'
-                    text3 = text3.join('')
-                    indexs = [...indexs, ...findIndexes]
-                }
-            })
-            let itemHtml = ''
-            text2.split('').map((itemValue, index) => {
-                let check = indexs.find((i) => i === index)
-                if (check !== undefined) {
-                    itemHtml += `${itemValue}`
-                } else {
-                    itemHtml += `<span class='highlight'>${itemValue}</span>`
+            let newWordsLength = 0;
+            if (item.length === 1) {
+                ok = false;
+                newWordsLength = newWordsLength - 1;
+            } else {
+                let ScrabbleLetterScore = ScrabbleScore();
+                let points = 0;
+                item = item.toLowerCase();
+                for (let i = 0; i < item.length; i++) {
+                    points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
                 }
-            })
-            return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
-      ${itemHtml}
-    <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
-     </a>`
-        })
-
-        main.innerHTML += `
-    <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-            <h3 class="wordListHeading lead">${i} Letter Words</h3>
-        <div class="wordList">
-             ${result.join('')}
-        </div>
-    </div>
-    `
-    }
-}
-// sort by aplhabets
-function sortby(sortBool, data, i) {
-    if (sortBool) {
-        main.innerHTML = ''
-        data.reverse()
-        const result = data.map((item) => {
-            let ScrabbleLetterScore = ScrabbleScore()
-            let sum = 0
-            item = item.toLowerCase()
-            for (let i = 0; i < item.length; i++) {
-                sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
+                const value = {
+                    words: item,
+                    points: points,
+                };
+                newArray.push(value);
             }
+        });
 
-            var text1 = serachValue.replace('?', '')
-            var text2 = item
-            var text3 = item
-            function findIndex(str, char) {
-                const strLength = str.length
-                const indexes = []
-                let newStr = str
-                while (newStr && newStr.indexOf(char) > -1) {
-                    indexes.push(newStr.indexOf(char) + strLength - newStr.length)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                }
-                return indexes
-            }
-            let chars = text1.split('')
-            let indexs = []
-            chars.map((i) => {
-                let findIndexes = findIndex(text3, i)
-                if (findIndexes.length > 0) {
-                    text3 = text3.split('')
-                    text3[findIndexes] = '$'
-                    text3 = text3.join('')
-                    indexs = [...indexs, ...findIndexes]
-                }
-            })
-            let itemHtml = ''
-            text2.split('').map((itemValue, index) => {
-                let check = indexs.find((i) => i === index)
-                if (check !== undefined) {
-                    itemHtml += `${itemValue}`
-                } else {
-                    itemHtml += `<span class='highlight'>${itemValue}</span>`
-                }
-            })
+        newArray.sort(function (a, b) {
+            return b.points - a.points;
+        });
 
-            return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
-            ${itemHtml}
-        <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
-         </a>`
-        })
+        newArray.map((ele) => {
+            tempArr.push(ele.words);
+        });
 
-        main.innerHTML += `
-        <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                <h3 class="wordListHeading lead">${i} Letter Words</h3>
-            <div class="wordList">
-                 ${result.join('')}
-            </div>
-        </div>
-     
-        `
-    } else {
-        main.innerHTML = ''
-        data.sort()
-        const result = data.map((item) => {
-            let ScrabbleLetterScore = ScrabbleScore()
-            let sum = 0
-            item = item.toLowerCase()
-            for (let i = 0; i < item.length; i++) {
-                sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
-            }
-
-            var text1 = serachValue.replace('?', '')
-            var text2 = item
-            var text3 = item
-            function findIndex(str, char) {
-                const strLength = str.length
-                const indexes = []
-                let newStr = str
-                while (newStr && newStr.indexOf(char) > -1) {
-                    indexes.push(newStr.indexOf(char) + strLength - newStr.length)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                    newStr = newStr.substring(newStr.indexOf(char) + 1)
-                }
-                return indexes
-            }
-            let chars = text1.split('')
-            let indexs = []
-            chars.map((i) => {
-                let findIndexes = findIndex(text3, i)
-                if (findIndexes.length > 0) {
-                    text3 = text3.split('')
-                    text3[findIndexes] = '$'
-                    text3 = text3.join('')
-                    indexs = [...indexs, ...findIndexes]
-                }
-            })
-            let itemHtml = ''
-            text2.split('').map((itemValue, index) => {
-                let check = indexs.find((i) => i === index)
-                if (check !== undefined) {
-                    itemHtml += `${itemValue}`
-                } else {
-                    itemHtml += `<span class='highlight'>${itemValue}</span>`
-                }
-            })
-
-            return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
-             ${itemHtml}
-          <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
-           </a>`
-        })
-
-        main.innerHTML += `
-          <div class="allGroupWords wordlistContainer" id="alpha_${i}">
-                  <h3 class="wordListHeading lead">${i} Letter Words</h3>
-              <div class="wordList">
-                   ${result.join('')}
-              </div>
-          </div>
-       
-          `
+        return tempArr;
     }
 }
-
-// Implement Active class
-// const addFilter = () => {
-//   let tabs = document.getElementsByClassName('tab_link')
-//   tabs[0] ? tabs[0].classList.add('active-tab') : ''
-
-//   Array.from(tabs).map((item) => {
-//     item.classList.remove('active-tab')
-//   })
-//   main.innerHTML += ``
-//   let activeLetter = event.target
-//   // console.log(activeLetter)
-//   activeLetter.classList.add('active-tab')
-// }

metadata

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