word-games-theme 0.1.4 → 0.1.9

data/assets/js/advancedFilter.js

@@ -1,5 +1,5 @@
-const Advancedbtn = document.querySelector('.Advancedbtn')
-Advancedbtn.style.display = 'none'
+const wordLength = document.querySelector('.wordLength')
+wordLength.style.display = 'none'
 
-const sortSelect = document.querySelector('#sort-select')
-sortSelect.style.display = 'none'
+// const sortSelect = document.querySelector('#sort-select')
+// sortSelect.style.display = 'none'

data/assets/js/advancedFilter2.js

@@ -1,5 +1,12 @@
-const advancedFilter = document.querySelector('.advancedFilter')
-const fillterWrapper = document.querySelector('.fillterWrapper')
-advancedFilter.addEventListener('click', () => {
-  fillterWrapper.classList.toggle('active')
-})
+// const advancedFilter = document.querySelector('.advancedFilter')
+// const fillterWrapper = document.querySelector('.fillterWrapper')
+// advancedFilter.addEventListener('click', () => {
+//   fillterWrapper.classList.toggle('active')
+//   fillterWrapper.classList.remove('hide')
+// })
+
+// const close = document.querySelector('.fa-times')
+// close.addEventListener('click', () => {
+//   fillterWrapper.classList.remove('active')
+//   fillterWrapper.classList.add('hide')
+// })

data/assets/js/advancedFilter3.js

@@ -1,2 +1,2 @@
-const advancedFilter = document.querySelector('.advancedFilter')
-advancedFilter.style.display = ' none'
+// const advancedFilter = document.querySelector('.advancedFilter')
+// advancedFilter.style.display = ' none'

data/assets/js/scrabbleDictonary.js

@@ -2,6 +2,9 @@
 const params = new URLSearchParams(window.location.search)
 let serachValue = params.get('search')
 
