Notes

const _url = "http://localhost:5000/api/categories/";
// const _urlIIS = "http://localhost:28677/";


let categories = [];

function getCategories() {
fetch(_url)
.then(response => response.json())
.then(data => _categoriesCreator(data))
.catch(error => console.log("service not available!", error))
}
getCategories();


function _categoriesCreator(data) {
const tbody = document.getElementById("tbody");
tbody.innerHTML = '';

const button = document.createElement("button");
const icon = document.createElement("i");

data.forEach(item => {


// silme butonu
let deleteIcon = icon.cloneNode(false);
deleteIcon.setAttribute("class", "fas fa-trash");

let deleteButton = button.cloneNode(false);
// deleteButton.innerText = 'delete';
deleteButton.appendChild(deleteIcon);
deleteButton.setAttribute('class', 'btn btn-sm shadow-sm text-danger');


// düzenleme butonu
let editIcon = icon.cloneNode(false);
editIcon.setAttribute("class", "fas fa-pencil-alt");

let editButton = button.cloneNode(false);
// editButton.innerText = 'edit';
editButton.appendChild(editIcon);
editButton.setAttribute('class', 'btn btn-sm shadow-sm text-warning mr-1');




let tr = tbody.insertRow();

// 1. hücre Id bilgisi
let td0 = tr.insertCell(0);
td0.setAttribute("class", "d-none");
let id = document.createTextNode(item.id);
td0.appendChild(id);

// 2. hücre categoryname bilgisi
let td1 = tr.insertCell(1);
let categoryname = document.createTextNode(item.categoryName);
td1.appendChild(categoryname);

// 3. hücre description bilgisi
let td2 = tr.insertCell(2);
let description = document.createTextNode(item.description);
td2.appendChild(description);


let td3 = tr.insertCell(3);
td3.appendChild(editButton);
td3.appendChild(deleteButton);
});
categories = data;
}