51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
|
// film.js
|
|||
|
|
|
|||
|
|
import { getAllLines } from './lines-rest-api.js';
|
|||
|
|
|
|||
|
|
async function loadMovies() {
|
|||
|
|
try {
|
|||
|
|
const moviesData = await getAllLines();
|
|||
|
|
addMovieCards(moviesData);
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error("Error loading movies:", error);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addMovieCards(moviesData) {
|
|||
|
|
var container = document.getElementById("movie-container");
|
|||
|
|
|
|||
|
|
if (!container) {
|
|||
|
|
console.error("Movie container not found");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
moviesData.forEach(function (movie) {
|
|||
|
|
var movieCard = document.createElement("div");
|
|||
|
|
movieCard.className = "movie-card";
|
|||
|
|
|
|||
|
|
var image = document.createElement("img");
|
|||
|
|
// Проверяем, есть ли у фильма изображение, и вставляем соответствующее изображение
|
|||
|
|
image.src = movie.image ? movie.image : "https://via.placeholder.com/300x400";
|
|||
|
|
image.alt = "Movie Image";
|
|||
|
|
|
|||
|
|
var content = document.createElement("div");
|
|||
|
|
content.className = "movie-card-content";
|
|||
|
|
|
|||
|
|
var title = document.createElement("h2");
|
|||
|
|
title.textContent = movie.name;
|
|||
|
|
|
|||
|
|
var description = document.createElement("p");
|
|||
|
|
description.textContent = "Рейтинг: " + movie.rating;
|
|||
|
|
|
|||
|
|
content.appendChild(title);
|
|||
|
|
content.appendChild(description);
|
|||
|
|
|
|||
|
|
movieCard.appendChild(image);
|
|||
|
|
movieCard.appendChild(content);
|
|||
|
|
|
|||
|
|
container.appendChild(movieCard);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
document.addEventListener('DOMContentLoaded', loadMovies);
|