58 lines
1.5 KiB
JavaScript
58 lines
1.5 KiB
JavaScript
import { ApiEndpoint } from "./apiendpoint";
|
|
|
|
const moviesApiEndpoint = new ApiEndpoint("movies");
|
|
const categoriesApiEndpoint = new ApiEndpoint("categories");
|
|
|
|
//document.addEventListener('', loadMoviesTableData);
|
|
document.addEventListener('DOMContentLoaded', loadMoviesTableData());
|
|
|
|
async function loadMoviesTableData() {
|
|
const movies = await moviesApiEndpoint.getObjects();
|
|
const category = await categoriesApiEndpoint.getObjects();
|
|
|
|
const tableWrapper = document.getElementById("table");
|
|
console.log("table is founded")
|
|
tableWrapper.innerHTML = "";
|
|
|
|
let tempRow = `<div class="table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">№</th>
|
|
<th scope="col">Название</th>
|
|
<th scope="col">Жанр</th>
|
|
<th scope="col" class="text-center">
|
|
<span class="d-none d-sm-block">
|
|
Логлайн
|
|
</span><i class="bi bi-clock-history d-block d-sm-none"></i>
|
|
</th>
|
|
<th scope="col" class="text-center">
|
|
<span class="d-none d-sm-block">
|
|
Длительность
|
|
</span><i class="bi bi-clock-history d-block d-sm-none"></i>
|
|
</th>
|
|
</tr>
|
|
</thead>`;
|
|
|
|
for (let i = 0; i < movies.length; i++) {
|
|
console.log("array lenght == " + movies.lenght);
|
|
|
|
const movie = movies[i];
|
|
const categ = category[i];
|
|
tempRow += `<tbody>
|
|
<tr>
|
|
|
|
<td>${movie.id}</td>
|
|
<td>${movie.name}</td>
|
|
<td>${movie.categoryId}</td>
|
|
<td>${movie.logline}</td>
|
|
<td>${movie.time}</td>
|
|
</tr>`;
|
|
}
|
|
tempRow += `</tbody>
|
|
</div>
|
|
</table>`;
|
|
tableWrapper.innerHTML += tempRow;
|
|
|
|
}
|
|
|
|
{/* <td>${(categ.name).movie.id}</td> */ } |