word-games-theme 2.6.6 → 2.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 15977f28d7eae81b0ee2dd9364bdad45622a362970895ce50f4ad5238c3ca84d
4
- data.tar.gz: cdb2c7e42cca4e48ad9273f6a83dd26300ce103ec69a9541b6c76cbc58dc025b
3
+ metadata.gz: 17e32113e5fded96d16258968b572c13ee60119ae0e6bbe5add6d74a6457f688
4
+ data.tar.gz: 6b9ad1a465b551a95c3de7b622c45eff9e3ee7d3163675395fbedeb340542e86
5
5
  SHA512:
6
- metadata.gz: f80f98c07b2b19d09ccbab1485b08ff17324982016be10f76a0597ea0d3c062f277deb4313a15ff93e67af1e7c71ed89fe5123da42d5dea684a7723fbf7070b1
7
- data.tar.gz: a204204c9f8b6110ec129c2f53867e607694aa86a22c5168cc478f1641dae2735778e4a05f0a2a8729bd18d0677cc5a9e87c271d9b70a6f43627fd61c3bc3576
6
+ metadata.gz: f597fcbd9491f79dab91626b6af46b08d4ce8a6dae0043fec3100beca731e04f3d69f13446755bd02859bc4e3d7850860bf416b3acefc962ceaeeee68c11bb60
7
+ data.tar.gz: 3caee3e6da1f867fb048498bce1beb60250c4162986234473cdf895325871d1a353e2ed0e993611263515ce54aaca5089481ea22a1c8e5ba6409459c0780c199
@@ -1,12 +1,10 @@
1
1
  /***************
2
2
  SCRABBLER_JS
3
3
  ***************/
4
- console.log(true);
5
4
  const getScript = document.currentScript;
6
5
  let form = document.querySelector("#form");
7
6
  let wordCount = document.querySelector(".wordCount");
8
7
  let main = document.querySelector(".main");
9
- // let loader = document.querySelector(".main-loader")
10
8
  let errorMsg = document.querySelector(".errorMsg");
11
9
 
12
10
  // getqueryUrl from form
@@ -22,14 +20,6 @@ let dictonary = params.get("dictionary");
22
20
 
23
21
  // advanced filter element grabs
24
22
  let tick;
25
- // let startsWith = document.getElementById("startsWith");
26
- // let mustInclude = document.getElementById("mustInclude");
27
- // let endsWith = document.getElementById("endsWith");
28
- // let exculdeWith = document.getElementById("exculdeWith");
29
- // let inculdeWith = document.getElementById("inculdeWith");
30
- // let wordLength = document.getElementById("wordLength");
31
-
32
-
33
23
  let ok = true;
34
24
 
35
25
  let tab_container = document.querySelector(".tab_container");
@@ -37,146 +27,14 @@ let lengthSelect = document.querySelector(".length-select");
37
27
  const siteUrl = getScript.dataset.url;
38
28
  var sortValue;
39
29
  var sortBool = false;
40
-
41
30
  let featureContainer = document.querySelector("#featureContainer")
42
31
  let howContainer = document.querySelector("#howContainer")
43
32
  let faqsContainer = document.querySelector("#faqsContainer")
44
33
  let infographicsContainer = document.querySelector("#infographicsContainer")
45
-
46
-
47
- // let letterCloseButton = document.querySelector(
48
- // ".letter-close-button-commonPage"
49
- // );
50
- // if (serachValue) {
51
- // letterCloseButton.classList.add("ltr-cls-btn-commonPage");
52
- // }
53
- // letterCloseButton.addEventListener("click", () => {
54
- // txtBox.value = "";
55
- // letterCloseButton.classList.remove("ltr-cls-btn-commonPage");
56
- // });
57
-
58
- // let txtBox = document.querySelector(".txtBox");
59
- // txtBox.focus();
60
34
  txtBox.value = serachValue;
61
35
 