+let txtBox = document.querySelector('.txtBox')
+txtBox.value = serachValue
+
 // DICTONARY
 const fetchTWL06Dic = async (serachValue) => {
   let newAlphabet = {

data/assets/js/wordScrabble.js

@@ -1,3 +1,7 @@
+/***************
+ SCRABBLER_JS
+***************/
+
 // grab some html elements
 let form = document.querySelector('#form')
 let wordCount = document.querySelector('.wordCount')
@@ -13,13 +17,25 @@ let suffixValue = params.get('suffix')
 let lengthValue = params.get('length')
 let dictonary = params.get('dictonary')
 
+// advanced filter element grabs
+let tick
+let startsWith = document.getElementById('startsWith')
+let mustInclude = document.getElementById('mustInclude')
+let endsWith = document.getElementById('endsWith')
+let wordLength = document.getElementById('wordLength')
+
 let ok = true
 
 let tab_container = document.querySelector('.tab_container')
 
 var sortValue
 var sortBool = false
+
+let txtBox = document.querySelector('.txtBox')
+txtBox.value = serachValue
+
 var theSelect = document.getElementById('select_dropDown')
+document.querySelector('.select_dropDown2').value = dictonary
 
 // getWords define...
 const getData = async (serachValue) => {
@@ -66,6 +82,10 @@ function getWords(data) {
         sortBool = false
         sortby(sortBool, data)
       }
+      if (sortValue == 'Points') {
+        sortBool = true
+        sortPointsby(sortBool, data)
+      }
     })
 
     for (let i = serachValue.length; i >= 1; i--) {
@@ -74,20 +94,30 @@ function getWords(data) {
         newdata = newdata.filter((item2) =>
           item2.startsWith(prefixValue.toLowerCase())
         )
+        startsWith.classList.add('tick')
+        startsWith.value = prefixValue
       }
+
       if (containsValue) {
         newdata = newdata.filter((item) =>
           item.includes(containsValue.toLowerCase())
         )
+        mustInclude.classList.add('tick')
+        mustInclude.value = containsValue
       }
       if (suffixValue) {
         newdata = newdata.filter((item) =>
           item.endsWith(suffixValue.toLowerCase())
         )
+        endsWith.classList.add('tick')
+        endsWith.value = suffixValue
       }
       if (lengthValue) {
         newdata = newdata.filter((item) => item.length == lengthValue)
+        wordLength.classList.add('tick')
+        wordLength.value = lengthValue
       }
+
       if (newdata.length === 0) {
         main.innerHTML += ''
       } else {
@@ -145,6 +175,66 @@ 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 += ''
+      } 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) => {
+          return `<a class="anchor__style" title="Lookup python in Dictionary" target="_blank" href="/word-meaning?search=${item.words}">
+          <li>${item.words}
+        <span class="points" value="${item.points}" style="position:relative; top:4px; font-size:12px"> ${item.points}</span>
+          </li></a>`
+        })
+
+        main.innerHTML += `
+        <div class="allGroupWords wordlistContainer" id="alpha_${i}">
+            <div class="wordListHeading">
+                <h3 class="lead">${i} Letter Words</h3>
+            </div>
+            <div class="wordList">
+                <ul class="ul list-unstyled">
+                 ${result.join('')}
+                </ul>
+            </div>
+        </div>
+        `
+      }
+    }
+  }
+}
+
 // sort by aplhabets
 function sortby(sortBool, data) {
   if (sortBool) {
@@ -234,7 +324,7 @@ function sortby(sortBool, data) {
   }
 }
 
-// Scrabble Point Counts
+// Scrabble Point Array
 const ScrabbleScore = () => {
   let twl06_sowpods = {
     a: 1,
@@ -301,7 +391,61 @@ const ScrabbleScore = () => {
   }
 }
 
-// Implement Filtering
+//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 = 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()
+
+// handling of filter on scroll
+window.onscroll = function () {
+  var section = document.querySelectorAll('.wordlistContainer')
+  let new_sections = {}
+  Array.prototype.forEach.call(section, function (e) {
+    if (document.body.clientWidth > 991) {
+      new_sections[e.id] = e.offsetTop - 10
+    } else {
+      new_sections[e.id] = e.offsetTop - 10
+    }
+  })
+  var scrollPosition =
+    document.documentElement.scrollTop || document.body.scrollTop
+  for (i in new_sections) {
+    let sort_val = document.querySelector('.sort-select').value
+    if (
+      i.split('_')[0] == sort_val &&
+      new_sections[i] &&
+      new_sections[i] <= scrollPosition
+    ) {
+      document.querySelector('.active-tab').classList.remove('active-tab')
+      var active_now = document.querySelector('#Tab_' + i.split('_')[1])
+      active_now.classList.add('active-tab')
+      // active_now.scrollIntoView()
+    }
+  }
+}
+
+// Add Filtering
 let sections = {}
 function Filtering(id) {
   let tabs = document.getElementsByClassName('tab_link')
@@ -312,23 +456,22 @@ function Filtering(id) {
   })
   main.innerHTML += ``
   let activeLetter = event.target
-  // console.log(activeLetter)
   activeLetter.classList.add('active-tab')
 
   var section = document.querySelectorAll('.wordlistContainer')
   var sort_val = document.querySelector('.sort-select').value
-  sections = {}
   Array.prototype.forEach.call(section, function (e) {
     if (document.body.clientWidth > 991) {
       sections[e.id] = e.offsetTop - 10
     } else {
       sections[e.id] = e.offsetTop - 10
-      console.log(sections)
     }
   })
+
   document.body.scrollTop = sections[sort_val + '_' + id] + 5
 }
 
+// next && previous functionality
 let prev = document.getElementById('prev')
 let next = document.getElementById('next')
 
@@ -341,9 +484,12 @@ if (next) {
 window.addEventListener('resize', function () {
   scroll_visible()
 })
+window.addEventListener('scroll', function () {
+  scroll_visible()
+})
 function scroll_visible() {
   let tab_container = document.querySelector('#tab-container')
-  console.log(tab_container)
+
   if (tab_container) {
     if (tab_container.clientWidth === tab_container.scrollWidth) {
       prev.style.display = 'none'
@@ -355,6 +501,7 @@ function scroll_visible() {
   }
 }
 scroll_visible()
+
 function scroll_Left() {
   tab_container.scrollLeft += 130
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.9
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-23 00:00:00.000000000 Z
+date: 2021-07-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -125,6 +125,7 @@ files:
 - _layouts/default.html
 - _layouts/disclaimer.html
 - _layouts/page.html
+- _layouts/page2.html
 - _layouts/post.html
 - _layouts/privacyPolicy.html
 - _layouts/termAndCondition.html
@@ -161,6 +162,7 @@ files:
 - assets/images/right2.svg
 - assets/images/right3.svg
 - assets/images/right_obj_01.png
+- assets/images/search.svg
 - assets/images/word-games-logo.svg
 - assets/images/yellow_bg.png
 - assets/js/TopScroll.js