https://webbing.online/wp-content/plugins/webbing-portfoli-home/js/script_front.js

1var portfolios_stored = [];
2
3jQuery( document ).ready(function() {
4    if(document.querySelector(".menu_item.selected")){
5        var category_id = document.querySelector(".menu_item.selected").getAttribute("data-category_id");
6        getPortfolioItems(6);
7    }
8});
9
10function menu_item_selected(category_id, menu_element){
11    document.querySelector(".menu_item.selected").classList.remove("selected");
12    menu_element.classList.add("selected");
13    getPortfolioItems(category_id);
14}
15
16function getPortfolioItems(category_id){
17    //if the portfolio items are already stored, show the same
18    console.log("entra");
19    for(var i = 0; i < portfolios_stored.length; i++){
20        if(portfolios_stored[i].id == category_id){
21            setPortfolioItems(portfolios_stored[i].data);
22            return;
23        }
24    }
25    jQuery.ajax({
26        type: "POST",
27        url: "/wp-content/plugins/webbing-portfoli-home/api.php",
28        data: {
29            query: "portfolio_items",
30            data: {
31                category_id: category_id
32            }
33        },
34        dataType: 'json',
35        success: function(response){
36            var response = response.data;
37            var portfolio_items = response.data;
38            portfolios_stored.push({
39                id: response.category_id,
40                data: portfolio_items
41            })
42            setPortfolioItems(portfolio_items);
43        },
44        error: function(response){
45            alert(message);
46            document.getElementById("portfolio_section_wrapper").innerHTML = "";
47        }
48    });
49}
50
51function setPortfolioItems(portfolio_items){
52    document.getElementById("portfolio_section_wrapper").innerHTML = "";
53    for(var i = 0; i < portfolio_items.length; i++){
54        if(i % 2 == 0){
55            document.getElementById("portfolio_section_wrapper").innerHTML += `
56                <a class='portfolio_item' style='width:${(100/(portfolio_items.length))-4}%;' href='${portfolio_items[i]["url"]}'>
57                    <p class='portfolio_item_name'>${portfolio_items[i]["name"]}</p>
58                    ${portfolio_items[i]["img"]}
59                </a>
60            `;
61        }else{
62            document.getElementById("portfolio_section_wrapper").innerHTML += `
63                <a class='portfolio_item' style='top:70px;width:${(100/(portfolio_items.length))-4}%;' href='${portfolio_items[i]["url"]}'>
64                    <p class='portfolio_item_name'>${portfolio_items[i]["name"]}</p>
65                    ${portfolio_items[i]["img"]}
66                </a>
67            `;
68        }
69    }
70}