62
- // txtBox.addEventListener("input", (e) => {
63
- // if (e.target.value === "") {
64
- // letterCloseButton.classList.remove("ltr-cls-btn-commonPage");
65
- // } else {
66
- // letterCloseButton.classList.add("ltr-cls-btn-commonPage");
67
- // }
68
- // let rangeOfBlankTile = script.dataset.range;
69
- // e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "");
70
- // if (rangeOfBlankTile === "") {
71
- // rangeOfBlankTile = 3;
72
- // }
73
- // e.target.value = e.target.value.replace(/ /g, "?");
74
- // let data = [];
75
- // data = e.target.value.split("").filter((i) => i === "?");
76
- // if (data.length > rangeOfBlankTile) {
77
- // e.target.value = e.target.value.replace(/\?$/, "");
78
- // }
79
- // });
80
-
81
- // function mobileScrollTop(x) {
82
- // if (x.matches) {
83
- // console.log(x.matches);
84
- // txtBox.addEventListener("click", () => {
85
- // document.documentElement.scrollTop = 350;
86
- // setTimeout(() => {
87
- // document.documentElement.scrollTop = 350;
88
- // }, 300);
89
- // });
90
- // } else {
91
- // console.log("false");
92
- // }
93
- // }
94
- // var x = window.matchMedia("(max-width: 768px)");
95
- // mobileScrollTop(x);
96
- // x.addListener(mobileScrollTop);
97
-
98
- // let rangeOfBlankTile = script.dataset.range;
99
- // let quesMark = "?";
100
-
101
- // if (rangeOfBlankTile) {
102
- // if (!serachValue.includes("?")) {
103
- // serachValue = serachValue + quesMark.repeat(rangeOfBlankTile); //
104
- // txtBox.value = serachValue;
105
- // }
106
- // }
107
-
108
- // const filterInputs = document.querySelectorAll('.filter_val');
109
- // Array.from(filterInputs).forEach((item) => {
110
- // item.addEventListener("input", (e) => {
111
- // const inputValue = e.target.value;
112
- // const parentElement = e.target.parentElement;
113
- // const imgElement = parentElement.querySelector('img');
114
- // const tooltipElement = parentElement.querySelector('.filter-tooltip');
115
-
116
- // if (inputValue == "") {
117
- // imgElement.src = "/assets/images/questionmark.svg"
118
- // item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
119
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
120
- // tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
121
-
122
- // } else {
123
- // item.nextElementSibling.removeAttribute("data-tip")
124
- // imgElement.src = "/assets/images/close-btn.svg"
125
- // tooltipElement.style.setProperty('--tooltip-padding', '0');
126
- // tooltipElement.style.setProperty('--tooltip-border-style', 'none');
127
- // }
128
- // item.nextElementSibling.addEventListener("click", () => {
129
- // e.target.value = ""
130
- // imgElement.src = "/assets/images/questionmark.svg"
131
- // item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
132
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
133
- // tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
134
- // })
135
- // })
136
- // })
137
-
138
-
139
- // function handleFilterInput(e) {
140
- // const inputValue = e.target.value;
141
- // const parentElement = e.target.parentElement;
142
- // const imgElement = parentElement.querySelector('img');
143
- // const tooltipElement = parentElement.querySelector('.filter-tooltip');
144
-
145
- // if (inputValue == "") {
146
- // imgElement.src = "/assets/images/questionmark.svg"
147
- // e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
148
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
149
- // tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
150
- // } else {
151
- // e.target.nextElementSibling.removeAttribute("data-tip")
152
- // imgElement.src = "/assets/images/close-btn.svg"
153
- // tooltipElement.style.setProperty('--tooltip-padding', '0');
154
- // tooltipElement.style.setProperty('--tooltip-border-style', 'none');
155
- // }
156
-
157
- // e.target.nextElementSibling.addEventListener("click", () => {
158
- // e.target.value = ""
159
- // imgElement.src = "/assets/images/questionmark.svg"
160
- // e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
161
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
162
- // tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
163
- // });
164
- // }
165
-
166
- // document.addEventListener("DOMContentLoaded", () => {
167
- // const filterInputs = document.querySelectorAll('.filter_val');
168
- // Array.from(filterInputs).forEach((item) => {
169
- // // Call the function on load
170
- // handleFilterInput({ target: item });
171
- // item.addEventListener("input", handleFilterInput);
172
- // });
173
- // });
174
-
175
-
176
-
177
-
178
36
  let theSelect = document.getElementById("select_dropDown");
179
-
37
+ let sortingFilter = document.querySelector("#select_dropDown");
180
38
  const sortup = document.querySelector(".sortup-icon");
181
39
  let bool = false;
