Commit inicial - WordPress Análisis de Precios Unitarios

- WordPress core y plugins
- Tema Twenty Twenty-Four configurado
- Plugin allow-unfiltered-html.php simplificado
- .gitignore configurado para excluir wp-config.php y uploads

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-feedback.js

@@ -0,0 +1,167 @@
+function feedOriginInitAjax(element) {
+
+  let slug = element.getAttribute("data-slug");
+  element.classList.add('disabled');
+
+  if (element.getAttribute("data-form") === "uncategorized") {
+
+    var form_feed_origin = element.parentElement;
+
+  } else {
+
+    var form_feed_origin = document.getElementById("form-feed-origin-" + slug);
+
+  }
+
+  let data = new FormData(form_feed_origin);
+
+  data.append( 'license' , wpdbt_admin_vars.data.license_key);
+  data.append( 'license_url' , wpdbt_admin_vars.data.license_url);
+  data.append( 'version' , wpdbt_admin_vars.data.version);
+  data.append( 'comercial' , true);
+
+  if (element.classList.contains("vote")) {
+
+    data.append("vote", element.getAttribute("data-type"));
+    document.getElementById("container-votes-" + slug).classList.add("d-none");
+
+  }
+
+  if(slug == 'uncategorized-group' || slug == 'uncategorized-individual'){
+
+    data.append('mode','uncategorized');
+    let split_slug = data.get('slug').split('$');
+    data.set('slug', split_slug[0]);
+  
+    // Search extra data plugin
+    let origin = null;
+    let origin_type = data.get('type');
+    let origin_slug = data.get('slug');
+
+    // plugins and themes is set when load data is ending
+    if(origin_type == 'plugin'){
+      origin = Object.values(plugins).find( plugin => plugin.slug === origin_slug );
+    }
+ 
+    if(origin_type == 'theme'){
+      origin = Object.values(themes).find( theme => theme.slug === origin_slug );
+    }
+
+    if(origin != null){
+      data.append('marketplace', origin.marketplace);
+      data.append('origin_name', origin.name);
+      data.append('origin_author', origin.author);
+      data.append('origin_author_name', origin.author_name);
+      data.append('origin_author_url', origin.author_url);
+      data.append('origin_description', origin.description);
+      data.append('origin_version', origin.version);
+    }
+
+  }else{
+
+    data.append('mode','votes');
+    data.set('name', '["' +  data.get('name') + '"]');
+    data.set('prefix', '["' +  data.get('prefix') + '"]');
+
+  }
+
+  fetch(wpdbt_admin_vars.data.api_domain + "/api/v2/feedback", {
+    method: "POST",
+    body: data,
+  })
+  .then(function (response) {
+    return response.json();
+  })
+  .then(function (result) {
+
+    let element_text = document.getElementById('feedback_message-' + slug);
+
+    if(result.success === false){
+      buildResponse(element_text,result.message, "bg-light-red", slug)
+      element.classList.remove('disabled');
+      return;
+    }
+
+    if(result.success === true){
+
+      var obj_names = JSON.parse(data.get("name"));
+      var obj_prefixes = [];
+  
+      if(wpdbt_admin_vars.data.current_page == 'tables'){
+        obj_prefixes = JSON.parse(data.get("prefix"));
+      }
+
+      Object.keys(obj_names).forEach(key => {
+
+        var name_element = '';
+
+        if(wpdbt_admin_vars.data.current_page == 'tables' && obj_prefixes[key] == true || obj_prefixes[key] == 'true'){
+          name_element = wpdbt_admin_vars.data.prefix + obj_names[key];
+        }else{
+          name_element = obj_names[key];
+        }
+
+        list.get('name',name_element)[0]._values.feedback = true;
+
+      });
+
+      buildResponse(element_text,result.message, "bg-light-green", slug)
+      feedbackUserInitAjax(data);
+      element.classList.remove('disabled');
+      return;
+    }
+
+  })
+  .catch(function (error) {
+
+    console.error(error);
+
+    let element_text = document.getElementById('feedback_message-' + slug);
+    buildResponse(element_text,'ERROR', "bg-light-red", slug)
+    element.classList.remove('disabled');
+    return;
+
+  });
+
+
+}
+
+function buildResponse(element_text,message, bg_class, slug){
+
+  element_text.innerHTML = message;
+  document.getElementById("container-feedback-" + slug).classList.add(bg_class);
+  document.getElementById("container-feedback-" + slug).classList.remove("d-none");
+}
+
+function feedbackUserInitAjax(data) {
+
+  jQuery.ajax({
+    type: "POST",
+    url: ajax_var.url,
+    data:
+      "action=" +
+        ajax_var.action +
+        "&nonce=" +
+        ajax_var.nonce +
+        "&name=" +
+        data.get("name") +
+        "&prefix=" +
+        data.get("prefix") +
+        "&type=" +
+        data.get("type") +
+        "&section=" +
+        data.get("section") +
+        "&vote=" +
+        data.getAll("vote")[1] ?? null,
+    success: function (result) {
+      console.log("success");
+    },
+    error: function (jqXHR, textStatus, errorThrown) {
+      console.log(jqXHR.responseText);
+    },
+    done: function (result) {
+      console.log("done:");
+    },
+  });
+
+}

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-force-scanner-status.js

@@ -0,0 +1,89 @@
+var counter_check = 1;
+
+sleep(3000).then(() => {
+  checkFinishPriorityScanner();
+});
+
+function checkFinishPriorityScanner() {
+
+  counter_check++;
+
+  jQuery.ajax({
+    type: "post",
+    url: ajax_var_check_force_scanner.url,
+    data:
+      "action=" +
+      ajax_var_check_force_scanner.action +
+      "&nonce=" +
+      ajax_var_check_force_scanner.nonce,
+    success: function (response) {
+
+      response = JSON.parse(response);
+
+      if(response.cron_status == 'success'){
+        document.getElementById('status-indicator-cron-execute').style.color = '#bef6e2';
+      }
+
+      if(response.cron_status == 'error'){
+
+        document.getElementById('status-indicator-cron-execute').style.color = '#FFE6E8';
+        set_error(ajax_var_check_force_scanner.translations.errors.cron);
+        return;
+
+      }else{
+
+        if( counter_check >= 80 ){
+
+          document.getElementById('status-indicator-first-scanner').style.color = '#FFE6E8';
+          set_error(ajax_var_check_force_scanner.translations.errors.attempts);
+          return;
+
+        }
+
+        if (response.force_scanner == "NO") {
+
+          set_success(ajax_var_check_force_scanner.translations.success.scanner);
+  
+          sleep(1500).then(() => {
+            location.reload();
+          });
+  
+        }
+  
+        if (response.force_scanner == "YES") {
+          sleep(3000).then(() => {
+            document.getElementById('status-indicator-counter').innerHTML = counter_check;
+            checkFinishPriorityScanner();
+          });
+        }
+
+      }
+
+    },
+    error: function (jqXHR, textStatus, errorThrown) {
+      console.log("error");
+      console.log(errorThrown);
+      console.log(jqXHR.responseText);
+    },
+  });
+}
+
+function sleep(time) {
+  return new Promise((resolve) => setTimeout(resolve, time));
+}
+
+function set_error(message){
+  // Change image
+  document.getElementById('image-scanner-execute').src = ajax_var_check_force_scanner.image_error;
+  // Change error message
+  document.getElementById('error-message').innerHTML = message;
+  document.getElementById('error-message').style.visibility = 'initial';
+}
+
+function set_success(message){
+  // Change dot status
+  document.getElementById('status-indicator-first-scanner').style.color = '#bef6e2';
+  // Change error message
+  document.getElementById('success-message').innerHTML = message;
+  document.getElementById('success-message').style.visibility = 'initial';
+}

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-loading-status.js

@@ -0,0 +1,62 @@
+var load_status = 0;
+var elem_load = document.getElementById("progress_data_bar");
+var span_current_load_step = document.getElementById("load_current_step");
+var span_load_total_step = document.getElementById("load_total_step");
+var span_load_total_records = document.getElementById("load_total_records");
+var span_load_indicator_step = document.getElementById("load_indicator_step");
+
+if(page != 'general'){
+  init_load_data_status();
+}else{
+  elem_load.style.width = "100%";
+}
+
+var first_call = true;
+
+function init_load_data_status() {
+  var interval = setInterval(function () {
+    if (load_status == 100 && first_call != true) {
+      clearInterval(interval);
+    } else {
+      jQuery.ajax({
+        timeout: 100000,
+        type: "post",
+        url: ajax_var_load_status.url,
+        data:
+          "action=" +
+          ajax_var_load_status.action +
+          "&nonce=" +
+          ajax_var_load_status.nonce,
+        success: function (response) {
+
+          first_call = false;
+        
+          response = JSON.parse(response);
+
+          span_load_total_records.innerHTML = response.data_loop.total;
+
+          if(response.cache === true){
+            span_load_indicator_step.innerHTML = ' (cache)'
+          }else{
+            span_load_total_step.innerHTML = response.data_loop.loops;
+            span_current_load_step.innerHTML = response.data_loop.current_loop;
+          }
+
+          if (load_status != 100) {
+            let current_porcent = response.porcent;
+            elem_load.style.width = current_porcent + "%";
+            load_status = current_porcent;
+          } else {
+            elem_load.style.width = 100 + "%";
+          }
+
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+          console.log("error");
+          console.log(errorThrown);
+          console.log(jqXHR.responseText);
+        },
+      });
+    }
+  }, 1000);
+}

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-loading.js

