csocrate
diff --git a/‎index.html
Copy file name to clipboardExpand all lines: index.html
+1Lines changed: 1 addition & 0 deletions b/‎index.html
Copy file name to clipboardExpand all lines: index.html
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎js/RecipesApp.js
Copy file name to clipboardExpand all lines: js/RecipesApp.js
+14-2Lines changed: 14 additions & 2 deletions b/‎js/RecipesApp.js
Copy file name to clipboardExpand all lines: js/RecipesApp.js
+14-2Lines changed: 14 additions & 2 deletions
diff --git a/‎js/components/V2.js
Copy file name to clipboard
+109Lines changed: 109 additions & 0 deletions b/‎js/components/V2.js
Copy file name to clipboard
+109Lines changed: 109 additions & 0 deletions
@@ -244,6 +244,7 @@ <h1 class="d-flex flex-column align-items-center font-monospace text-uppercase t
   <!-- components -->
   <script src="/js/components/MainSearchBar.js"></script>
   <script src="/js/components/BinarySearch.js"></script>
+  <script src="/js/components/V2.js"></script>
   <script src="/js/components/DropdownSearchFilter.js"></script>
   <script src="/js/components/DataDropdownList.js"></script>
   <!-- utils -->
 
@@ -98,11 +98,23 @@ class RecipesApp {
     const binarySearch = new BinarySearch();
     const userInputValue = e.target.value;
 
-    const isInputValid = binarySearch.inputValidation(userInputValue);
+    // const isInputValid = binarySearch.inputValidation(userInputValue);
+
+    const v2 = new V2();
+    const isInputValid = v2.inputValidation(userInputValue);
+
+    // if (isInputValidByV2) {
+
+    //   const userInputMatchingDataV2 = v2.isUserValueMatchesByV2(userInputValue, this.recipesData, 10);
+    //   console.log(userInputMatchingDataV2)
+    // }
 
     if (isInputValid) {
 
-      const userInputMatchingData = binarySearch.isUserValueMatches(userInputValue, this.recipesData, 0, this.recipesData.length - 1);
+      // const userInputMatchingData = binarySearch.isUserValueMatches(userInputValue, this.recipesData, 0, this.recipesData.length - 1);
+
+      const userInputMatchingData = v2.isUserValueMatchesByV2(userInputValue, this.recipesData, 10);
+      console.log(userInputMatchingData)
 
       this.$recipeCards.innerHTML = '';
 
 
@@ -0,0 +1,109 @@
+/**
+ * ------------------------------------------------------------
+ * Les Petits Plats components/V2.js
+ * ------------------------------------------------------------
+ */
+
+class V2 extends MainSearchBar {
+  constructor() {
+    super();
+  }
+
+  /**
+   * Slices main array into chunks
+   * Returns matching data of all trunks
+   * @param {Event & {eventTargetValue: HTMLInputElement}} eventTargetValue
+   * @param {Array} mainArray - Data array from API
+   * @param {number} size - size of mainArray trunks
+   * @returns matchingDataArray
+   */
+  isUserValueMatchesByV2(eventTargetValue, mainArray, size) {
+
+    let chunks = [];
+
+    this.sliceMainArrayIntoChunks(mainArray, size, chunks);
+
+    const searchOrder = this.updateIndexesOrder(chunks);
+
+    // console.log(chunks)
+    // console.log(searchOrder)
+
+    let isMatches = [];
+
+    isMatches.push(
+      this.searchMatchingData(chunks, 0, searchOrder, eventTargetValue),
+      this.searchMatchingData(chunks, 1, searchOrder, eventTargetValue),
+      this.searchMatchingData(chunks, 2, searchOrder, eventTargetValue),
+      this.searchMatchingData(chunks, 3, searchOrder, eventTargetValue),
+      this.searchMatchingData(chunks, 4, searchOrder, eventTargetValue));
+
+    return isMatches.flat();
+  }
+
+  searchMatchingData(array, index, order, eventTargetValue) {
+    let isMatches;
+
+    const indexArray = order[index];
+
+    const currentArray = array[indexArray];
+
+    isMatches = this.isChunkMatches(eventTargetValue, currentArray);
+
+    return isMatches;
+  }
+
+  isChunkMatches(expression, array) {
+
+    const result = array.filter(el => {
+
+      const regExp = new RegExp(expression, 'gmi');
+
+      return el.search.match(regExp);
+    });
+
+    return result;
+  }
+
+  sliceMainArrayIntoChunks(mainArray, size, chunks) {
+
+    for (let i = 0; i < mainArray.length; i += size) {
+      const chunk = mainArray.slice(i, i + size);
+      chunks.push(chunk);
+    }
+
+    return chunks;
+  }
+
+  updateIndexesOrder(chunks) {
+
+    let searchOrder = [];
+
+    for (let i = 0; i < chunks.length; i++) {
+
+      const indexes = chunks.indexOf(chunks[i]);
+
+      searchOrder.push(indexes)
+    }
+
+    searchOrder = this.moveSearchOrderIndex(searchOrder);
+
+    return searchOrder;
+  }
+
+  moveSearchOrderIndex(array) {
+    let result = [];
+    const middle = Math.floor(array.length / 2);
+
+    for (let i = 0; i < middle; i++) {
+      result.push(
+        array[i],
+        array[array.length - 1 - i]);
+    }
+
+    if (array.length % 2 !== 0) {
+      result.push(array[middle]);
+    }
+
+    return result;
+  }
+}