33 lines
797 B
JavaScript
33 lines
797 B
JavaScript
import { adminGetItems, createItem, deleteItem } from './api.js';
|
|
|
|
const list = document.getElementById('items-list');
|
|
const input = document.getElementById('new-item');
|
|
const addBtn = document.getElementById('add-btn');
|
|
|
|
async function renderItems() {
|
|
const items = await adminGetItems();
|
|
list.innerHTML = '';
|
|
items.forEach(item => {
|
|
const li = document.createElement('li');
|
|
li.innerHTML = `
|
|
<span>${item.title}</span>
|
|
<button onclick="removeItem(${item.id})">حذف</button>
|
|
`;
|
|
list.appendChild(li);
|
|
});
|
|
}
|
|
|
|
window.removeItem = async (id) => {
|
|
await deleteItem(id);
|
|
renderItems();
|
|
};
|
|
|
|
addBtn.onclick = async () => {
|
|
const title = input.value.trim();
|
|
if (!title) return;
|
|
await createItem(title);
|
|
input.value = '';
|
|
renderItems();
|
|
};
|
|
|
|
renderItems(); |