word-games-theme 2.7.0 → 2.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6211980f468bd7efdc4bf3e06ceb15354885be1a9f3194a41e60efdfef536c5b
-  data.tar.gz: e341aa5d5700467ad2c1e920b77866f8633c9916587aa02415ff34eebdf631a9
+  metadata.gz: fa6b5d2626682b813605058ed8d761a3fd01167d07c83377bc01b810c1e148f2
+  data.tar.gz: 74d110d207334c2b00f08a3180cbba582bd189577089b9b64f50a32d31b57e91
 SHA512:
-  metadata.gz: e3298f7f2a8f849e740c51918e0c6d0947f5203c64f2aab6612be1276b6ab7924d5736581c4d4930a20465eee1020c68aa0f4e4a2a3eb08a6cba0249e9af448c
-  data.tar.gz: dc3e8ad7318eb821776787cac506ef8659f80e91cbfcf39c3cfd14ce655e0303d27153bab3fb19fdb55fb089df61b93df3afc07ab0b386e1fed2525f2603f476
+  metadata.gz: 3908ca69d49cb55fd9d175eed49b5a791bab3480a166fe48e92a423efa0bc64bb8b2615a37309b47b445b56955e83e0986eb9efef018535d63023c291ab2450a
+  data.tar.gz: 9ca3a12a3443e92c3e20742ca7c33630cf36242546885a2e9e05aca0cd52f6a1dd8d4d00e8fc688f63c5c4decd38ec4b77d6b62257969c83522a54296c46e632

data/_layouts/default.html

@@ -62,10 +62,10 @@
     {%- if page.language -%}
     <script>
         const select_dropDown2 = document.querySelector(".select_dropDown2")
-        select_dropDown2[0].style.display = "none"
-        select_dropDown2[1].style.display = "none"
-        select_dropDown2[2].style.display = "none"
-        select_dropDown2[3].style.display = "none"
+        select_dropDown2.style.display = "none"
+        // select_dropDown2[1].style.display = "none"
+        // select_dropDown2[2].style.display = "none"
+        // select_dropDown2[3].style.display = "none"
     </script>
     {%- endif -%}
 

data/_layouts/page.html

@@ -18,8 +18,11 @@
 
   {%- include script.html -%}
 
+
+
   {%- if site.versioning -%}
 
+
   <script defer src="{{ site.baseurl }}/{% ministamp assets/js/leftNav.js assets/js/leftNav.js %}"></script>
   {%- if page.tool == "words-that-start-with-the-letters" -%}
   <script defer src="{{ site.baseurl }}/{% ministamp assets/js/words-starting-with.js assets/js/words-starting-with.js %}"></script>
@@ -46,6 +49,15 @@
   {%- endif -%}
 
 
+
+
+
+  {%- if page.language -%}
+  <script>
+      select_dropDown2.style.display = "none"
+  </script>
+  {%- endif -%}
+
 </body>
 
 </html>

data/_layouts/wordgames-home.html

@@ -80,12 +80,15 @@
     {%- if page.language -%}
     <script>
         const select_dropDown2 = document.querySelector(".select_dropDown2")
-        select_dropDown2[0].style.display = "none"
+        select_dropDown2select_dropDown2.style.display = "none"
         select_dropDown2[1].style.display = "none"
         select_dropDown2[2].style.display = "none"
         select_dropDown2[3].style.display = "none"
     </script>
     {%- endif -%}
+
+
+    
     <script defer src="/assets/js/theme.js"></script>
 
     {%- if site.noResultPage and page.letter-%}

data/assets/js/other-lang-wordScrabble-home.js