@@ -0,0 +1,137 @@
+const queryString = window.location.search;
+const urlParams = new URLSearchParams(queryString);
+const page = urlParams.get("page");
+var btn_scanner = document.getElementById('scanner-btn');
+var btn_remove_all_transients = document.getElementById('btn_remove_all_transients');
+
+init_load_data();
+
+function init_load_data() {
+
+  jQuery.ajax({
+    timeout: 100000,
+    type: "post",
+    url: ajax_var_load_data.url,
+    data:
+      "action=" +
+      ajax_var_load_data.action +
+      "&nonce=" +
+      ajax_var_load_data.nonce +
+      "&page=" +
+      page,
+    success: function (response) {
+
+      var response = JSON.parse(response);
+
+      if( response.status_loading.data_loop.is_finish == true ||  response.status_loading.cache == true){
+        init_display_data(response);
+        btn_scanner.disabled = false;
+        btn_remove_all_transients.disabled = false;
+      }else{
+        init_load_data();
+      }
+
+    },
+    error: function (jqXHR, textStatus, errorThrown) {
+      console.log("error");
+      console.log(errorThrown);
+      console.log(jqXHR.responseText);
+    },
+  });
+
+}
+
+function init_display_data(response){
+
+
+  if(wpdbt_admin_vars.data.current_page == 'options' || wpdbt_admin_vars.data.current_page == 'transients'){
+    display_size(response.size)
+  }
+
+  // This set to load data is ending
+  plugins = response.plugins;
+  themes = response.themes;
+
+  var list_values = response.data;
+  var choices_values = response.origins;
+
+  list.add(list_values, function (items) {
+
+    console.log("All " + items.length + " were added!");
+
+    btn_all.innerHTML += "(" + items.length + ")";
+    var count_uncategorized = 0;
+    var count_plugin = 0;
+    var count_theme = 0;
+    var count_core = 0;
+    let origin_type = '';
+    items.forEach(function (item) {
+
+      if(typeof item._values.origin == 'undefined'){
+
+        // Do something
+
+      }else{
+
+        origin_type = item._values.origin.type;
+
+        if (origin_type == "uncategorized" || item._values.origin.warning === 'yes' ) {
+          count_uncategorized++;
+        }
+        if (origin_type == "plugin") {
+          count_plugin++;
+        }
+        if (origin_type == "theme") {
+          count_theme++;
+        }
+        if (origin_type == "core") {
+          count_core++;
+        }
+
+      }
+
+    });
+
+    btn_uncategorized.innerHTML += "(" + count_uncategorized + ")";
+    btn_plugin.innerHTML += "(" + count_plugin + ")";
+    btn_theme.innerHTML += "(" + count_theme + ")";
+    btn_core.innerHTML += "(" + count_core + ")";
+
+    load_status = 100;
+    elem_load.style.width = 100 + "%";
+
+    filterAll();
+  });
+
+  var current_number_page = document.querySelector("li.active a");
+  var current_number = current_number_page.getAttribute("data-i");
+
+  // Set get parameter filter
+  let current_element = select_choice._currentState.items.find(
+    (selection) => selection.active === true
+  );
+
+  select_choice.setChoices(choices_values);
+
+  if($_GET_origin != null && $_GET_origin != encodeString(current_element.value)){
+
+    select_choice._currentState.choices.forEach( function(valor, indice, array) {
+
+      if(encodeString(array[indice].value) === $_GET_origin){
+        select_choice.setChoiceByValue(array[indice].value);
+      }
+
+    });
+  }
+}
+
+function display_size(size){
+
+  let el_size_total = document.getElementById('info-size-total');
+  let el_size_autoload = document.getElementById('info-size-autoload');
+
+  el_size_total.innerHTML = size['total']['format']['size'] + size['total']['format']['type'];
+  el_size_autoload.classList.add(size['autoload']['indicator']);
+  el_size_autoload.innerHTML = size['autoload']['format']['size'] + size['autoload']['format']['type'];
+
+}

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-remove-all-transients.js

@@ -0,0 +1,32 @@
+function remove_all_transients(){
+
+    let form = document.getElementById('remove_all_transients')
+    let data = new FormData(form);
+    let btn_remove_all_transients = document.getElementById('btn_remove_all_transients');
+    let btn_remove_all_transients_loader = document.querySelector('button#btn_remove_all_transients #loader');
+    
+    btn_remove_all_transients.disabled = true;
+    btn_remove_all_transients_loader.style.visibility = 'initial';
+    jQuery.ajax({
+        type: "POST",
+        url: ajax_var.url,
+        data:
+          "action=" +
+            ajax_var.action +
+            "&nonce=" +
+            ajax_var.nonce +
+            "&remove=" +
+            data.get("remove"),
+        success: function (result) {
+          result = JSON.parse(result);
+          window.location.href = result;
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+          console.log(jqXHR.responseText);
+        },
+        done: function (result) {
+          console.log("done:");
+        },
+      });
+
+}

wp-content/plugins/wp-database-tools/admin/js/admin-ajax/wp-database-tools-scanner.js

@@ -0,0 +1,77 @@
+jQuery(document).ready(function ($) {
+
+  var btn_scanner = $("#scanner-btn");
+  var scanner_container = $("#scanner-feedback");
+  var scanner_container_loading = $("#scanner-feedback-not-loading");
+  var scanner_text = $("#scanner-text");
+
+  btn_scanner.on("click", function () {
+
+    btn_scanner.prop("disabled", true);
+    scanner_container.removeClass("d-none");
+    scanner_container_loading.addClass("d-none");
+    scannerInitAjax(true);
+  });
+
+  function scannerInitAjax(first_call) {
+
+    jQuery.ajax({
+      type: "post",
+      url: ajax_var_scanner.url,
+      data: "action=" + ajax_var_scanner.action + "&nonce=" + ajax_var_scanner.nonce + "&first_call=" + first_call + "&license=" +  wpdbt_admin_vars.data.license_key,
+      timeout: 100000,
+      success: function (result) {
+        scannerResponse(result);
+      },
+      error: function (jqXHR, textStatus, errorThrown) {
+        console.log(jqXHR.responseText);
+      },
+    });
+
+  }
+
+  function scannerResponse(result) {
+  
+
+    if (result != "") {
+
+      try {
+        result = JSON.parse(result)
+        scanner_text.text(result.message);
+      } catch (error) {
+        console.error(error);
+        scanner_text.text('ERROR');
+      }
+
+      if (result.status == "active") {
+
+        scannerInitAjax(false);
+
+      }
+
+      if (result.status == "success" || result.status == "error") {
+
+        var counter = 5;
+        var interval = setInterval(function () {
+          counter--;
+          scanner_text.text(wpdbt_admin_vars.data.translations.refreshing + ' ' + counter);
+
+          if (counter == 0) {
+            scanner_container.addClass("d-none");
+            scanner_container_loading.removeClass("d-none")
+            btn_scanner.prop("disabled", false);
+            clearInterval(interval);
+            location.reload();
+          }
+
+        }, 1000);
+      }
+
+    } else {
+
+      scannerInitAjax(false);
+
+    }
+
+  }
+});

wp-content/plugins/wp-database-tools/admin/js/main-list-common.js

