From 358d97826d90948f802b00af74791a5cabc8dd24 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Thu, 23 May 2019 14:56:43 +0200
Subject: [PATCH 01/16] fix mobile nav not showing list as highlighted, if no
 "site" is set

---
 cont/nav.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/nav.php b/cont/nav.php
index ca453c3..a08329b 100644
--- a/cont/nav.php
+++ b/cont/nav.php
@@ -30,7 +30,7 @@
 
   <div class="collapse w-75 pl-2" id="navbarToggleResponsive">
     <ul class="navbar-nav mr-auto">
-      <li class="nav-item <?php if($site=="list"){print_r("active");} ?>">
+      <li class="nav-item <?php if(($site=="list")||($site=="-1")){print_r("active");} ?>">
         <a class="nav-link" href="/list"><i class="fas fa-list"></i> Liste</a>
       </li>
       <li class="nav-item <?php if($site=="recipes"){print_r("active");} ?>">

From 086970c4da2e92b6f704354dc2dd4ef355585f61 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Fri, 24 May 2019 09:41:25 +0200
Subject: [PATCH 02/16] fixed the search thingy

---
 js/search.js | 45 ++++++++++++++++++++++-----------------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/js/search.js b/js/search.js
index 9df7b69..8218d1e 100644
--- a/js/search.js
+++ b/js/search.js
@@ -1,33 +1,32 @@
-$(document).ready(function(){
-  var recipes = $("#recipes a");
-  var headerLetters = $("#recipes h2");
-  $("#search-recipes").on("keyup", searchRecipe(recipes, headerLetters));
+$(document).ready(function () {
+  $("#search-recipes").on("keyup", searchRecipe);
   $("#clear-search-string").click(clearSearchString);
 });
 
-function searchRecipe(recipes, headerLetters) {
-  return function () {
-    var search = $("#search-recipes").val().toUpperCase();
-    for (var i = 0; i < recipes.length; i++) {
-      if (recipes[i].innerHTML.toUpperCase().indexOf(search) > -1) {
-        recipes[i].style.display = "";
-      }
-      else {
-        recipes[i].style.display = "none";
-      }
+function searchRecipe() {
+  var searchString = $("#search-recipes").val().toUpperCase();
+  var recipes = $("#recipes a");
+
+  for (var i = 0; i < recipes.length; i++) {
+    if (recipes[i].innerHTML.toUpperCase().indexOf(searchString) > -1) {
+      $(recipes[i]).show()
     }
-    for (var j = 0; j < headerLetters.length; j++) {
-      if (($("*[data-letter='" + headerLetters[j].innerHTML + "']:visible")).length > 0) {
-        headerLetters[j].style.display = "";
-      }
-      else {
-        headerLetters[j].style.display = "none";
-      }
+    else {
+      $(recipes[i]).hide();
     }
-  };
+  }
+  
+  $("#recipes").children().each(index => {
+    var container = ($("#recipes").children())[index];
+    $(container).removeClass("d-none").addClass("d-flex");
+    if(($(container).find("a:visible")).length==0){
+      $(container).removeClass("d-flex").addClass("d-none");
+    }
+  });
+
 }
 
-function clearSearchString(){
+function clearSearchString() {
   $("#search-recipes").val("");
   $("#search-recipes").focus();
   $("#search-recipes").keyup();

From 98e91287a72c868fdb451603df15d17cbcf5962a Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Fri, 24 May 2019 09:49:46 +0200
Subject: [PATCH 03/16] removed debug message from console log

---
 js/list.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index d551cbe..781d738 100644
--- a/js/list.js
+++ b/js/list.js
@@ -22,7 +22,6 @@ function highlightNewEntry(){
       newRow.addClass($(checkBox).data("color"));
     }, 1000);
     document.cookie = "newItem=-1"
-    console.log(document.cookie);
   }
 }
 

From bb031ae0583b203932a8deecdfae7b8e0bcb4867 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Fri, 24 May 2019 11:11:11 +0200
Subject: [PATCH 04/16] resized nav links on desktop

---
 cont/nav.php     | 8 ++++----
 style/helper.css | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/cont/nav.php b/cont/nav.php
index a08329b..dca5465 100644
--- a/cont/nav.php
+++ b/cont/nav.php
@@ -11,18 +11,18 @@
   <div class="collapse navbar-collapse">
     <ul class="navbar-nav mr-auto">
       <li class="nav-item <?php if(($site=="list")||($site=="-1")){print_r("active");} ?>">
-        <a class="nav-link" href="/list"><i class="fas fa-list"></i> Liste</a>
+        <a class="nav-link-font nav-link" href="/list"><i class="fas fa-list"></i> Liste</a>
       </li>
       <li class="nav-item <?php if($site=="recipes"){print_r("active");} ?>">
-        <a class="nav-link" href="/recipes"><i class="fas fa-book"></i> Rezepte</a>
+        <a class="nav-link-font nav-link" href="/recipes"><i class="fas fa-book"></i> Rezepte</a>
       </li>
     </ul>
     <ul class="navbar-nav">
       <li class="nav-item <?php if($site=="settings"){print_r("active");} ?>">
-        <a class="nav-link" href="/settings"><i class="fas fa-user-cog"></i></a>
+        <a class="nav-link-font nav-link" href="/settings"><i class="fas fa-user-cog"></i></a>
       </li>
       <li class="nav-item">
-        <a class="nav-link" href="/php/logout.php"><i class="fas fa-sign-out-alt"></i></a>
+        <a class="nav-link-font nav-link" href="/php/logout.php"><i class="fas fa-sign-out-alt"></i></a>
       </li>
     </ul>
   </div>
diff --git a/style/helper.css b/style/helper.css
index d4ce33a..ea7e18e 100644
--- a/style/helper.css
+++ b/style/helper.css
@@ -6,4 +6,8 @@
 
 .list-row {
     transition: .5s;
+}
+
+.nav-link-font {
+    font-size: 16px !important;
 }
\ No newline at end of file

From 69d1be8c996ed5153d7bdec170e9288ce042fa52 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 16:59:11 +0200
Subject: [PATCH 05/16] log color to console

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index 781d738..4eda01f 100644
--- a/js/list.js
+++ b/js/list.js
@@ -48,7 +48,7 @@ function checkItem() {
     },
     success: function () {
       var color = $("[data-id='" + dataId + "'").data("color");
-      
+      console.log(color);
       $("[data-id='" + dataId + "'").parent().parent().removeClass("bg-danger");
 
       if($("[data-id='" + dataId + "'").prop("checked")){

From ec0ceec0c5ffb20e1be0c2ea8b0d8c954ea90ea1 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:01:30 +0200
Subject: [PATCH 06/16] added selector variable

---
 js/list.js | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/js/list.js b/js/list.js
index 4eda01f..1cb3895 100644
--- a/js/list.js
+++ b/js/list.js
@@ -47,29 +47,29 @@ function checkItem() {
       status: $(this).prop("checked")
     },
     success: function () {
-      var color = $("[data-id='" + dataId + "'").data("color");
-      console.log(color);
-      $("[data-id='" + dataId + "'").parent().parent().removeClass("bg-danger");
+      var dataIdSelector = ("[data-id='" + dataId + "'");
+      var color = $(dataIdSelector).data("color");
+      $(dataIdSelector).parent().parent().removeClass("bg-danger");
 
-      if($("[data-id='" + dataId + "'").prop("checked")){
-        $("[data-id='" + dataId + "'").parent().parent().removeClass(color);
-        $("[data-id='" + dataId + "'").parent().parent().addClass("bg-success");
+      if($(dataIdSelector).prop("checked")){
+        $(dataIdSelector).parent().parent().removeClass(color);
+        $(dataIdSelector).parent().parent().addClass("bg-success");
       }
       else{
-        $("[data-id='" + dataId + "'").parent().parent().removeClass("bg-success");
-        $("[data-id='" + dataId + "'").parent().parent().addClass(color);
+        $(dataIdSelector).parent().parent().removeClass("bg-success");
+        $(dataIdSelector).parent().parent().addClass(color);
       }
     },
     error: function () {
-      $("[data-id='" + dataId + "'").parent().parent().addClass("bg-danger");
-      $("[data-id='" + dataId + "'").parent().parent().data("toggle", "popover");
-      $("[data-id='" + dataId + "'").parent().parent().data("container", "body");
-      $("[data-id='" + dataId + "'").parent().parent().data("placement", "top");
-      $("[data-id='" + dataId + "'").parent().parent().data("html", true);
-      $("[data-id='" + dataId + "'").parent().parent().data("trigger", "focus");
-      $("[data-id='" + dataId + "'").parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
-      $("[data-id='" + dataId + "'").parent().parent().attr("title", "Fehler!");
-      $("[data-id='" + dataId + "'").parent().parent().popover('show');
+      $(dataIdSelector).parent().parent().addClass("bg-danger");
+      $(dataIdSelector).parent().parent().data("toggle", "popover");
+      $(dataIdSelector).parent().parent().data("container", "body");
+      $(dataIdSelector).parent().parent().data("placement", "top");
+      $(dataIdSelector).parent().parent().data("html", true);
+      $(dataIdSelector).parent().parent().data("trigger", "focus");
+      $(dataIdSelector).parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
+      $(dataIdSelector).parent().parent().attr("title", "Fehler!");
+      $(dataIdSelector).parent().parent().popover('show');
     }
   });
 }
\ No newline at end of file

From eabd8569168f7d97bfe99ca27e02e747d48734ba Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:04:33 +0200
Subject: [PATCH 07/16] added log to console, for testing with ios

---
 js/list.js | 45 +++++++++++++++++++++++----------------------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/js/list.js b/js/list.js
index 1cb3895..aaac674 100644
--- a/js/list.js
+++ b/js/list.js
@@ -47,29 +47,30 @@ function checkItem() {
       status: $(this).prop("checked")
     },
     success: function () {
-      var dataIdSelector = ("[data-id='" + dataId + "'");
-      var color = $(dataIdSelector).data("color");
-      $(dataIdSelector).parent().parent().removeClass("bg-danger");
+      var dataIdSelector = (("[data-id='" + dataId) + "'");
+      console.log(dataIdSelector);
+    //   var color = $(dataIdSelector).data("color");
+    //   $(dataIdSelector).parent().parent().removeClass("bg-danger");
 
-      if($(dataIdSelector).prop("checked")){
-        $(dataIdSelector).parent().parent().removeClass(color);
-        $(dataIdSelector).parent().parent().addClass("bg-success");
-      }
-      else{
-        $(dataIdSelector).parent().parent().removeClass("bg-success");
-        $(dataIdSelector).parent().parent().addClass(color);
-      }
-    },
-    error: function () {
-      $(dataIdSelector).parent().parent().addClass("bg-danger");
-      $(dataIdSelector).parent().parent().data("toggle", "popover");
-      $(dataIdSelector).parent().parent().data("container", "body");
-      $(dataIdSelector).parent().parent().data("placement", "top");
-      $(dataIdSelector).parent().parent().data("html", true);
-      $(dataIdSelector).parent().parent().data("trigger", "focus");
-      $(dataIdSelector).parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
-      $(dataIdSelector).parent().parent().attr("title", "Fehler!");
-      $(dataIdSelector).parent().parent().popover('show');
+    //   if($(dataIdSelector).prop("checked")){
+    //     $(dataIdSelector).parent().parent().removeClass(color);
+    //     $(dataIdSelector).parent().parent().addClass("bg-success");
+    //   }
+    //   else{
+    //     $(dataIdSelector).parent().parent().removeClass("bg-success");
+    //     $(dataIdSelector).parent().parent().addClass(color);
+    //   }
+    // },
+    // error: function () {
+    //   $(dataIdSelector).parent().parent().addClass("bg-danger");
+    //   $(dataIdSelector).parent().parent().data("toggle", "popover");
+    //   $(dataIdSelector).parent().parent().data("container", "body");
+    //   $(dataIdSelector).parent().parent().data("placement", "top");
+    //   $(dataIdSelector).parent().parent().data("html", true);
+    //   $(dataIdSelector).parent().parent().data("trigger", "focus");
+    //   $(dataIdSelector).parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
+    //   $(dataIdSelector).parent().parent().attr("title", "Fehler!");
+    //   $(dataIdSelector).parent().parent().popover('show');
     }
   });
 }
\ No newline at end of file

From 0f97a47cbb7655817ec11ebae9ce9520404da22f Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:07:08 +0200
Subject: [PATCH 08/16] fixed spelling error

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index aaac674..84519d0 100644
--- a/js/list.js
+++ b/js/list.js
@@ -47,7 +47,7 @@ function checkItem() {
       status: $(this).prop("checked")
     },
     success: function () {
-      var dataIdSelector = (("[data-id='" + dataId) + "'");
+      var dataIdSelector = (`[data-id='${dataId}']`);
       console.log(dataIdSelector);
     //   var color = $(dataIdSelector).data("color");
     //   $(dataIdSelector).parent().parent().removeClass("bg-danger");

From 73fbcf6d8589626acd1f80884d71e4bce0dd7921 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:07:47 +0200
Subject: [PATCH 09/16] test function

---
 js/list.js | 44 ++++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/js/list.js b/js/list.js
index 84519d0..2e79c78 100644
--- a/js/list.js
+++ b/js/list.js
@@ -48,29 +48,29 @@ function checkItem() {
     },
     success: function () {
       var dataIdSelector = (`[data-id='${dataId}']`);
-      console.log(dataIdSelector);
-    //   var color = $(dataIdSelector).data("color");
-    //   $(dataIdSelector).parent().parent().removeClass("bg-danger");
+      // console.log(dataIdSelector);
+      var color = $(dataIdSelector).data("color");
+      $(dataIdSelector).parent().parent().removeClass("bg-danger");
 
-    //   if($(dataIdSelector).prop("checked")){
-    //     $(dataIdSelector).parent().parent().removeClass(color);
-    //     $(dataIdSelector).parent().parent().addClass("bg-success");
-    //   }
-    //   else{
-    //     $(dataIdSelector).parent().parent().removeClass("bg-success");
-    //     $(dataIdSelector).parent().parent().addClass(color);
-    //   }
-    // },
-    // error: function () {
-    //   $(dataIdSelector).parent().parent().addClass("bg-danger");
-    //   $(dataIdSelector).parent().parent().data("toggle", "popover");
-    //   $(dataIdSelector).parent().parent().data("container", "body");
-    //   $(dataIdSelector).parent().parent().data("placement", "top");
-    //   $(dataIdSelector).parent().parent().data("html", true);
-    //   $(dataIdSelector).parent().parent().data("trigger", "focus");
-    //   $(dataIdSelector).parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
-    //   $(dataIdSelector).parent().parent().attr("title", "Fehler!");
-    //   $(dataIdSelector).parent().parent().popover('show');
+      if($(dataIdSelector).prop("checked")){
+        $(dataIdSelector).parent().parent().removeClass(color);
+        $(dataIdSelector).parent().parent().addClass("bg-success");
+      }
+      else{
+        $(dataIdSelector).parent().parent().removeClass("bg-success");
+        $(dataIdSelector).parent().parent().addClass(color);
+      }
+    },
+    error: function () {
+      $(dataIdSelector).parent().parent().addClass("bg-danger");
+      $(dataIdSelector).parent().parent().data("toggle", "popover");
+      $(dataIdSelector).parent().parent().data("container", "body");
+      $(dataIdSelector).parent().parent().data("placement", "top");
+      $(dataIdSelector).parent().parent().data("html", true);
+      $(dataIdSelector).parent().parent().data("trigger", "focus");
+      $(dataIdSelector).parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
+      $(dataIdSelector).parent().parent().attr("title", "Fehler!");
+      $(dataIdSelector).parent().parent().popover('show');
     }
   });
 }