@@ -0,0 +1,251 @@
+let txtBox = document.querySelector('.txtBox')
+txtBox.focus()
+let letterCloseButton = document.querySelector('.letter-close-button')
+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");
+
+const serachSection = document.querySelector(".serachSection");
+let rangeOfBlankTile = serachSection.dataset.range;
+
+// // when typing on input
+txtBox.addEventListener('input', (e) => {
+    if (e.target.value === "") {
+        letterCloseButton.style.display = "none"
+    }
+    else {
+        letterCloseButton.style.display = "block"
+    }
+    e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+    let rangeOfBlankTile = 3
+    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(/\?$/, '')
+    }
+})
+letterCloseButton.addEventListener("click", () => {
+    txtBox.value = ""
+    letterCloseButton.style.display = "none"
+})
+//tooltips for advanced filter
+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"
+            setTimeout(() => {
+                item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
+            }, 100);
+            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"
+            setTimeout(() => {
+                item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
+            }, 100);
+            tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
+            tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
+        })
+    })
+})
+
+
+const loadResource = (FILE_URL, data = {}, async = true, type = "text/javascript") => {
+    return new Promise((resolve, reject) => {
+        let resourceEle;
+
+        if (type === "text/javascript") {
+            resourceEle = document.createElement("script");
+            resourceEle.src = FILE_URL;
+            resourceEle.classList.add("loaded-js");
+        } else if (type === "text/css") {
+            resourceEle = document.createElement("link");
+            resourceEle.rel = "stylesheet";
+            resourceEle.href = FILE_URL;
+        } else {
+            reject({
+                status: false,
+                message: `Unsupported resource type: ${type}`,
+            });
+            return;
+        }
+
+        resourceEle.type = type;
+        resourceEle.async = async;
+
+        Object.keys(data).forEach((key) => {
+            resourceEle.setAttribute(`data-${key}`, data[key]);
+        });
+
+        resourceEle.addEventListener("load", () => {
+            resolve({ status: true });
+        });
+
+        resourceEle.addEventListener("error", () => {
+            reject({
+                status: false,
+                message: `Failed to load the resource ${FILE_URL}`,
+            });
+        });
+
+        if (type === "text/javascript") {
+            // console.log(resourceEle);
+            // console.log(FILE_URL);
+            document.body.appendChild(resourceEle);
+        } else if (type === "text/css") {
+            document.head.appendChild(resourceEle);
+        }
+    });
+};
+const formElement = document.querySelector("#form");
+formElement.addEventListener("submit", function (e) {
+    e.preventDefault();
+    if (txtBox.value != "" || startsWith.value != "" || endsWith.value != "" || mustInclude.value != "" || exculdeWith.value != "" || inculdeWith.value != "" || wordLength.value != "") {
+        let quesMark = "?";
+        if (rangeOfBlankTile) {
+            if (!txtBox.value.includes("?")) {
+                txtBox.value = txtBox.value + quesMark.repeat(rangeOfBlankTile); //
+                txtBox.value = txtBox.value;
+            }
+        }
+        document.querySelector(".fillterWrapper").classList.add("hide")
+        let selectedDictionary = document.querySelector(".select_dropDown2").value;
+        if (history.pushState) {
+            var newurl =
+                window.location.protocol +
+                "//" +
+                window.location.host +
+                window.location.pathname +
+                "?" +
+                "search" +
+                "=" +
+                txtBox.value.toLowerCase() +
+                "&" +
+                "dictionary" +
+                "=" +
+                selectedDictionary +
+                "&" +
+                "prefix" +
+                "=" +
+                startsWith.value +
+                "&" +
+                "contains" +
+                "=" +
+                mustInclude.value +
+                "&" +
+                "suffix" +
+                "=" +
+                endsWith.value +
+                "&" +
+                "exclude" +
+                "=" +
+                exculdeWith.value +
+                "&" +
+                "include" +
+                "=" +
+                inculdeWith.value +
+                "&" +
+                "length" +
+                "=" +
+                wordLength.value;
+            window.history.pushState({ path: newurl }, "", newurl);
+
+            const params = new URLSearchParams(window.location.search);
+            serachValue = params.get("search");
+            prefixValue = params.get("prefix");
+            containsValue = params.get("contains");
+            suffixValue = params.get("suffix");
+            exculdeValue = params.get("exclude");
+            includeValue = params.get("include");
+            lengthValue = params.get("length");
+            dictonary = params.get("dictionary");
+
+            gtag("event", "page_view", {
+                page_location: window.location.pathname + location.search,
+            });
+        }
+        const paramName = 'search';
+        if (new URLSearchParams(window.location.search).has(paramName)) {
+            const additionalData = {
+                url: "{{site.url}}",
+                range: "{{page.blanktilerange}}"
+            }
+            var loadJs = document.querySelector(".loaded-js");
+            if (loadJs == null) {
+                loadResource("/assets/css/wordfinder-result.css", additionalData, true, "text/css")
+                    .then((data) => {
+                        console.log("CSS loaded:", data);
+                    })
+                    .then(() => {
+                        // Load the JavaScript file after the CSS file has loaded
+                        loadResource("/assets/js/other-lang-wordScrabble.js", additionalData, true, "text/javascript")
+                            .then((data) => {
+                                console.log("JavaScript loaded:", data);
+                                getData(txtBox.value.toLowerCase());
+                            })
+                            .catch((error) => {
+                                console.error("Error loading JavaScript:", error);
+                            });
+                    })
+                    .catch((error) => {
+                        console.error("Error loading CSS:", error);
+                    });
+            }
+        }
+    } else {
+       console.log("Please Enter Valid Letters.");
+    }
+});
+// Now you can use the loadScript function with additional data
+function checkQueryParam() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const paramName = 'search';
+    if (urlParams.has(paramName)) {
+        const additionalData = {
+            url: "{{site.url}}",
+            range: "{{page.blanktilerange}}"
+        };
+        loadResource("/assets/css/wordfinder-result.css", additionalData, true, "text/css")
+            .then((data) => {
+                console.log("CSS loaded:", data);
+            })
+            .then(() => {
+                // Load the JavaScript file after the CSS file has loaded
+                loadResource("/assets/js/other-lang-wordScrabble.js", additionalData, true, "text/javascript")
+                    .then((data) => {
+                        console.log("JavaScript loaded:", data);
+                        getData(txtBox.value.toLowerCase());
+                    })
+                    .catch((error) => {
+                        console.error("Error loading JavaScript:", error);
+                    });
+            })
+            .catch((error) => {
+                console.error("Error loading CSS:", error);
+            });
+    }
+}
+checkQueryParam();
+
+

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.7.0
+  version: 2.7.1
 platform: ruby
 authors:
 - manpreet-appscms
@@ -381,6 +381,7 @@ files:
 - assets/js/leftNav.js
 - assets/js/multiple-word-anagram-solver.js
 - assets/js/noRefreshAds.js
+- assets/js/other-lang-wordScrabble-home.js
 - assets/js/other-lang-wordScrabble.js
 - assets/js/repeat-letters.js
 - assets/js/resultPage.js