@@ -0,0 +1,196 @@
+/**!
+ * wp-color-picker-alpha
+ *
+ * This file contains the logic that share the
+ * list generation between the options|tables|cronjobs
+ * and between general|details
+ *
+ * Version: 1.0.1
+ */
+
+/* -------------------------------------------------------------------------- */
+/*                             PERSISTENT FILTERS                             */
+/* -------------------------------------------------------------------------- */
+
+$_GET_details = findGetParameter("details");
+$_GET_category = findGetParameter("category");
+$_GET_origin = findGetParameter("origin");
+$_GET_status = findGetParameter("status");
+$_GET_autoload = findGetParameter("autoload");
+$_GET_name = findGetParameter("name");
+$_GET_page = findGetParameter("page");
+
+function findGetParameter(parameterName) {
+  var result = null,
+      tmp = [];
+  var items = location.search.substr(1).split("&");
+  for (var index = 0; index < items.length; index++) {
+      tmp = items[index].split("=");
+      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
+  }
+  return result;
+}
+
+/* -------------------------------------------------------------------------- */
+/*                               FILTER BY NAME                               */
+/* -------------------------------------------------------------------------- */
+
+input_name.addEventListener(
+  "keyup",
+  debounce((e) => {
+    updateValue(e);
+  }, 320)
+);
+
+function debounce(callback, wait) {
+  let timeout;
+  return (...args) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(function () {
+      callback.apply(this, args);
+    }, wait);
+  };
+}
+
+function updateValue(e) {
+  filterAll();
+}
+
+/* -------------------------------------------------------------------------- */
+/*                               COMMON FILTERS                               */
+/* -------------------------------------------------------------------------- */
+
+function filterSearchName(item) {
+
+  $_GET_name = input_name.value;
+
+  if (input_name.value == "") return true;
+
+  let search_result = item
+    .values()
+    ["name"].toLowerCase()
+    .search($_GET_name.toLowerCase());
+  return search_result != -1;
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                HANDLE LOADER                               */
+/* -------------------------------------------------------------------------- */
+
+function handleLoader(is_loading) {
+  if (is_loading === true) {
+    content_list.style.display = "none";
+    loader.style.display = "block";
+  } else {
+    loader.style.display = "none";
+    content_list.style.display = "block";
+  }
+
+  if (list.visibleItems.length == 0) {
+    content_list_not_found.style.display = "block";
+  } else {
+    content_list_not_found.style.display = "none";
+  }
+}
+
+/* -------------------------------------------------------------------------- */
+/*                               BUILD BACK URL                               */
+/* -------------------------------------------------------------------------- */
+
+function buildBackUrl() {
+
+  let available_parameters = [ "details", "name", "origin", "category", "status", "autoload"];
+  let back_url = window.location.origin + window.location.pathname;
+
+  back_url = back_url + '?page=' + $_GET_page;
+
+  available_parameters.forEach((element) => {
+
+    if(window['$_GET_' + element] != null ){
+      back_url = back_url + '&' + element + '=' + window['$_GET_' + element];
+    }
+
+  });
+
+  input_current_url.value = back_url;
+
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                  SELECTORS                                 */
+/* -------------------------------------------------------------------------- */
+
+function displaySelection() {
+  let selected = 0;
+  let list_items_check = list.get("check", true);
+  list_items_check.forEach(function (el) {
+    selected++;
+  });
+
+  span_selected.innerHTML = selected;
+}
+
+function resetCheck() {
+  let list_items_check = list.get("check", true);
+  list_items_check.forEach(function (el) {
+    el._values["check"] = false;
+    let input_select = document.querySelector(
+      "input[data-" + KEY_ATRIBUTE + '="' + el._values[KEY_ATRIBUTE] + '"]'
+    );
+    input_select.checked = false;
+  });
+
+  checkbox_all.checked = false;
+
+  // start methods only execute tables|options|cronjobs
+  updateMultipleUncategorized(list_items_check);
+  processSelectionsStatus();
+  // end methods only execute tables|options|cronjobs
+
+  displaySelection();
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                 PAGINATION                                 */
+/* -------------------------------------------------------------------------- */
+
+btn_first.addEventListener(
+  "click",
+  function (e) {
+    btn_first.dataset.i = 1;
+    btn_first.dataset.page = list.page;
+  },
+  false
+);
+
+btn_last.addEventListener(
+  "click",
+  function (e) {
+    let total = list.matchingItems.length;
+    let page = Math.ceil(total / list.page);
+    btn_last.dataset.i = page;
+    btn_last.dataset.page = list.page;
+  },
+  false
+);
+
+function updatePagination(pages) {
+  resetCheck();
+  list.page = pages;
+  list.update();
+}
+
+selectPagination.addEventListener("change", (event) => {
+  updatePagination(event.target.value);
+});
+
+document.querySelector("ul.pagination").addEventListener("click", (event) => {
+  resetCheck();
+});
+
+document.getElementById("btn-first").addEventListener("click", (event) => {
+  resetCheck();
+});
+document.getElementById("btn-last").addEventListener("click", (event) => {
+  resetCheck();
+});

wp-content/plugins/wp-database-tools/admin/js/main-list-general.js

@@ -0,0 +1,141 @@
+if (wpdbt_admin_vars.data.current_page == "general") {
+  var options = {
+    valueNames: [
+      "name",
+      "cron",
+      "count",
+      "label-days",
+      {
+        name: "check",
+        attr: "data-check",
+      },
+      {
+        name: "key",
+        attr: "data-key",
+      },
+      {
+        name: "is-days",
+        attr: "data-isdays",
+      },
+      {
+        name: "class-active",
+        attr: "data-active",
+      },
+      {
+        name: "class-opacity-see",
+        attr: "data-opacity",
+      },
+      {
+        name: "class-opacity-delete",
+        attr: "data-opacity",
+      },
+      {
+        name: "class-opacity-edit",
+        attr: "data-opacity",
+      },
+      {
+        name: "class-opacity-cron",
+        attr: "data-opacity",
+      },
+      {
+        name: "icon-see",
+        attr: "src",
+      },
+      {
+        name: "icon-delete",
+        attr: "src",
+      },
+      {
+        name: "icon-edit",
+        attr: "src",
+      },
+      {
+        name: "icon-cron",
+        attr: "src",
+      },
+      {
+        name: "onclick-see",
+        attr: "onclick",
+      },
+      {
+        name: "onclick-delete",
+        attr: "onclick",
+      },
+      {
+        name: "onclick-edit",
+        attr: "onclick",
+      },
+      {
+        name: "onclick-cron",
+        attr: "onclick",
+      },
+    ],
+    page: wpdbt_admin_vars.data.pagination,
+    pagination: true,
+    item: item,
+  };
+  var list = new List("list-display", options);
+
+  list.add(values, function (items) {
+    filterAll();
+  });
+
+}
+
+if (wpdbt_admin_vars.data.current_page == "details") {
+  var options = {
+    valueNames: [
+      "id",
+      "name",
+      "meta-key",
+      "meta-value",
+      "option-value",
+      "content",
+      {
+        name: "check",
+        attr: "data-check",
+      },
+      {
+        name: "key",
+        attr: "data-key",
+      },
+      {
+        name: "is-days",
+        attr: "data-isdays",
+      },
+    ],
+    page: wpdbt_admin_vars.data.pagination,
+    pagination: true,
+  };
+  var list = new List("list-display", options);
+  filterAll();
+}
+
+/*
+ * Using calback when the filter is completed updates the pagination of the page number selector.
+ */
+list.on("filterComplete", function (list) {
+  current_elements.innerHTML = list.matchingItems.length;
+});
+
+function filterAll() {
+  handleLoader(true);
+
+  fetch(
+    wpdbt_admin_vars.data.admin_url + "/wp-database-tools-admin-fetch.json"
+  ).then(function (response) {
+    resetCheck();
+
+    list.filter(function (item) {
+      return filterSearchName(item);
+    });
+
+    // Set sleep for hidden loading
+    sleep(200).then(() => {
+      handleLoader(false);
+    });
+  });
+}
+function sleep(time) {
+  return new Promise((resolve) => setTimeout(resolve, time));
+}

wp-content/plugins/wp-database-tools/admin/js/main-list.js

@@ -0,0 +1,360 @@
+/* -------------------------------------------------------------------------- */
+/*                                   LIST JS                                  */
+/* -------------------------------------------------------------------------- */
+// Constants
+
+var choices_values = null;
+var plugins = null;
+var themes = null;
+
+var options = {
+  item: null,
+  page: wpdbt_admin_vars.data.pagination,
+  pagination: true,
+  indexAsync: true,
+  searchDelay: 250,
+};
+
+if (wpdbt_admin_vars.data.current_page == "tables" ) {
+  options.item = function (values) {
+    return get_table_template(values);
+  };
+}
+
+if (wpdbt_admin_vars.data.current_page == "cronjobs") {
+  options.item = function (values) {
+    return get_cronjob_template(values);
+  };
+}
+
+if (wpdbt_admin_vars.data.current_page == "options") {
+  options.item = function (values) {
+    return get_option_template(values);
+  };
+}
+
+if (wpdbt_admin_vars.data.current_page == "transients") {
+  options.item = function (values) {
+    return get_transient_template(values);
+  };
+}
+
+// Create list
+var list = new List("list-display", options);
+
+
+
+/* -------------------------------------------------------------------------- */
+/*                                   CHOICES                                  */
+/* -------------------------------------------------------------------------- */
+
+// Choices element
+var element = document.getElementById("choices");
+// Choices create obj
+const select_choice = new Choices(element, {
+  searchEnabled: true,
+  placeholder: true,
+  placeholderValue: "Please Choose…",
+  removeItems: true,
+  removeItemButton: true,
+  searchPlaceholderValue: "Buscar",
+  classNames: {
+    containerOuter: "choices select-choices",
+  },
+});
+
+select_choice.passedElement.element.addEventListener(
+  "change",
+  function (event) {
+    let current_element = select_choice._currentState.items.find(
+      (selection) => selection.active === true
+    );
+
+    if(current_element !== undefined ){
+
+      let current_value = current_element.value.split("$");
+      let current_name = current_value[0];
+      let current_type = current_value[1];
+      let current_warning = current_value[2];
+
+      if( current_warning == 'yes'){
+        let element_filter = document.querySelector("#filters #uncategorized");
+        resetFiltersSelection(element_filter);
+      }
+  
+      if ( (current_type == "plugin" || current_type == "theme") && current_warning == 'no') {
+        console.log('entre en no');
+        let element_filter = document.querySelector("#filters #" + current_type);
+        resetFiltersSelection(element_filter);
+      }
+
+    }
+    filterAll();
+  },
+  false
+);
+
+/* -------------------------------------------------------------------------- */
+/*                           CHOICES  UNCATEGORIZED                           */
+/* -------------------------------------------------------------------------- */
+
+let choice_options = {
+  searchEnabled: true,
+  placeholder: true,
+  placeholderValue: "Please Choose…",
+  removeItems: false,
+  removeItemButton: false,
+  searchPlaceholderValue: "Buscar",
+  classNames: {
+    containerOuter: "choices select-choices uncategorized",
+  },
+};
+
+// Choices element
+var el_uncategorized_group = document.getElementById(
+  "choices-origin-uncategorized-group"
+);
+// Choices create obj
+const choice_group_uncategorized = new Choices(
+  el_uncategorized_group,
+  choice_options
+);
+
+var el_uncategorized_individual = document.getElementById(
+  "choices-origin-uncategorized-individual"
+);
+// Choices create obj
+const choice_individual_uncategorized = new Choices(
+  el_uncategorized_individual,
+  choice_options
+);
+
+/* -------------------------------------------------------------------------- */
+/*                                RADIO STATUS                                */
+/* -------------------------------------------------------------------------- */
+
+function changeStatus() {
+  filterAll();
+}
+
+function changeAutoload() {
+  filterAll();
+}
+
+// Create elements filters
+var btn_all = document.querySelector('button[data-type="all"]');
+var btn_uncategorized = document.querySelector(
+  'button[data-type="uncategorized"]'
+);
+var btn_plugin = document.querySelector('button[data-type="plugin"]');
+var btn_theme = document.querySelector('button[data-type="theme"]');
+var btn_core = document.querySelector('button[data-type="core"]');
+
+function filterList(element) {
+  resetFiltersSelection(element);
+  filterAll();
+}
+
+/*
+ * Using calback when the filter is completed updates the pagination of the page number selector.
+ */
+list.on("filterComplete", function (list) {
+  current_elements.innerHTML = list.matchingItems.length;
+});
+
+function resetFiltersSelection(element) {
+  let filters = document.querySelectorAll("#filters button");
+  filters.forEach(function (filterItem) {
+    filterItem.classList.remove("active");
+  });
+
+  element.classList.add("active");
+}
+
+function filterChoiceSelection(item) {
+
+  let current_element = select_choice._currentState.items.find(
+    (selection) => selection.active === true
+  );
+
+  $_GET_origin = encodeString(current_element.value);
+
+  let current_value = current_element.value.split("$");
+  current_value = current_value[0];
+
+  if((item._values.multiple == true) && current_value == wpdbt_admin_vars.data.translations.multiple){
+    return true;
+  }
+
+  if (current_value == "placeholder") {
+    return true;
+  }
+
+  let multiple_search = false;
+
+  if((item._values.multiple == true)){
+
+    item._values.origin.forEach(function(origin) {
+    
+      if(origin.name == current_value){
+        multiple_search = true;
+      }
+
+    });
+
+  }
+
+  if(multiple_search == true) return true;
+
+  if (item._values.origin.name == current_value) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function filterListSelection(item) {
+  let element = document.querySelectorAll("#filters button.active")[0];
+
+  $_GET_category = element.id;
+
+  if (element.id == "all") return true;
+
+  if(item._values.origin.warning === 'yes'){
+    if (element.id == "uncategorized") return true;
+  }
+
+  if(item._values.multiple === true){
+
+    let multiple_type = false;
+
+    item._values.origin.forEach(function(origin) {
+    
+      if(origin.type == element.id){
+        multiple_type = true;
+      }
+
+    });
+
+    return multiple_type;
+
+  }
+
+  if (item._values.origin.type == element.id) {
+    return true;
+  } else {
+    return false;
+  }
+
+}
+
+function filterStatus(item) {
+  let checked = document.querySelector("input[name=status]:checked");
+  let filter_status = checked.value;
+
+  $_GET_status = filter_status;
+
+  if (filter_status == "all") {
+    return true;
+  }
+
+  if(item._values.multiple === true){
+
+    let multiple_status = false;
+
+    item._values.origin.forEach(function(origin) {
+    
+      if(origin.status == filter_status){
+        multiple_status = true;
+      }
+
+    });
+
+    return multiple_status;
+
+  }
+
+  return filter_status == item._values.origin.status;
+}
+
+function filterAutoload(item){
+
+  if( wpdbt_admin_vars.data.current_page !== 'options' && wpdbt_admin_vars.data.current_page !== 'transients' ){
+    return true;
+  }
+
+  let checked = document.querySelector("input[name=autoload]:checked");
+  let filter_autoload = checked.value;
+
+  $_GET_autoload = filter_autoload;
+
+  if (filter_autoload == "all") {
+    return true;
+  }
+
+  return filter_autoload == item._values.autoload;
+}
+
+function filterAll() {
+  handleLoader(true);
+
+  fetch(
+    wpdbt_admin_vars.data.admin_url + "/wp-database-tools-admin-fetch.json"
+  ).then(function (response) {
+    resetCheck();
+
+    list.filter(function (item) {
+      return (
+        filterChoiceSelection(item) &&
+        filterListSelection(item) &&
+        filterStatus(item) &&
+        filterSearchName(item) &&
+        filterAutoload(item)
+      );
+    });
+
+    // Set sleep for hidden loading
+    sleep(200).then(() => {
+      handleLoader(false);
+    });
+  });
+}
+
+function sleep(time) {
+  return new Promise((resolve) => setTimeout(resolve, time));
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                  SORT LIST                                 */
+/* -------------------------------------------------------------------------- */
+
+function sortList(el) {
+  // Class active change
+  let sorts = document.querySelectorAll(".svg-sort");
+  sorts.forEach(function (current_sort, index) {
+    current_sort.classList.remove("active");
+  });
+
+  let svg_sort = el.querySelector(".svg-sort");
+  svg_sort.classList.add("active");
+
+  // Sort by atributte
+  let order = el.dataset.order;
+  let row = el.dataset.row;
+
+  if(row == 'origin'){
+
+    list.sort('', {
+      order: order,
+      sortFunction: function (a, b) {
+
+        return a._values.origin.name > b._values.origin.name ? 1 :
+               a._values.origin.name < b._values.origin.name ? -1 : 0;
+      }
+    });
+
+  }else{
+    list.sort(row, { order: order });
+  }
+
+}

wp-content/plugins/wp-database-tools/admin/js/templates.js

@@ -0,0 +1,131 @@
+function templateInfo(values) {
+
+	return `<div class='col-l mr-10'>\
+				<p class='font-bold font-md-x2 mt-25 mb-5 dark-blue-color'>${values.origin.name}</p>\
+				<p class='font-bold name m-0 dark-blue-color bg-light-gray-color-x2 overflow-wrap-any'>${values['name']}</p>\
+				<div class='mt-10'>\
+					${ templateButton(values.origin.homepage,wpdbt_admin_vars.data.translations.website) + templateButton(values.origin.download_link,wpdbt_admin_vars.data.translations.download)  }
+				</div>\
+			</div>\
+			<div class='col-r mt-10'>\
+				<div class=''>\
+					<span class="font-sm-x1 label dark-blue-color">${wpdbt_admin_vars.data.translations.marketplace}:</span>
+					${ displayMarketplaceImage(values.origin.marketplace) }
+					<span class="font-sm m-0 text-uppercase d-block text-align-right">${values.origin.marketplace.name ?? 'Desconocido' }</span>
+					${ displayRating(values.origin, wpdbt_admin_vars) }
+				</div>\
+				<div class=''>\
+					<div class='likes'>\
+						<span class="font-sm-x1 label dark-blue-color">${wpdbt_admin_vars.data.translations.users_feedback}:</span>
+						<span class="font-sm label">${wpdbt_admin_vars.data.translations.votes}:</span>
+						<div class=''>\
+							<div class='text-align-right'>\
+								<p class='p-0 m-0'> <span class="font-sm">${wpdbt_admin_vars.data.translations.likes}</span>  ${values.origin.likes}</p>\
+							</div>\
+							<div class='text-align-right'>\
+								<p class='p-0 m-0'><span class="font-sm">${wpdbt_admin_vars.data.translations.dislikes}</span> ${values.origin.dislikes} </p>\
+							</div>\
+						</div>\
+					</div>\
+					<div class='mt-10'>\
+						<span class="font-sm label">${wpdbt_admin_vars.data.translations.reliability}:</span>
+						<p class='font-sm text-align-right m-0 font-bold reliability ${values.origin.reliability_level} '>${values.origin.reliability}%</p>\
+					</div>\
+				</div>\
+			</div>`;
+}
+
+
+function displayMarketplaceImage(marketplace){
+
+	if(marketplace.image != '' && marketplace.image != null){
+		return `<img class="d-block" width="125px" src="${marketplace.image}">`;
+	}
+
+	return '';
+
+}
+
+function templateFeedback(feedback,slug){
+	let class_feedback = (feedback == true) ? 'bg-light-green' : 'd-none';
+	return `<div id='container-feedback-${slug}' class='feedback ${class_feedback}'>\
+			<p id="feedback_message-${slug}" class='font font-md mt-25 px-10 py-10 br-5 m-0'>${wpdbt_admin_vars.data.translations.thank_vote}</p>\
+			<div>`;
+}
+
+function templateVotes(values){
+
+
+	return `<div id='container-votes-${values.origin.slug}' class='votes bt-solid mt-10'>\
+				<p class='font-md m-0 mt-10'>${values.origin.question}</p>\
+				<div class='d-flex-between'>\
+					<div class='d-flex-between'>\
+						<div class='d-flex-between mr-10'>\
+							<img onclick='feedOriginInitAjax(this)' onmouseover='hover(this);' onmouseout='unhover(this);' data-slug='${values.origin.slug}' data-type='like'\
+							 class='cursor-pointer vote' width='20px'\
+							 id='btn-like'\
+							 src='${wpdbt_admin_vars.data.admin_url}img/icon-like.svg'>\
+							<p class='ml-5'>${values.origin.likes}</p>\
+						</div>\
+						<div class='d-flex-between'>\
+							<img onclick='feedOriginInitAjax(this)' onmouseover='hover(this);' onmouseout='unhover(this);' data-slug='${values.origin.slug}' data-type='dislike'\
+								 class='cursor-pointer vote' width='20px'\
+								 id='btn-dislike'\
+								 src='${wpdbt_admin_vars.data.admin_url}img/icon-dislike.svg'>\
+							<p class='ml-5'>${values.origin.dislikes}</p>\
+						</div>\
+					</div>\
+				</div>\
+			</div>`;
+}
+
+function templateButton(value,label){
+
+	let btn_disabled = (value == '') ? 'disabled' : '';
+	let btn_link =`<a class='${btn_disabled} button font-sm button-secondary b-none btn-light font-bold color-white py-5 px-10 text-uppercase mr-20'\
+	target='_blank' href='${value}' >${label}</a>`;
+
+	return btn_link;
+
+}
+
+function templateFeedOrigin(prefix,type,slug,name,reliability){
+
+	return `<form action='' id='form-feed-origin-${slug}'>\
+				<input type='hidden' name='action' value='origin-feedback'>\
+				<input id='type' type='hidden' name='type' value='${type}'>\
+				<input id='slug' type='hidden' name='slug' value='${slug}'>\
+				<input id='name' type='hidden' name='name' value='${name}'>\
+				${setInputPrefix(prefix)}
+				<input id='reliability' type='hidden' name='reliability' value='${reliability}'>\
+				<input id='section' type='hidden' name='section' value='${wpdbt_admin_vars.data.current_page}'>\
+				<input id='vote' type='hidden' name='vote' value=''>\
+			</form>`;
+}
+
+function setInputPrefix(prefix){
+
+	if(prefix != ''){
+		return `<input id='prefix' type='hidden' name='prefix' value='${prefix}'>`;
+	}
+
+	return '';
+
+}
+
+function displayRating(origin, wpdbt_admin_vars){
+
+	if(origin.rating !== '-' && typeof origin.rating !== 'undefined' ){
+		return `<span class="font-sm label">${wpdbt_admin_vars.data.translations.rating}:</span>
+				<div class='rating mb-10'>\
+					<img width='20px' src='${wpdbt_admin_vars.data.admin_url}img/icon-star.svg'>\
+					<span class='font-md'>\
+					<strong class='font-md-x2'>${origin.rating}</strong>\
+					/100</span>\
+				</div>`;
+	}
+
+	return '';
+}
+
+

wp-content/plugins/wp-database-tools/admin/js/templates/item-list.js

@@ -0,0 +1,264 @@
+function get_option_template(values) {
+  return `
+    <li class="d-flex-between px-10 bb-solid table-options">
+
+        <div class="d-flex-start align-items-center">
+            <input id="cb-select-all-1" class="m-0 check-elements id" type="checkbox" data-id="${
+              values.id
+            }" data-check="false" onchange="checkSelected(this)">
+            <p class="m-0 ml-10 id">${values.id}</p>
+        </div>
+
+        <div class="m-0 text-align-left">
+            <p class="name break-word">${values.name}</p>
+        </div>
+
+        <p class="text-align-left tooltip extract">
+            ${ render_option_value(values.value, values.extract) }
+        </p>
+
+        <p class="text-align-center size">
+            ${values.format_size}
+        </p>
+
+        <p class="text-align-center autoload">
+            ${values.autoload}
+        </p>
+
+        <div class="text-align-center">
+          <p class="status text-lowercase m-auto" data-status="${values.multiple === true ? "multiple" : values.origin.status}">
+          ${values.multiple === true ? wpdbt_admin_vars.data.translations.multiple : wpdbt_admin_vars.data.translations[values.origin.status]}
+          </p>
+        </div>
+
+        <div class="text-align-center">
+        ${ render_origin_name(values) }
+        </div>
+
+        <div class="d-flex-center align-items-center">
+            <var class="key d-none"></var>
+            <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.remove}" data-individual="yes" data-modal="delete" class="tooltip cursor-pointer b-none bg-none p-0">
+                <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.remove}</span>
+                <img width="15px" src="${wpdbt_admin_vars.data.admin_url}img/icon-delete.svg">
+            </button>
+            <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.edit}" data-individual="yes" data-modal="edit" class="tooltip cursor-pointer b-none bg-none p-0">
+                <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.edit}</span>
+                <img width="15px" src="${wpdbt_admin_vars.data.admin_url}img/icon-edit.svg">
+            </button>
+        </div>
+    </li>
+    `;
+}
+
+function get_transient_template(values) {
+  return `
+    <li class="d-flex-between px-10 bb-solid table-options">
+
+        <div class="d-flex-start align-items-center">
+            <input id="cb-select-all-1" class="m-0 check-elements id" type="checkbox" data-id="${
+              values.id
+            }" data-check="false" onchange="checkSelected(this)">
+            <p class="m-0 ml-10 id">${values.id}</p>
+        </div>
+
+        <div class="m-0 text-align-left">
+            <p class="name break-word">${values.name}</p>
+        </div>
+
+        <p class="text-align-left tooltip extract">
+            ${ render_option_value(values.value, values.extract) }
+        </p>
+
+        <p class="text-align-center size">
+            ${values.format_size}
+        </p>
+
+        <p class="text-align-center autoload">
+            ${values.autoload}
+        </p>
+
+        <div class="text-align-center">
+          <p class="status text-lowercase m-auto" data-status="${values.multiple === true ? "multiple" : values.origin.status}">
+          ${values.multiple === true ? wpdbt_admin_vars.data.translations.multiple : wpdbt_admin_vars.data.translations[values.origin.status]}
+          </p>
+        </div>
+
+        <div class="text-align-center">
+        ${ render_origin_name(values) }
+        </div>
+
+        <div class="d-flex-center align-items-center">
+            <var class="key d-none"></var>
+            <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.remove}" data-individual="yes" data-modal="delete" class="tooltip cursor-pointer b-none bg-none p-0">
+                <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.remove}</span>
+                <img width="15px" src="${wpdbt_admin_vars.data.admin_url}img/icon-delete.svg">
+            </button>
+            <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.edit}" data-individual="yes" data-modal="edit" class="tooltip cursor-pointer b-none bg-none p-0">
+                <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.edit}</span>
+                <img width="15px" src="${wpdbt_admin_vars.data.admin_url}img/icon-edit.svg">
+            </button>
+        </div>
+    </li>
+    `;
+}
+
+function get_table_template(values) {
+  return `<li class="d-flex-between px-10 bb-solid">
+
+    <div class="w-30p d-flex-start align-items-center">
+        <input id="cb-select-all-1" class="m-0 check-elements id" type="checkbox" data-id="${
+          values.id
+        }" data-check="false" onchange="checkSelected(this)">
+        <p class="m-0 ml-10 break-word name">${display_table_name(values)}</p>
+    </div>
+
+    <p class="w-10p text-align-center row">${values.row}</p>
+
+    <p class="w-10p text-align-center size">${values.format_size}</p>
+
+    <div class="w-15p text-align-center">
+      <p class="status text-lowercase" data-status="${values.multiple === true ? "multiple" : values.origin.status}">
+      ${values.multiple === true ? wpdbt_admin_vars.data.translations.multiple : wpdbt_admin_vars.data.translations[values.origin.status]}
+      </p>
+    </div>
+
+    <div class="w-25p text-align-center">
+    ${ render_origin_name(values) }
+
+    </div>
+
+    <div class="d-flex-center align-items-center w-10p">
+
+        <var class="key d-none" data-id="${values.id}"></var>
+
+        <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.remove}" data-individual="yes" data-modal="delete" class="tooltip cursor-pointer b-none bg-none p-0">
+            <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.remove}</span>
+            <img src="${wpdbt_admin_vars.data.admin_url}img/icon-delete.svg" class="icon-delete" width="15px" src="">
+        </button>
+        <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.empty}" data-individual="yes" data-modal="empty" class="tooltip cursor-pointer b-none bg-none p-0">
+            <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.empty}</span>
+            <img src="${wpdbt_admin_vars.data.admin_url}img/icon-empty.svg" class="icon-empty" width="15px" src="">
+        </button>
+        <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.optimize}" data-individual="yes" data-modal="optimize" class="tooltip cursor-pointer b-none bg-none p-0">
+            <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.optimize}</span>
+            <img src="${wpdbt_admin_vars.data.admin_url}img/icon-optimize.svg" class="icon-optimize" width="15px" src="">
+        </button>
+        <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.repair}<" data-individual="yes" data-modal="repair" class="tooltip cursor-pointer b-none bg-none p-0">
+            <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.repair}</span>
+            <img src="${wpdbt_admin_vars.data.admin_url}img/icon-repair.svg" class="icon-repair" width="15px" src="">
+        </button>
+
+    </div>
+</li>`;
+}
+
+function get_cronjob_template(values) {
+  return `<li class="d-flex-between px-20 bb-solid table-cronjobs">
+
+    <div class="d-flex-start align-items-center">
+        <input id="cb-select-all-1" class="m-0 check-elements" type="checkbox" data-id="${values.id}" data-check="false" onchange="checkSelected(this)">
+        <p class="m-0 ml-10 mr-10 break-word name">${values.name}</p>
+    </div>
+
+    <p class="text-align-left break-word args">
+    ${ render_args(values.args_array) }
+    </p>
+
+    <p class="text-align-left break-word display">${values.display}</p>
+    
+    <p class="text-align-left break-word next-run">${values.next_run}</p>
+
+    <div class="text-align-center">
+      <p class="status text-lowercase m-auto" data-status="${values.multiple === true ? "multiple" : values.origin.status}">
+      ${values.multiple === true ? wpdbt_admin_vars.data.translations.multiple : wpdbt_admin_vars.data.translations[values.origin.status]}
+      </p>
+    </div>
+    <div class="text-align-center">
+    ${ render_origin_name(values) }
+
+    </div>
+
+    <div class="d-flex-center align-items-center">
+
+        <var class="id d-none" data-id="${values.id}"></var>
+        <var class="is-days d-none" data-isdays=""></var>
+
+        <button onclick="showModal(this)" data-label="${wpdbt_admin_vars.data.translations.remove}" data-individual="yes" data-modal="delete" class="tooltip cursor-pointer b-none bg-none p-0">
+            <span class="tooltiptext small">${wpdbt_admin_vars.data.translations.remove}</span>
+            <img width="15px" src="${wpdbt_admin_vars.data.admin_url}img/icon-delete.svg">
+        </button>
+    </div>
+</li>`;
+}
+
+function render_option_value(value, extract){
+
+     // Prepare extract
+     if (value.length > 16) {
+        let span_element = '<span class="tooltiptext value">' + value + '</span>';
+        let image = '<img width="15px" src="' + wpdbt_admin_vars.data.admin_url + 'img/icon-information.svg">';
+        return image + extract + span_element;
+      } else {
+        return value;
+      }
+
+}
+
+function render_args(args) {
+
+  if (args.length > 0) {
+    let content = '';
+
+    args.forEach(function (arg) {
+      if(arg != null){
+        content += "<span class='args'>" + arg + "</span>";
+      }
+    });
+
+    return content;
+
+  }
+
+  return "Ninguno";
+}
+
+function render_origin_name(values){
+
+    let display_name = '';
+
+    if( values.origin.warning == 'no' ||  values.origin.name == 'Uncategorized'){
+        display_name = values.origin.name;
+    }else{
+        display_name = 
+        "<img class='mr-5' width='13px' src='" + wpdbt_admin_vars.data.admin_url  + "img/warning.svg'>" +
+        values.origin.name;
+    }
+
+    if( values.multiple === true ){
+        display_name = wpdbt_admin_vars.data.translations.multiple
+    }
+   
+    if( values.origin.name == 'Uncategorized'){
+        display_name = wpdbt_admin_vars.data.translations.uncategorized
+    }
+
+    return `<button 
+    onclick="${license === true ? 'showModal(this)' : ''}"
+    class="break-word cursor-pointer b-none bg-none button ${license === true ? '' : 'disabled'}" 
+    id="${values.id}"
+    href="#"
+    data-warning="${values.origin.warning}" 
+    data-type="${values.origin.type}"
+    data-label="${wpdbt_admin_vars.data.translations.details}" data-individual="details" data-modal="details"
+    >
+    <div class="d-block">
+        ${display_name}
+    </div>
+   
+    </button>`
+
+}
+
+function display_table_name(values){
+  return (values.prefix == true) ? `<span class="opacity-05">${wpdbt_admin_vars.data.prefix}</span>${values.name_without_prefix}` : `${values.name_without_prefix}`;
+}

wp-content/plugins/wp-database-tools/admin/js/wp-database-tools-admin-vars.js

@@ -0,0 +1,63 @@
+/* 
+ * Contains variables passed from php stored in the variable wpdbt_admin_vars.
+ * It also includes the definition of variables used in the plugin scripts.
+*/
+
+/* -------------------------------------------------------------------------- */
+/*                                    CONST                                   */
+/* -------------------------------------------------------------------------- */
+
+const MODE_GENERAL =
+     wpdbt_admin_vars.data.current_page == 'details' || 
+     wpdbt_admin_vars.data.current_page == 'general'; 
+const KEY_ATRIBUTE = (MODE_GENERAL == false) ? "id" : "key";
+
+/* -------------------------------------------------------------------------- */
+/*                                    INPUT                                   */
+/* -------------------------------------------------------------------------- */
+
+var input_current_url = document.getElementById('input-current-url');
+var input_name = document.getElementById("search-name");
+
+/* -------------------------------------------------------------------------- */
+/*                                    GETS                                    */
+/* -------------------------------------------------------------------------- */
+
+$_GET_autoload = '';
+$_GET_category = '';
+$_GET_details  = '';
+$_GET_origin   = '';
+$_GET_status   = '';
+$_GET_name     = '';
+$_GET_page     = '';
+
+/* -------------------------------------------------------------------------- */
+/*                                   LOADER                                   */
+/* -------------------------------------------------------------------------- */
+
+var loader = document.getElementById("container_list_loader");
+var content_list = document.getElementById("container_list_display");
+var content_list_not_found = document.getElementById("container_list_not_found");
+
+/* -------------------------------------------------------------------------- */
+/*                                  SELECTORS                                 */
+/* -------------------------------------------------------------------------- */
+
+var checkbox_elements = document.getElementsByClassName("check-elements");
+var checkbox_all = document.getElementById("check-typebox-all");
+var span_selected = document.getElementById("span-selected");
+var title_modal = document.getElementById("modal-1-title");
+
+/* -------------------------------------------------------------------------- */
+/*                                 PAGINATION                                 */
+/* -------------------------------------------------------------------------- */
+
+var btn_first = document.getElementById("btn-first");
+var btn_last = document.getElementById("btn-last");
+var selectPagination = document.getElementById("select_pagination");
+
+/* -------------------------------------------------------------------------- */
+/*                                LIS ELEMENTS                                */
+/* -------------------------------------------------------------------------- */
+
+var current_elements = document.querySelector("#current-elements span#span-elements");

wp-content/plugins/wp-database-tools/admin/js/wp-database-tools-admin.js

@@ -0,0 +1,688 @@
+MicroModal.init({
+  openClass: "is-open",
+  disableScroll: true,
+});
+
+// Actions inputs forms
+var form_process_actions = document.getElementById("process_actions");
+
+// Modals structure
+var modals_container_elements = document.querySelectorAll(".container-modal");
+var container_details_plugins = document.getElementById(
+  "modal-details-plugins"
+);
+var container_details_themes = document.getElementById("modal-details-themes");
+var container_details_cores = document.getElementById("modal-details-cores");
+var container_details_uncategorized = document.getElementById(
+  "modal-details-uncategorized"
+);
+var container_details_inside_plugins = document.getElementById(
+  "container-modal-details-plugins"
+);
+var container_details_inside_themes = document.getElementById(
+  "container-modal-details-themes"
+);
+var container_details_inside_cores = document.getElementById(
+  "container-modal-details-cores"
+);
+var container_details_inside_uncategorized = document.getElementById(
+  "container-modal-details-uncategorized"
+);
+
+var title_uncategorized = document.getElementById("title-uncategorized");
+
+var btn_save = document.getElementById("btn-save");
+var icon_base_path = wpdbt_admin_vars.data.admin_url + "img/icon-";
+var icon_el_title_modal = document.getElementById("modal-title-icon");
+
+// Select actions btn
+var can_selections_actions = false;
+var can_selections_uncategoryzed = false;
+
+var current_list_el = null;
+
+var multiple_message_warning = document.getElementById('warning-multiple');
+
+document.addEventListener("DOMContentLoaded", function (event) {
+  processSelectionsStatus();
+});
+
+function showModal(element) {
+
+  buildBackUrl();
+
+  if (element.classList.contains("inactive")) {
+    return;
+  }
+
+  hiddenContentModal();
+
+  let label = element.getAttribute("data-label");
+  let modal_type = element.getAttribute("data-modal");
+  let individual = element.getAttribute("data-individual");
+  let action = element.getAttribute("data-action");
+  let current_modal = document.getElementById("modal-" + modal_type);
+
+  btn_save.style.display = "block";
+  updateTextSave(modal_type);
+
+  // Details
+  if (individual == "details" || individual == "uncategorized") {
+    var icon_path = icon_base_path + "details.svg";
+
+    current_list_el = getCurrentListElementValues(element, "detail");
+
+    btn_save.style.display = "none";
+
+    let multiple_values = current_list_el["multiple"] ?? 0;
+
+    // Build modal HTML content for multiple values
+    if (multiple_values == true) 
+    {
+
+      document.getElementById("modal-details").classList.remove("individual");
+      document.getElementById("modal-details").classList.add("multiple");
+
+      let item_multiple = current_list_el;
+      let item_multiple_origins = item_multiple.origin;
+
+      item_multiple_origins.forEach(function (origin) {
+        item_multiple.origin = origin;
+        let type = origin.type;
+        let html = generateHtmlCard(item_multiple);
+        displayDetails(type, html);
+      });
+
+      current_list_el.origin = item_multiple_origins;
+
+      // Build modal HTML content for single value
+    } else {
+      document.getElementById("modal-details").classList.add("individual");
+      document.getElementById("modal-details").classList.remove("multiple");
+
+      // Build HTML card
+      let type = current_list_el.origin.type;
+      let html = generateHtmlCard(current_list_el);
+
+      if (current_list_el.origin.warning == "yes") {
+        type = "uncategorized";
+        let slug_choice_value = current_list_el.origin.slug + "$" + current_list_el.origin.type;
+        choice_individual_uncategorized.setChoiceByValue(slug_choice_value);
+      }
+
+      // If is uncategorized
+      if ( current_list_el.origin.name == "Uncategorized" || current_list_el.origin.warning == "yes") 
+      {
+
+        var data = [];
+        data['names'] = '';
+        data['prefixes'] = '';
+
+        switch(wpdbt_admin_vars.data.current_page) 
+        {
+          case 'tables':
+            data.prefixes = current_list_el.prefix;
+            data.names = current_list_el.name_without_prefix;
+            break;
+          default:
+            data.names = current_list_el.name;;
+        }
+
+        setFormUncategorizedInputs("individual", data);
+        title_uncategorized.innerHTML = current_list_el.name;
+        slug = "uncategorized-individual";
+        html = templateFeedback(current_list_el.feedback, slug);
+      }
+
+      displayDetails(type, html);
+    }
+
+    // Actions
+  } else {
+    var icon_path = icon_base_path + modal_type + ".svg";
+    current_list_el = getCurrentListElementValues(element, "action");
+
+    processDataOnActions(
+      current_modal,
+      modal_type,
+      current_list_el,
+      individual
+    );
+  }
+
+  title_modal.innerHTML = label;
+  icon_el_title_modal.setAttribute("src", icon_path);
+  current_modal.style.display = "block";
+
+  MicroModal.show("modal-1");
+}
+
+function escapeHtml(text) {
+  return text
+      .replace(/&/g, "&")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+}
+
+function getCurrentListElementValues(element, mode) {
+  // TODO: retrieve the element with the same attribute
+
+  // Details origin
+  if (mode == "detail") {
+
+    let id = element.getAttribute(KEY_ATRIBUTE);
+
+    if(wpdbt_admin_vars.data.current_page == 'cronjobs'){
+      id = escapeHtml(id);
+    }
+
+    let list_element = list.get(KEY_ATRIBUTE, id);
+    return list_element[0]._values;
+  }
+
+  // Buttons actions
+  if (mode == "action") {
+    let individual = element.getAttribute("data-individual");
+
+    if (individual == "yes") {
+      let parent = element.parentElement.parentElement;
+      let key = parent.querySelectorAll("." + KEY_ATRIBUTE)[0].getAttribute("data-" + KEY_ATRIBUTE);
+
+      if(wpdbt_admin_vars.data.current_page == 'cronjobs'){
+        key = escapeHtml(key);
+      }
+
+      let list_element = list.get(KEY_ATRIBUTE, key);
+
+      if (MODE_GENERAL === true) {
+        list_element = list.get(KEY_ATRIBUTE, key);
+      }
+      return list_element[0]._values;
+    } else {
+      let list_items_check = list.get("check", true);
+      return list_items_check;
+    }
+  }
+}
+
+function processDataOnActions(current_modal, modal_type, elements, individual) {
+
+
+  multiple_message_warning.style.display = "none";
+
+  btn_save.style.display = "block";
+
+  // Build uncategorized HTML for modal actions
+  if (modal_type == "uncategorized") {
+    btn_save.style.display = "none";
+    // Uncategorized group
+    slug = "uncategorized-group";
+    html = templateFeedback(false, slug);
+    displayDetails("uncategorized-group", html);
+  }
+
+  // Affected Records
+  let affected_records_list = current_modal.querySelector(
+    ".container_affected_records_list"
+  );
+  affected_records_list.innerHTML = "";
+
+  // Single selection
+  if (individual == "yes") {
+
+    if(current_list_el.multiple == true){
+      multiple_message_warning.style.display = "block";
+    }
+
+    // Label origin
+    var type_label = '';
+    if(wpdbt_admin_vars.data.current_page != 'general'){
+
+      if(current_list_el.multiple == true){
+        multiple_message_warning.style.display = "block";
+        type_label = '<span id="rows_label" class="multiple">multiple</span>';
+      }else{
+        type_label = `<span id="rows_label" class="${current_list_el.origin.type}">${current_list_el.origin.type}</span>`;
+      }
+    
+    }
+
+    switch(wpdbt_admin_vars.data.current_page) 
+    {
+      case 'options':
+        form_process_actions.elements["action-keys"].value = elements.name;
+        break;
+      case 'transients':
+        form_process_actions.elements["action-keys"].value = elements.name;
+        break;
+      case 'tables':
+        form_process_actions.elements["action-keys"].value = elements.name_without_prefix;
+        form_process_actions.elements["action-prefix"].value = elements.prefix;
+        break;
+      default:
+        form_process_actions.elements["action-keys"].value = elements[KEY_ATRIBUTE];
+    }
+
+    form_process_actions.elements["action-is-days"].value = elements["is-days"];
+    affected_records_list.innerHTML += `<li class"break-word">${type_label}${current_list_el.name != '' ? current_list_el.name :  current_list_el.id}</li>`;
+
+  } else {
+
+    let current_key = new Array();
+    let current_prefix = new Array();
+    let current_day = new Array();
+
+    var type_label = '';
+
+    elements.forEach(function (el) {
+
+      if(wpdbt_admin_vars.data.current_page != 'general'){
+        if(el._values.multiple == true){
+          multiple_message_warning.style.display = "block";
+          type_label = '<span id="rows_label" class="multiple">multiple</span>';
+        }else{
+          type_label = `<span id="rows_label" class="${el._values.origin.type}">${el._values.origin.type}</span>`;
+        }
+      }
+
+      switch(wpdbt_admin_vars.data.current_page) 
+      {
+        case 'options':
+          var key_list = el._values.name;
+          break;
+        case 'transients':
+          var key_list = el._values.name;
+          break;
+        case 'tables':
+          var key_list = el._values.name_without_prefix;
+          var key_prefix = el._values.prefix;
+          break;
+        default:
+          var key_list = el._values[KEY_ATRIBUTE];
+      }
+  
+      current_key.push(key_list);
+      current_prefix.push(key_prefix);
+
+      let day_list = el._values["is-days"];
+      current_day.push(day_list);
+
+      if (modal_type == "uncategorized") {
+        if (
+          el._values.origin.name == "Uncategorized" ||
+          el._values.origin.warning == "yes"
+        ) {
+          affected_records_list.innerHTML += `<li class"break-word">${type_label}${el._values.name != '' ? el._values.name :  el._values.id}</li>`;
+        }
+      } else {
+        affected_records_list.innerHTML += `<li class"break-word">${type_label}${el._values.name != '' ? el._values.name :  el._values.id}</li>`;
+      }
+    });
+
+    form_process_actions.elements["action-keys"].value = current_key.join('↕');
+    form_process_actions.elements["action-prefix"].value = current_prefix.join('↕');
+    form_process_actions.elements["action-is-days"].value = current_day.join('↕');
+  }
+
+  form_process_actions.elements["action-type"].value = modal_type;
+  form_process_actions.elements["action-individual"].value = individual;
+}
+
+function hiddenContentModal() {
+  // All containers modals
+  modals_container_elements.forEach(function (el) {
+    el.style.display = "none";
+  });
+
+  // Containers details of modal-details
+  container_details_plugins.style.display = "none";
+  container_details_themes.style.display = "none";
+  container_details_cores.style.display = "none";
+
+  // Containers details inside modal detaisl types
+  container_details_inside_themes.innerHTML = "";
+  container_details_inside_plugins.innerHTML = "";
+  container_details_inside_cores.innerHTML = "";
+}
+
+function updateMultipleUncategorized(list) {
+
+  if (MODE_GENERAL === false)
+  {
+
+    var data = [];
+    data['names'] = [];
+    data['prefixes'] = [];
+
+    list.forEach(function (el) {
+      if (el._values.origin.name == "Uncategorized" || el._values.origin.warning == "yes"){
+    
+      switch(wpdbt_admin_vars.data.current_page) 
+      {
+        case 'tables':
+          data.names.push(el._values.name_without_prefix);
+          data.prefixes.push(el._values.prefix);
+          break;
+        default:
+          data.names.push(el._values.name);
+        }
+      }
+  
+    });
+
+    setFormUncategorizedInputs("group", data );
+
+  }
+}
+
+function updateTextSave(txt) {
+  btn_save.innerHTML = txt;
+}
+
+function setFormUncategorizedInputs(mode, data) {
+
+  if (MODE_GENERAL !== true)
+  {
+    let forms = document.getElementsByClassName(
+      "form-feed-origin-uncategorized-class"
+    );
+
+    if (mode == "group") {
+      var form = forms[0];
+      var current_choice = choice_group_uncategorized._currentState.items.find(
+        (selection) => selection.active === true
+      );
+    }
+
+    if (mode == "individual") {
+      var form = forms[1];
+      var current_choice =
+        choice_individual_uncategorized._currentState.items.find(
+          (selection) => selection.active === true
+        );
+    }
+
+    // Inputs forms
+    let input_section = form.elements.section;
+    let input_type = form.elements.type;
+    let input_name = form.elements.name;
+    let input_prefix = form.elements.prefix;
+
+    // Choices
+    if (current_choice.value != null) 
+    {
+      let current_value = current_choice.value.split("$");
+      let current_type = current_value[1];
+
+      input_section.value = wpdbt_admin_vars.data.current_page;
+      input_type.value = current_type;
+    }
+
+    if (mode == "individual" &&  data != null) {
+
+      switch(wpdbt_admin_vars.data.current_page) {
+        case 'tables':
+          input_name.value = '["' + data.names + '"]';
+          input_prefix.value = '["' + data.prefixes + '"]';
+          break;
+        default:
+          input_name.value = '["' + data.names + '"]';
+      }
+
+    }
+
+
+    if (mode == "group" &&  data != null) {
+
+      switch(wpdbt_admin_vars.data.current_page) {
+        case 'tables':
+          input_name.value = JSON.stringify(data.names);
+          input_prefix.value = JSON.stringify(data.prefixes);
+          break;
+        default:
+          input_name.value = JSON.stringify(data.names);
+      }
+
+    }
+
+  }
+}
+
+function processAction(element) {
+  btn_save.classList.add('disabled');
+  document.getElementById("process_actions").submit();
+}
+
+function displayDetails(type, html) {
+  container_details_uncategorized.style.display = "none";
+
+  if (type == "plugin") {
+    container_details_plugins.style.display = "block";
+    container_details_inside_plugins.innerHTML += html;
+  }
+
+  if (type == "theme") {
+    container_details_themes.style.display = "block";
+    container_details_inside_themes.innerHTML += html;
+  }
+
+  if (type == "core") {
+    container_details_cores.style.display = "block";
+    container_details_inside_cores.innerHTML += html;
+  }
+
+  if (type == "uncategorized") {
+    container_details_uncategorized.style.display = "block";
+    document.getElementById(
+      "container-modal-details-uncategorized-feedback-individual"
+    ).innerHTML = html;
+
+    if (html.includes("d-none")) {
+      document
+        .getElementById("container-modal-details-uncategorized-form-individual")
+        .classList.remove("d-none");
+    } else {
+      document
+        .getElementById("container-modal-details-uncategorized-form-individual")
+        .classList.add("d-none");
+    }
+  }
+
+  if (type == "uncategorized-group") {
+    document.getElementById(
+      "container-modal-details-uncategorized-feedback-group"
+    ).innerHTML = html;
+
+    if (html.includes("d-none")) {
+      document
+        .getElementById("container-modal-details-uncategorized-form-group")
+        .classList.remove("d-none");
+    } else {
+      document
+        .getElementById("container-modal-details-uncategorized-form-group")
+        .classList.add("d-none");
+    }
+  }
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                  TEMPLATES                                 */
+/* -------------------------------------------------------------------------- */
+
+function generateHtmlCard(data_el) {
+  let slug = data_el.origin.slug;
+  let info = templateInfo(data_el);
+  let votes = data_el.feedback == true ? "" : templateVotes(data_el);
+  let feedback = templateFeedback(data_el.feedback, slug);
+  let prefix = (wpdbt_admin_vars.data.current_page == 'tables') ? data_el.prefix : '';
+  let input_name = (wpdbt_admin_vars.data.current_page == 'tables') ? data_el.name_without_prefix : data_el.name;
+  let form = templateFeedOrigin(
+    prefix,
+    data_el.origin.type,
+    data_el.origin.slug,
+    input_name,
+    data_el.origin.reliability
+  );
+  let html = buildCard(votes, form, feedback, info);
+
+  return html;
+}
+
+function buildCard(votes, form, feedback, info) {
+  return (
+    "<div class='card-details'>\
+				<div class='d-flex-between mb-10'>\
+					" +
+    info +
+    "\
+				</div>\
+				" +
+    votes +
+    "\
+				" +
+    feedback +
+    "\
+				" +
+    form +
+    "\
+			</div>"
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                HOVER IMAGES                                */
+/* -------------------------------------------------------------------------- */
+
+function hover(element) {
+  element.setAttribute(
+    "src",
+    wpdbt_admin_vars.data.admin_url + "img/icon-" +
+      element.dataset.type +
+      "-fill.svg"
+  );
+}
+
+function unhover(element) {
+  element.setAttribute(
+    "src",
+    wpdbt_admin_vars.data.admin_url + "img/icon-" +
+      element.dataset.type +
+      ".svg"
+  );
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                   SELECT                                   */
+/* -------------------------------------------------------------------------- */
+
+function updateFormUncategorized(element) {
+  let mode = element.getAttribute("data-type"); // individual | group
+  setFormUncategorizedInputs(mode, null);
+}
+
+/* -------------------------------------------------------------------------- */
+/*                                   CHECKED                                  */
+/* -------------------------------------------------------------------------- */
+
+
+
+function checkAll(element) {
+  let check_status = element.checked;
+
+  for (var i = 0; i < checkbox_elements.length; ++i) {
+    checkbox_elements[i].checked = check_status;
+    list.visibleItems[i]._values.check = check_status;
+  }
+
+  let list_items_check = list.get("check", true);
+
+  updateMultipleUncategorized(list_items_check);
+  processSelectionsStatus();
+  displaySelection();
+}
+
+function checkSelected(element) {
+  let check_status = element.checked;
+
+  let parent = element.parentElement.parentElement;
+
+  let id = parent
+    .querySelectorAll("." + KEY_ATRIBUTE)[0]
+    .getAttribute("data-" + KEY_ATRIBUTE);
+
+  if(wpdbt_admin_vars.data.current_page == 'cronjobs'){
+    id = escapeHtml(id);
+  }
+  let list_element = list.get(KEY_ATRIBUTE, id)[0];
+
+  element.setAttribute("data-check", check_status);
+  list_element._values["check"] = check_status;
+
+  let list_items_check = list.get("check", true);
+
+  checkbox_all.checked = list_items_check.length != 0;
+
+  updateMultipleUncategorized(list_items_check);
+  processSelectionsStatus();
+  displaySelection();
+}
+
+// allows the selection of buttons in batch actions
+function setCanSelect() {
+  let list_items_check = list.get("check", true);
+
+  can_selections_actions = list_items_check.length > 0;
+
+  // Status btn action uncategorized
+  if (MODE_GENERAL == false) {
+    can_selections_uncategoryzed = false;
+    list_items_check.forEach(function (el) {
+      if (
+        el._values.origin.type == "uncategorized" ||
+        el._values.origin.warning == "yes"
+      ) {
+        can_selections_uncategoryzed = true;
+        return;
+      }
+    });
+  }
+}
+
+function updateButtonsActions() {
+  let btns_actions = document.querySelectorAll(
+    ".btn-selections button:not(.uncategorized)"
+  );
+
+  btns_actions.forEach(function (el) {
+    can_selections_actions === true
+      ? el.classList.add("active")
+      : el.classList.remove("active");
+    !can_selections_actions === true
+      ? el.classList.add("inactive")
+      : el.classList.remove("inactive");
+  });
+
+  let btn_action_uncategorized = document.querySelector(
+    ".btn-selections button.uncategorized"
+  );
+  if (MODE_GENERAL !== true) {
+    can_selections_uncategoryzed === true
+      ? btn_action_uncategorized.classList.add("active")
+      : btn_action_uncategorized.classList.remove("active");
+    !can_selections_uncategoryzed === true
+      ? btn_action_uncategorized.classList.add("inactive")
+      : btn_action_uncategorized.classList.remove("inactive");
+  }
+}
+
+function processSelectionsStatus() {
+  setCanSelect();
+  updateButtonsActions();
+}
+
+function encodeString(input){
+  input = decodeURI(input);
+  return encodeURI(input.replace(/[^0-9a-z]/gi, ''));
+}