\ No newline at end of file

From 6c0a0f0406e970eefded3e330ee580fba190e688 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:09:15 +0200
Subject: [PATCH 10/16] fixed new item showing up not highlighted

---
 js/list.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/js/list.js b/js/list.js
index 2e79c78..6fd4e29 100644
--- a/js/list.js
+++ b/js/list.js
@@ -13,7 +13,7 @@ function highlightNewEntry(){
   var match = cookieRegExp.exec(cookies);
   if(match!=null){  
     var newID = match[1];
-    var checkBox = $("[data-id=" + newID + "]");
+    var checkBox = $(`[data-id='${newID}']`);
     var newRow = checkBox.parent().parent();
     newRow.removeClass($(checkBox).data("color"));
     newRow.addClass("alert-primary");
@@ -48,7 +48,6 @@ function checkItem() {
     },
     success: function () {
       var dataIdSelector = (`[data-id='${dataId}']`);
-      // console.log(dataIdSelector);
       var color = $(dataIdSelector).data("color");
       $(dataIdSelector).parent().parent().removeClass("bg-danger");
 

From ed155f7c29c683d3a1b0b1aba3dc7fd189306bf4 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:11:47 +0200
Subject: [PATCH 11/16] list js flog new id

---
 js/list.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/js/list.js b/js/list.js
index 6fd4e29..e898a13 100644
--- a/js/list.js
+++ b/js/list.js
@@ -11,6 +11,7 @@ function highlightNewEntry(){
   var cookies = document.cookie;
   var cookieRegExp = new RegExp(/;?\s+newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
+  console.log(match);
   if(match!=null){  
     var newID = match[1];
     var checkBox = $(`[data-id='${newID}']`);

From f075315026d3155efc632c1df052515964fc31bd Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:16:02 +0200
Subject: [PATCH 12/16] gerg

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index e898a13..11e4d9a 100644
--- a/js/list.js
+++ b/js/list.js
@@ -11,7 +11,7 @@ function highlightNewEntry(){
   var cookies = document.cookie;
   var cookieRegExp = new RegExp(/;?\s+newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
-  console.log(match);
+  console.log(`${match} test123`);
   if(match!=null){  
     var newID = match[1];
     var checkBox = $(`[data-id='${newID}']`);

From a646b5c51b616c171f8865367bccc057c18c6eca Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:16:33 +0200
Subject: [PATCH 13/16] log

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index 11e4d9a..2461884 100644
--- a/js/list.js
+++ b/js/list.js
@@ -11,7 +11,7 @@ function highlightNewEntry(){
   var cookies = document.cookie;
   var cookieRegExp = new RegExp(/;?\s+newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
-  console.log(`${match} test123`);
+  console.log(cookieRegExp);
   if(match!=null){  
     var newID = match[1];
     var checkBox = $(`[data-id='${newID}']`);

From 066754912b61042ef3468dde797b18c7451d192a Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:17:00 +0200
Subject: [PATCH 14/16] e

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index 2461884..ef1f744 100644
--- a/js/list.js
+++ b/js/list.js
@@ -11,7 +11,7 @@ function highlightNewEntry(){
   var cookies = document.cookie;
   var cookieRegExp = new RegExp(/;?\s+newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
-  console.log(cookieRegExp);
+  console.log(cookies);
   if(match!=null){  
     var newID = match[1];
     var checkBox = $(`[data-id='${newID}']`);

From 5f2f9086cc0536f496cdedb88c9029c15637045b Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:18:26 +0200
Subject: [PATCH 15/16] fixed regex

---
 js/list.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index ef1f744..cd51fa7 100644
--- a/js/list.js
+++ b/js/list.js
@@ -9,7 +9,7 @@ $(document).ready(function () {
 
 function highlightNewEntry(){
   var cookies = document.cookie;
-  var cookieRegExp = new RegExp(/;?\s+newItem=(\d+)/g);
+  var cookieRegExp = new RegExp(/[;]{0,1}\s{0,1}newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
   console.log(cookies);
   if(match!=null){  

From fc6716d117537aad56da70d9c6ad040102cb3380 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:19:08 +0200
Subject: [PATCH 16/16] fixed all ios issues (hopefully)

---
 js/list.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/js/list.js b/js/list.js
index cd51fa7..d1ff10c 100644
--- a/js/list.js
+++ b/js/list.js
@@ -11,7 +11,6 @@ function highlightNewEntry(){
   var cookies = document.cookie;
   var cookieRegExp = new RegExp(/[;]{0,1}\s{0,1}newItem=(\d+)/g);
   var match = cookieRegExp.exec(cookies);
-  console.log(cookies);
   if(match!=null){  
     var newID = match[1];
     var checkBox = $(`[data-id='${newID}']`);