182
40
  sortup.addEventListener("click", () => {
@@ -220,19 +78,19 @@ const getData = async (serachValue) => {
220
78
  try {
221
79
  document.querySelector(".main-header").style.background = "#fff"
222
80
  document.querySelector(".heading-h2").style.display = "none"
223
- if(featureContainer){
81
+ if (featureContainer) {
224
82
  featureContainer.remove()
225
83
  }
226
- if(howContainer){
84
+ if (howContainer) {
227
85
  howContainer.remove()
228
86
  }
229
- if(faqsContainer){
87
+ if (faqsContainer) {
230
88
  faqsContainer.remove()
231
89
  }
232
- if(infographicsContainer){
90
+ if (infographicsContainer) {
233
91
  infographicsContainer.remove()
234
92
  }
235
- if(authorsLists){
93
+ if (authorsLists) {
236
94
  authorsLists.remove()
237
95
  }
238
96
  errorMsg.innerHTML = "";
@@ -360,12 +218,11 @@ if (lengthValue === "1") {
360
218
  });
361
219
  // applyBtn.addEventListener("submit", logSubmit);
362
220
  form.addEventListener("submit", logSubmit);
221
+ sortingFilter.addEventListener("change", logSubmit);
363
222
  }
364
223
 
365
- // getWords function define...
366
224
  function getWords(data) {
367
225
  main.innerHTML = "";
368
- // tab_container.innerHTML = "";
369
226
  lengthSelect.innerHTML = ""
370
227
  document.querySelector(".sortingFilters").style.display = "flex"
371
228
  if (typeof data === "string") {
@@ -468,6 +325,7 @@ function getWords(data) {
468
325
  main.innerHTML += "";
469
326
  } else {
470
327
  newWordsLength += newdata.length;
328
+ newdata = sortWords(newdata);
471
329
  const result = newdata.map((item) => {
472
330
  var text1 = serachValue.replace("?", "");
473
331
  var text2 = item;
@@ -522,13 +380,6 @@ function getWords(data) {
522
380
  option.value = i;
523
381
  lengthSelect.setAttribute("onchange", `Filtering(${i})`)
524
382
  lengthSelect.add(option);
525
-
526
- // tab_container.innerHTML += `
527
- // <input type="button" id="Tab_${i}" onclick="Filtering(${i})" value="${i} Letter"
528
- // class="tab_link cursorPointer" />
529
- // `;
530
- // let tabs = document.getElementsByClassName("tab_link");
531
- // tabs[0] ? tabs[0].classList.add("active-tab") : "";
532
383
  main.innerHTML += `
533
384
  <div class="allGroupWords wordlistContainer" id="alpha_${i}">
534
385
  <h3 class="wordListHeading lead">${i} Letter Words</h3>
@@ -540,27 +391,6 @@ function getWords(data) {
540
391
  }
541
392
  }
542
393
  }
543
- theSelect.addEventListener("change", () => {
544
- sortValue = theSelect[theSelect.selectedIndex].text;
545
- if (sortValue == "Z-A") {
546
- sortBool = true;
547
- sortby(sortBool, dataArr);
548
- } else {
549
- sortBool = false;
550
- sortby(sortBool, dataArr);
551
- }
552
- if (sortValue == "Points") {
553
- sortBool = true;
554
- sortPointsby(sortBool, dataArr);
555
- }
556
- });
557
- sortValue = theSelect[theSelect.selectedIndex].text;
558
- if (sortValue == "Z-A") {
559
- sortby(sortBool, dataArr);
560
- }
561
- if (sortValue == "Points") {
562
- sortPointsby(sortBool, dataArr);
563
- }
564
394
  if (newWordsLength === 0) {
565
395
  errorMsg.innerHTML = "no words found";
566
396
  } else {
@@ -570,231 +400,47 @@ function getWords(data) {
570
400
  }
571
401
  }
572
402
  }
573
-
574
- // sorting by points
575
- function sortPointsby(sortValue, data) {
576
- main.innerHTML = "";
577
- if (sortValue) {
578
- let newWordsLength = 0;
579
- for (let i = serachValue.length; i >= 1; i--) {
580
- var newdata = data.filter((item) => item.length === i);
581
- if (newdata.length === 0) {
582
- main.innerHTML += "";
403
+ function sortWords(data) {
404
+ if (sortingFilter.selectedIndex == 0) {
405
+ return data;
406
+ } else if (sortingFilter.selectedIndex == 1) {
407
+ return data.sort();
408
+ } else if (sortingFilter.selectedIndex == 2) {
409
+ return data.reverse();
410
+ } else if (sortingFilter.selectedIndex == 3) {
411
+ var tempArr = [];
412
+ var newArray = [];
413
+ data.map((item) => {
414
+ let newWordsLength = 0;
415
+ if (item.length === 1) {
416
+ ok = false;
417
+ newWordsLength = newWordsLength - 1;
583
418
  } else {
584
- newWordsLength += newdata.length;
585
- var newArray = [];
586
- newdata.map((item) => {
587
- if (item.length === 1) {
588
- ok = false;
589
- newWordsLength = newWordsLength - 1;
590
- } else {
591
- let ScrabbleLetterScore = ScrabbleScore();
592
- let points = 0;
593
- item = item.toLowerCase();
594
- for (let i = 0; i < item.length; i++) {
595
- points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
596
- }
597
- const value = {
598
- words: item,
599
- points: points,
600
- };
601
- newArray.push(value);
602
- }
603
- });
604
- newArray.sort(function (a, b) {
605
- return b.points - a.points;
606
- });
607
- const result = newArray.map((item) => {
608
- var text1 = serachValue.replace("?", "");
609
- var text2 = item.words;
610
- var text3 = item.words;
611
- function findIndex(str, char) {
612
- const strLength = str.length;
613
- const indexes = [];
614
- let newStr = str;
615
- while (newStr && newStr.indexOf(char) > -1) {
616
- indexes.push(newStr.indexOf(char) + strLength - newStr.length);
617
- newStr = newStr.substring(newStr.indexOf(char) + 1);
618
- newStr = newStr.substring(newStr.indexOf(char) + 1);
619
- }
620
- return indexes;
621
- }
622
- let chars = text1.split("");
623
- let indexs = [];
624
- chars.map((i) => {
625
- let findIndexes = findIndex(text3, i);
626
- if (findIndexes.length > 0) {
627
- text3 = text3.split("");
628
- text3[findIndexes] = "$";
629
- text3 = text3.join("");
630
- indexs = [...indexs, ...findIndexes];
631
- }
632
- });
633
- let itemHtml = "";
634
- text2.split("").map((itemValue, index) => {
635
- let check = indexs.find((i) => i === index);
636
- if (check !== undefined) {
637
- itemHtml += `${itemValue}`;
638
- } else {
639
- itemHtml += `<span class='highlight'>${itemValue}</span>`;
640
- }
641
- });
642
- return `
643
- <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
644
- ${itemHtml}
645
- <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
646
- </a>
647
- `;
648
- });
649
- main.innerHTML += `
650
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
651
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
652
- <div class="wordList">
653
- ${result.join("")}
654
- </div>
655
- </div>
656
- `;
419
+ let ScrabbleLetterScore = ScrabbleScore();
420
+ let points = 0;
421
+ item = item.toLowerCase();
422
+ for (let i = 0; i < item.length; i++) {
423
+ points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
424
+ }
425
+ const value = {
426
+ words: item,
427
+ points: points,
428
+ };
429
+ newArray.push(value);
657
430
  }
658
- }
659
- }
660
- }
661
-
662
- // document.querySelector(".sortingFilters").style.display = "flex"
663
- // document.querySelector(".wordCount").style.display = "block"
664
-
665
- // sort by aplhabets
666
- function sortby(sortBool, data) {
667
- main.innerHTML = "";
668
- if (sortBool) {
669
- data.reverse();
670
- console.log(data)
671
- let newWordsLength = 0;
672
- for (let i = serachValue.length; i >= 1; i--) {
673
- var newdata = data.filter((item) => item.length === i);
674
- if (newdata.length === 0) {
675
- main.innerHTML += "";
676
- } else {
677
- newWordsLength += newdata.length;
678
- const result = newdata.map((item) => {
679
- var text1 = serachValue.replace("?", "");
680
- var text2 = item;
681
- var text3 = item;
682
- let chars = text1.split("");
683
- let indexs = [];
684
- chars.map((i) => {
685
- let findIndexes = findIndex(text3, i);
686
- if (findIndexes.length > 0) {
687
- text3 = text3.split("");
688
- text3[findIndexes] = "$";
689
- text3 = text3.join("");
690
- indexs = [...indexs, ...findIndexes];
691
- }
692
- });
693
- let itemHtml = "";
694
- text2.split("").map((itemValue, index) => {
695
- let check = indexs.find((i) => i === index);
696
- if (check !== undefined) {
697
- itemHtml += `${itemValue}`;
698
- } else {
699
- itemHtml += `<span class='highlight'>${itemValue}</span>`;
700
- }
701
- });
702
- if (item.length === 1) {
703
- ok = false;
704
- newWordsLength = newWordsLength - 1;
705
- } else {
706
- let ScrabbleLetterScore = ScrabbleScore();
707
- let sum = 0;
708
- item = item.toLowerCase();
709
- for (let i = 0; i < item.length; i++) {
710
- sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
711
- }
712
-
713
- return `
714
- <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
715
- ${itemHtml}
716
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
717
- </a>
718
- `;
719
- }
720
- });
721
-
431
+ });
722
432
 
433
+ newArray.sort(function (a, b) {
434
+ return b.points - a.points;
435
+ });
723
436
 
724
- main.innerHTML += `
725
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
726
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
727
- <div class="wordList">
728
- ${result.join("")}
729
- </div>
730
- </div>
731
- `;
732
- }
733
- }
734
- }
735
- else {
736
- main.innerHTML = "";
737
- data.sort();
738
- for (let i = serachValue.length; i >= 1; i--) {
739
- var newdata = data.filter((item) => item.length === i);
740
- if (newdata.length === 0) {
741
- main.innerHTML += "";
742
- } else {
743
- const result = newdata.map((item) => {
744
- var text1 = serachValue.replace("?", "");
745
- var text2 = item;
746
- var text3 = item;
747
- let chars = text1.split("");
748
- let indexs = [];
749
- chars.map((i) => {
750
- let findIndexes = findIndex(text3, i);
751
- if (findIndexes.length > 0) {
752
- text3 = text3.split("");
753
- text3[findIndexes] = "$";
754
- text3 = text3.join("");
755
- indexs = [...indexs, ...findIndexes];
756
- }
757
- });
758
- let itemHtml = "";
759
- text2.split("").map((itemValue, index) => {
760
- let check = indexs.find((i) => i === index);
761
- if (check !== undefined) {
762
- itemHtml += `${itemValue}`;
763
- } else {
764
- itemHtml += `<span class='highlight'>${itemValue}</span>`;
765
- }
766
- });
767
- if (item.length === 1) {
768
- ok = false;
769
- } else {
770
- let ScrabbleLetterScore = ScrabbleScore();
771
- let sum = 0;
772
- item = item.toLowerCase();
773
- for (let i = 0; i < item.length; i++) {
774
- sum += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
775
- }
437
+ newArray.map((ele) => {
438
+ tempArr.push(ele.words);
439
+ });
776
440
 
777
- return `
778
- <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
779
- ${itemHtml}
780
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px">${sum}</span>
781
- </a>
782
- `;
783
- }
784
- });
785
- main.innerHTML += `
786
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
787
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
788
- <div class="wordList">
789
- ${result.join("")}
790
- </div>
791
- </div>
792
- `;
793
- }
794
- }
441
+ return tempArr;
795
442
  }
796
443
  }
797
-
798
444
  // Scrabble Point Array
799
445
  const ScrabbleScore = () => {
800
446
  let twl06_sowpods = {
@@ -16,6 +16,7 @@ let includeValue = params.get('include')
16
16
  let lengthValue = params.get('length')
17
17
  let dictonary = params.get('dictionary')
18
18
 
19
+ let sortingFilter = document.querySelector("#select_dropDown");
19
20
 
20
21
  // Scrabble Point Counts
21
22
  const ScrabbleScore = () => {
@@ -91,8 +92,6 @@ let home_page_search_result = document.querySelector("#home_page_search_result")
91
92
  let homePageSearchResult = `/?search=${serachValue}&dictionary=Dictionary&prefix=&contains=&suffix=&exculde=&inculde=&length=`;
92
93
 
93
94
  txtBox.value = serachValue
94
-
95
-
96
95
  if (ablank) {
97
96
  if (!serachValue.includes("?")) {
98
97
  if (serachValue.length <= letterLen || serachValue.length >= letterLen) {
@@ -101,114 +100,9 @@ if (ablank) {
101
100
  }
102
101
  }
103
102
  }
104
- // const filterInputs = document.querySelectorAll('.filter_val');
105
- // Array.from(filterInputs).forEach((item) => {
106
- // item.addEventListener("input", (e) => {
107
- // const inputValue = e.target.value;
108
- // const parentElement = e.target.parentElement;
109
- // const imgElement = parentElement.querySelector('img');
110
- // const tooltipElement = parentElement.querySelector('.filter-tooltip');
111
-
112
- // if (inputValue == "") {
113
- // imgElement.src = "/assets/images/questionmark.svg"
114
- // item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
115
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
116
- // tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
117
-
118
- // } else {
119
- // item.nextElementSibling.removeAttribute("data-tip")
120
- // imgElement.src = "/assets/images/close-btn.svg"
121
- // tooltipElement.style.setProperty('--tooltip-padding', '0');
122
- // tooltipElement.style.setProperty('--tooltip-border-style', 'none');
123
- // }
124
- // item.nextElementSibling.addEventListener("click", () => {
125
- // e.target.value = ""
126
- // imgElement.src = "/assets/images/questionmark.svg"
127
- // item.nextElementSibling.setAttribute("data-tip", item.nextElementSibling.id)
128
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
129
- // tooltipElement.style.setProperty('--tooltip-border-style', 'soild');
130
- // })
131
- // })
132
- // })
133
- // function handleFilterInput(e) {
134
- // const inputValue = e.target.value;
135
- // const parentElement = e.target.parentElement;
136
- // const imgElement = parentElement.querySelector('img');
137
- // const tooltipElement = parentElement.querySelector('.filter-tooltip');
138
-
139
- // if (inputValue == "") {
140
- // imgElement.src = "/assets/images/questionmark.svg"
141
- // e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
142
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
143
- // tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
144
- // } else {
145
- // e.target.nextElementSibling.removeAttribute("data-tip")
146
- // imgElement.src = "/assets/images/close-btn.svg"
147
- // tooltipElement.style.setProperty('--tooltip-padding', '0');
148
- // tooltipElement.style.setProperty('--tooltip-border-style', 'none');
149
- // }
150
-
151
- // e.target.nextElementSibling.addEventListener("click", () => {
152
- // e.target.value = ""
153
- // imgElement.src = "/assets/images/questionmark.svg"
154
- // e.target.nextElementSibling.setAttribute("data-tip", e.target.nextElementSibling.id)
155
- // tooltipElement.style.setProperty('--tooltip-padding', '0.5rem');
156
- // tooltipElement.style.setProperty('--tooltip-border-style', 'solid');
157
- // });
158
- // }
159
- // document.addEventListener("DOMContentLoaded", () => {
160
- // const filterInputs = document.querySelectorAll('.filter_val');
161
- // Array.from(filterInputs).forEach((item) => {
162
- // // Call the function on load
163
- // handleFilterInput({ target: item });
164
- // item.addEventListener("input", handleFilterInput);
165
- // });
166
- // });
167
- // let letterCloseButton = document.querySelector('.letter-close-button-commonPage')
168
103
  if (serachValue) {
169
104
  letterCloseButton.style.display = "block"
170
105
  }
171
- // letterCloseButton.addEventListener("click", () => {
172
- // txtBox.value = ""
173
- // letterCloseButton.classList.remove("ltr-cls-btn-commonPage")
174
- // })
175
-
176
- // txtBox.addEventListener('input', (e) => {
177
- // if (e.target.value === "") {
178
- // letterCloseButton.classList.remove("ltr-cls-btn-commonPage")
179
- // } else {
180
- // letterCloseButton.classList.add("ltr-cls-btn-commonPage")
181
- // }
182
- // let rangeOfBlankTile = script.dataset.range
183
- // e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, '')
184
- // if (rangeOfBlankTile === '') {
185
- // rangeOfBlankTile = 3
186
- // }
187
- // e.target.value = e.target.value.replace(/ /g, '?')
188
- // let data = []
189
- // data = e.target.value.split('').filter((i) => i === '?')
190
- // // console.log(data)
191
- // if (data.length > rangeOfBlankTile) {
192
- // e.target.value = e.target.value.replace(/\?$/, '')
193
- // }
194
- // })
195
-
196
- // function mobileScrollTop(x) {
197
- // if (x.matches) {
198
- // txtBox.addEventListener("click", () => {
199
- // document.documentElement.scrollTop = 350
200
- // setTimeout(() => {
201
- // document.documentElement.scrollTop = 350
202
- // }, 150);
203
- // })
204
- // } else {
205
- // console.log("false");
206
- // }
207
- // }
208
- // var x = window.matchMedia("(max-width: 768px)")
209
- // mobileScrollTop(x)
210
- // x.addListener(mobileScrollTop)
211
-
212
106
  var theSelect = document.getElementById('select_dropDown')
213
107
  const sortup = document.querySelector(".sortup-icon")
214
108
  let bool = false
@@ -319,7 +213,6 @@ getData(serachValue.toLowerCase())
319
213
  let quesMark = ''
320
214
  quesMark = "?"
321
215
 
322
-
323
216
  function logSubmit(event) {
324
217
  document.querySelector(".fillterWrapper").classList.add("hide")
325
218
 
@@ -366,10 +259,9 @@ selectedDictionary.addEventListener("change", ((e) => {
366
259
  logSubmit(e)
367
260
  }))
368
261
 
369
-
370
262
  // applyBtn.addEventListener('submit', logSubmit)
371
263
  form.addEventListener('submit', logSubmit);
372
-
264
+ sortingFilter.addEventListener("change", logSubmit);
373
265
 
374
266
  function x_with_letters(data) {
375
267
  document.querySelector(".sortingFilters").style.display="flex"
@@ -478,8 +370,8 @@ function x_with_letters(data) {
478
370
  main.innerHTML += ''
479
371
  errorMsg.innerHTML = 'No words Found with this length'
480
372
  } else {
481
-
482
373
  newWordsLength += filterData.length
374
+ filterData = sortWords(filterData);
483
375
  let itemLength = ''
484
376
  const result = filterData.map((item) => {
485
377
  itemLength = item.length
@@ -543,32 +435,6 @@ function x_with_letters(data) {
543
435
  </div>
544
436
  </div>
545
437
  `;
546
-
547
- // sort eventlistener
548
- theSelect.addEventListener('change', () => {
549
- sortValue = theSelect[theSelect.selectedIndex].text
550
- if (sortValue == 'Z-A') {
551
- sortBool = true
552
- sortby(sortBool, dataArr, itemLength)
553
- } else {
554
- sortBool = false
555
- sortby(sortBool, dataArr, itemLength)
556
- }
557
- if (sortValue == 'Points') {
558
- sortBool = true
559
- sortPointsby(sortBool, dataArr, itemLength)
560
- }
561
- })
562
-
563
- sortValue = theSelect[theSelect.selectedIndex].text
564
- if (sortValue == 'Z-A') {
565
- sortby(sortBool, dataArr, itemLength)
566
- }
567
- if (sortValue == 'Points') {
568
- sortPointsby(sortBool, dataArr, itemLength)
569
- }
570
-
571
-
572
438
  }
573
439
 
574
440
  wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split(
@@ -577,243 +443,44 @@ function x_with_letters(data) {
577
443
  }
578
444
  }
579
445
 
580
- //Handling of filter counter in advanced filter
581
- function addFilterCount() {
582
- let filter_val = document.getElementsByClassName('filter_val')
583
- let filter = document.querySelector('.filter_count')
584
- let filter_count = 0
585
-
586
- filter_val[0].value = prefixValue
587
- filter_val[1].value = containsValue
588
- filter_val[2].value = suffixValue
589
- filter_val[3].value = exculdeValue
590
- filter_val[4].value = includeValue
591
- filter_val[5].value = lengthValue
592
-
593
- for (var i = 0; i <= 4; i++) {
594
- if (filter_val[i].value != '') {
595
- filter_count += 1
596
- }
597
- if (filter_count === 0) {
598
- filter.style.display = 'none'
599
- } else {
600
- filter.style.display = 'inline-block'
601
- }
602
-
603
- filter.innerHTML = filter_count
604
- }
605
- }
606
- // addFilterCount()
607
-
608
- // sorting by points
609
- function sortPointsby(sortValue, data, i) {
610
- if (sortValue) {
611
- main.innerHTML = ''
612
- let newArray = []
446
+ function sortWords(data) {
447
+ if (sortingFilter.selectedIndex == 0) {
448
+ return data;
449
+ } else if (sortingFilter.selectedIndex == 1) {
450
+ return data.sort();
451
+ } else if (sortingFilter.selectedIndex == 2) {
452
+ return data.reverse();
453
+ } else if (sortingFilter.selectedIndex == 3) {
454
+ var tempArr = [];
455
+ var newArray = [];
613
456
  data.map((item) => {
614
- let ScrabbleLetterScore = ScrabbleScore()
615
- let points = 0
616
- item = item.toLowerCase()
617
- for (let i = 0; i < item.length; i++) {
618
- points += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
619
- }
620
- const value = {
621
- words: item,
622
- points: points,
623
- }
624
- newArray.push(value)
625
- newArray.sort(function (a, b) {
626
- return b.points - a.points
627
- })
628
- })
629
- const result = newArray.map((item) => {
630
- var text1 = serachValue.replace('?', '')
631
- var text2 = item.words
632
- var text3 = item.words
633
- function findIndex(str, char) {
634
- const strLength = str.length
635
- const indexes = []
636
- let newStr = str
637
- while (newStr && newStr.indexOf(char) > -1) {
638
- indexes.push(newStr.indexOf(char) + strLength - newStr.length)
639
- newStr = newStr.substring(newStr.indexOf(char) + 1)
640
- newStr = newStr.substring(newStr.indexOf(char) + 1)
641
- }
642
- return indexes
643
- }
644
- let chars = text1.split('')
645
- let indexs = []
646
- chars.map((i) => {
647
- let findIndexes = findIndex(text3, i)
648
- if (findIndexes.length > 0) {
649
- text3 = text3.split('')
650
- text3[findIndexes] = '$'
651
- text3 = text3.join('')
652
- indexs = [...indexs, ...findIndexes]
653
- }
654
- })
655
- let itemHtml = ''
656
- text2.split('').map((itemValue, index) => {
657
- let check = indexs.find((i) => i === index)
658
- if (check !== undefined) {
659
- itemHtml += `${itemValue}`
660
- } else {
661
- itemHtml += `<span class='highlight'>${itemValue}</span>`
662
- }
663
- })
664
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
665
- ${itemHtml}
666
- <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
667
- </a>`
668
- })
669
-
670
- main.innerHTML += `
671
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
672
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
673
- <div class="wordList">
674
- ${result.join('')}
675
- </div>
676
- </div>
677
- `
678
- }
679
- }
680
- // sort by aplhabets
681
- function sortby(sortBool, data, i) {
682
- if (sortBool) {
683
- main.innerHTML = ''
684
- data.reverse()
685
- const result = data.map((item) => {
686
- let ScrabbleLetterScore = ScrabbleScore()
687
- let sum = 0
688
- item = item.toLowerCase()
689
- for (let i = 0; i < item.length; i++) {
690
- sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
691
- }
692
-
693
- var text1 = serachValue.replace('?', '')
694
- var text2 = item
695
- var text3 = item
696
- function findIndex(str, char) {
697
- const strLength = str.length
698
- const indexes = []
699
- let newStr = str
700
- while (newStr && newStr.indexOf(char) > -1) {
701
- indexes.push(newStr.indexOf(char) + strLength - newStr.length)
702
- newStr = newStr.substring(newStr.indexOf(char) + 1)
703
- newStr = newStr.substring(newStr.indexOf(char) + 1)
704
- }
705
- return indexes
706
- }
707
- let chars = text1.split('')
708
- let indexs = []
709
- chars.map((i) => {
710
- let findIndexes = findIndex(text3, i)
711
- if (findIndexes.length > 0) {
712
- text3 = text3.split('')
713
- text3[findIndexes] = '$'
714
- text3 = text3.join('')
715
- indexs = [...indexs, ...findIndexes]
716
- }
717
- })
718
- let itemHtml = ''
719
- text2.split('').map((itemValue, index) => {
720
- let check = indexs.find((i) => i === index)
721
- if (check !== undefined) {
722
- itemHtml += `${itemValue}`
723
- } else {
724
- itemHtml += `<span class='highlight'>${itemValue}</span>`
457
+ let newWordsLength = 0;
458
+ if (item.length === 1) {
459
+ ok = false;
460
+ newWordsLength = newWordsLength - 1;
461
+ } else {
462
+ let ScrabbleLetterScore = ScrabbleScore();
463
+ let points = 0;
464
+ item = item.toLowerCase();
465
+ for (let i = 0; i < item.length; i++) {
466
+ points += ScrabbleLetterScore[item[i]] || 0; // for unknown characters
725
467
  }
726
- })
727
-
728
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
729
- ${itemHtml}
730
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
731
- </a>`
732
- })
733
-
734
- main.innerHTML += `
735
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
736
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
737
- <div class="wordList">
738
- ${result.join('')}
739
- </div>
740
- </div>
741
-
742
- `
743
- } else {
744
- main.innerHTML = ''
745
- data.sort()
746
- const result = data.map((item) => {
747
- let ScrabbleLetterScore = ScrabbleScore()
748
- let sum = 0
749
- item = item.toLowerCase()
750
- for (let i = 0; i < item.length; i++) {
751
- sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
468
+ const value = {
469
+ words: item,
470
+ points: points,
471
+ };
472
+ newArray.push(value);
752
473
  }
474
+ });
753
475
 
754
- var text1 = serachValue.replace('?', '')
755
- var text2 = item
756
- var text3 = item
757
- function findIndex(str, char) {
758
- const strLength = str.length
759
- const indexes = []
760
- let newStr = str
761
- while (newStr && newStr.indexOf(char) > -1) {
762
- indexes.push(newStr.indexOf(char) + strLength - newStr.length)
763
- newStr = newStr.substring(newStr.indexOf(char) + 1)
764
- newStr = newStr.substring(newStr.indexOf(char) + 1)
765
- }
766
- return indexes
767
- }
768
- let chars = text1.split('')
769
- let indexs = []
770
- chars.map((i) => {
771
- let findIndexes = findIndex(text3, i)
772
- if (findIndexes.length > 0) {
773
- text3 = text3.split('')
774
- text3[findIndexes] = '$'
775
- text3 = text3.join('')
776
- indexs = [...indexs, ...findIndexes]
777
- }
778
- })
779
- let itemHtml = ''
780
- text2.split('').map((itemValue, index) => {
781
- let check = indexs.find((i) => i === index)
782
- if (check !== undefined) {
783
- itemHtml += `${itemValue}`
784
- } else {
785
- itemHtml += `<span class='highlight'>${itemValue}</span>`
786
- }
787
- })
476
+ newArray.sort(function (a, b) {
477
+ return b.points - a.points;
478
+ });
788
479
 
789
- return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
790
- ${itemHtml}
791
- <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
792
- </a>`
793
- })
480
+ newArray.map((ele) => {
481
+ tempArr.push(ele.words);
482
+ });
794
483
 
795
- main.innerHTML += `
796
- <div class="allGroupWords wordlistContainer" id="alpha_${i}">
797
- <h3 class="wordListHeading lead">${i} Letter Words</h3>
798
- <div class="wordList">
799
- ${result.join('')}
800
- </div>
801
- </div>
802
-
803
- `
484
+ return tempArr;
804
485
  }
805
486
  }
806
-
807
- // Implement Active class
808
- // const addFilter = () => {
809
- // let tabs = document.getElementsByClassName('tab_link')
810
- // tabs[0] ? tabs[0].classList.add('active-tab') : ''
811
-
812
- // Array.from(tabs).map((item) => {
813
- // item.classList.remove('active-tab')
814
- // })
815
- // main.innerHTML += ``
816
- // let activeLetter = event.target
817
- // // console.log(activeLetter)
818
- // activeLetter.classList.add('active-tab')
819
- // }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: word-games-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.6.6
4
+ version: 2.6.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - manpreet-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-03-11 00:00:00.000000000 Z
11
+ date: 2024-03-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll