make id names unique, ...* (#1170)

* - remove unneeded code
- fix php notice in log if url parameter 'type' is not set

Signed-off-by: Th3M3 the_me@outlook.de

scripts/pi-hole/js/groups-adlists.js

@@ -27,11 +27,6 @@ $(document).ready(function() {
   $("#btnAdd").on("click", addAdlist);
 
   get_groups();
-
-  $("#select").on("change", function() {
-    $("#ip-custom").val("");
-    $("#ip-custom").prop("disabled", $("#select option:selected").val() !== "custom");
-  });
 });
 
 function initTable() {
@@ -51,9 +46,10 @@ function initTable() {
       { data: null, width: "80px", orderable: false }
     ],
     drawCallback: function() {
-      $(".deleteAdlist").on("click", deleteAdlist);
+      $('button[id^="deleteAdlist_"]').on("click", deleteAdlist);
     },
     rowCallback: function(row, data) {
+      $(row).attr("data-id", data.id);
       var tooltip =
         "Added: " +
         utils.datetime(data.date_added) +
@@ -62,39 +58,38 @@ function initTable() {
         "\nDatabase ID: " +
         data.id;
       $("td:eq(0)", row).html(
-        '<code id="address" title="' + tooltip + '">' + data.address + "</code>"
+        '<code id="address_' + data.id + '" title="' + tooltip + '">' + data.address + "</code>"
       );
 
       var disabled = data.enabled === 0;
       $("td:eq(1)", row).html(
-        '<input type="checkbox" id="status"' + (disabled ? "" : " checked") + ">"
+        '<input type="checkbox" id="status_' + data.id + '"' + (disabled ? "" : " checked") + ">"
       );
-      var status = $("#status", row);
-      status.bootstrapToggle({
+      var statusEl = $("#status_" + data.id, row);
+      statusEl.bootstrapToggle({
         on: "Enabled",
         off: "Disabled",
         size: "small",
         onstyle: "success",
         width: "80px"
       });
-      status.on("change", editAdlist);
+      statusEl.on("change", editAdlist);
 
-      $("td:eq(2)", row).html(
-        '<input id="comment" class="form-control"><input id="id" type="hidden" value="' +
-          data.id +
-          '">'
-      );
-      var comment = $("#comment", row);
-      comment.val(data.comment);
-      comment.on("change", editAdlist);
+      $("td:eq(2)", row).html('<input id="comment_' + data.id + '" class="form-control">');
+      var commentEl = $("#comment_" + data.id, row);
+      commentEl.val(data.comment);
+      commentEl.on("change", editAdlist);
 
       $("td:eq(3)", row).empty();
       $("td:eq(3)", row).append(
-        '<div id="selectHome' +
+        '<div id="selectHome_' +
           data.id +
-          '"><select id="multiselect" multiple="multiple"></select></div>'
+          '">' +
+          '<select id="multiselect_' +
+          data.id +
+          '" multiple="multiple"></select></div>'
       );
-      var sel = $("#multiselect", row);
+      var selectEl = $("#multiselect_" + data.id, row);
       // Add all known groups
       for (var i = 0; i < groups.length; i++) {
         var extra = "";
@@ -102,7 +97,7 @@ function initTable() {
           extra = " (disabled)";
         }
 
-        sel.append(
+        selectEl.append(
           $("<option />")
             .val(groups[i].id)
             .text(groups[i].name + extra)
@@ -110,14 +105,14 @@ function initTable() {
       }
 
       // Select assigned groups
-      sel.val(data.groups);
+      selectEl.val(data.groups);
       // Initialize multiselect
-      sel.multiselect({
+      selectEl.multiselect({
         includeSelectAllOption: true,
-        buttonContainer: '<div id="container' + data.id + '" class="btn-group"/>',
+        buttonContainer: '<div id="container_' + data.id + '" class="btn-group"/>',
         maxHeight: 200,
         onDropdownShown: function() {
-          var el = $("#container" + data.id);
+          var el = $("#container_" + data.id);
           var top = el[0].getBoundingClientRect().top;
           var bottom = $(window).height() - top - el.height();
           if (bottom < 200) {
@@ -135,16 +130,16 @@ function initTable() {
           el.css("left", offset.left + "px");
         },
         onDropdownHide: function() {
-          var el = $("#container" + data.id);
-          var home = $("#selectHome" + data.id);
+          var el = $("#container_" + data.id);
+          var home = $("#selectHome_" + data.id);
           home.append(el);
           el.removeAttr("style");
         }
       });
-      sel.on("change", editAdlist);
+      selectEl.on("change", editAdlist);
 
       var button =
-        '<button class="btn btn-danger btn-xs deleteAdlist" type="button" data-id="' +
+        '<button class="btn btn-danger btn-xs" type="button" id="deleteAdlist_' +
         data.id +
         '">' +
         '<span class="glyphicon glyphicon-trash"></span>' +
@@ -247,26 +242,36 @@ function addAdlist() {
 function editAdlist() {
   var elem = $(this).attr("id");
   var tr = $(this).closest("tr");
-  var id = tr.find("#id").val();
-  var status = tr.find("#status").is(":checked") ? 1 : 0;
-  var comment = tr.find("#comment").val();
-  var groups = tr.find("#multiselect").val();
-  var address = tr.find("#address").text();
+  var id = tr.attr("data-id");
+  var status = tr.find("#status_" + id).is(":checked") ? 1 : 0;
+  var comment = tr.find("#comment_" + id).val();
+  var groups = tr.find("#multiselect_" + id).val();
+  var address = tr.find("#address_" + id).text();
 
   var done = "edited";
   var not_done = "editing";
-  if (elem === "status" && status === 1) {
-    done = "enabled";
-    not_done = "enabling";
-  } else if (elem === "status" && status === 0) {
-    done = "disabled";
-    not_done = "disabling";
-  } else if (elem === "comment") {
-    done = "edited comment of";
-    not_done = "editing comment of";
-  } else if (elem === "multiselect") {
-    done = "edited groups of";
-    not_done = "editing groups of";
+  switch (elem) {
+    case "status_" + id:
+      if (status === 0) {
+        done = "disabled";
+        not_done = "disabling";
+      } else if (status === 1) {
+        done = "enabled";
+        not_done = "enabling";
+      }
+
+      break;
+    case "comment_" + id:
+      done = "edited comment of";
+      not_done = "editing comment of";
+      break;
+    case "multiselect_" + id:
+      done = "edited groups of";
+      not_done = "editing groups of";
+      break;
+    default:
+      alert("bad element or invalid data-id!");
+      return;
   }
 
   utils.disableAll();
@@ -316,9 +321,9 @@ function editAdlist() {
 }
 
 function deleteAdlist() {
-  var id = $(this).attr("data-id");
   var tr = $(this).closest("tr");
-  var address = tr.find("#address").text();
+  var id = tr.attr("data-id");
+  var address = tr.find("#address_" + id).text();
 
   utils.disableAll();
   utils.showAlert("info", "", "Deleting adlist...", address);