olshab/PIbd-22_Shabunov_O.A._InternetProgramming
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modal overflow

Browse Source
This commit is contained in:
ShabOl 2023-12-10 17:47:05 +04:00
parent 40b7e5f497
commit b06a0475f1
6 changed files with 58 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
admin_panel.html
View File

@ -188,7 +188,13 @@
</div>
<div class="mb-2">
<label for="ageRating" class="form-label">Возрастное ограничение</label>
<input id="ageRating" name="ageRating" class="form-control" type="text" required>
<select id="ageRating" class="form-select" required>
<option value="0+" selected>0+</option>
<option value="6+">6+</option>
<option value="12+">12+</option>
<option value="16+">16+</option>
<option value="18+">18+</option>
</select>
</div>
<div class="mb-2">
<label for="video" class="form-label">URL видео</label>

24
data.json
View File

File diff suppressed because one or more lines are too long

116
index.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -10,6 +11,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
<link href="style.css" rel="stylesheet">
</head>
<body class="d-flex flex-column min-vh-100">
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
@ -53,66 +55,11 @@
<div class="container-md py-4 mb-4">
<div class="text-center">
<h2>Самые базированные фильмы</h2>
<p class="lead text-muted">Здесь собраны ваши любимые кинофильмы</p>
<p class="lead text-muted">Здесь собраны ваши любимые кинофильмы</p>
</div>
<div class="row gx-5 gy-5 my-3">
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/AmericanPsycho.jpg" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Американский психопат</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/Drive.jpg" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Драйв</h5>
<h6 class="text-secondary">Бесплатно</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/FightClub.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Бойцовский клуб</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/Joker.jpg" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Джокер</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/NoCountryForOldMen.jpg" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Старикам здесь не место</h5>
<h6 class="text-secondary">Бесплатно</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/Pusher.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Дилер</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/Scarface.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Лицо со шрамом</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/BladeRunner2049.jpg" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Бегущий по лезвию - 2049</h5>
<h6 class="text-secondary">Бесплатно</h6>
</a>
</div>
</div>
</div>
</section>
@ -125,37 +72,10 @@
</div>
<div class="row gx-5 gy-5 my-3">
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/BetterCallSaul.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Лучше звоните Солу</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/PeakyBlinders.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Острые козырьки</h5>
<h6 class="text-secondary">Бесплатно</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/BreakingBad.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Во все тяжкие</h5>
<h6 class="text-secondary">По подписке</h6>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="videoplayer.html" class="text-decoration-none">
<img src="assets/main-page/posters/Sopranos.png" class="img-fluid film-poster" alt="">
<h5 class="text-black mt-3">Клан Сопрано</h5>
<h6 class="text-secondary">Бесплатно</h6>
</a>
</div>
</div>
</div>
</section>
</section>
</main>
@ -164,17 +84,24 @@
<div class="d-flex flex-wrap justify-content-between align-items-center">
<div>
<div class="download-buttons-container justify-content-start">
<a href="https://play.google.com/store/games?hl=ru&gl=US"><img src="assets/footer/download-buttons/GooglePlay.svg" class="download-button" alt=""></a>
<a href="https://www.huawei.ru/appgallery/"><img src="assets/footer/download-buttons/AppGallery.svg" class="download-button" alt=""></a>
<a href="https://www.apple.com/app-store/"><img src="assets/footer/download-buttons/AppStore.svg" class="download-button" alt=""></a>
<a href="https://play.google.com/store/games?hl=ru&gl=US"><img
src="assets/footer/download-buttons/GooglePlay.svg" class="download-button" alt=""></a>
<a href="https://www.huawei.ru/appgallery/"><img
src="assets/footer/download-buttons/AppGallery.svg" class="download-button" alt=""></a>
<a href="https://www.apple.com/app-store/"><img
src="assets/footer/download-buttons/AppStore.svg" class="download-button" alt=""></a>
</div>
<h6 class="text-secondary mt-3">&copy; 2023 СигмаТеатр</h6>
</div>
<div class="download-buttons-container">
<a href="index.html" class="text-secondary text-decoration-none footer-navigation-button">Главная</a>
<a href="#" class="text-secondary text-decoration-none footer-navigation-button">Политика конфиденциальности</a>
<a href="about_us.html" class="text-secondary text-decoration-none footer-navigation-button">О нас</a>
<a href="admin_panel.html" class="text-secondary text-decoration-none footer-navigation-button">Страница администратора</a>
<a href="index.html"
class="text-secondary text-decoration-none footer-navigation-button">Главная</a>
<a href="#" class="text-secondary text-decoration-none footer-navigation-button">Политика
конфиденциальности</a>
<a href="about_us.html" class="text-secondary text-decoration-none footer-navigation-button">О
нас</a>
<a href="admin_panel.html"
class="text-secondary text-decoration-none footer-navigation-button">Страница администратора</a>
</div>
</div>
@ -189,4 +116,5 @@
});
</script>
</body>
</html>
</html>

3
js/main_page.js
View File

@ -12,9 +12,6 @@ export async function renderMovies() {
const movies = await getMovies();
movies.forEach((movie) => {
console.log(movie.id);
console.log(movie.requiresSubscription);
const movieTemplate = `
<div class="col-6 col-lg-3">
<a href="videoplayer.html?id=${movie.id}" class="text-decoration-none">

9
style.css
View File

@ -43,3 +43,12 @@ body{
max-width: 200px;
height: auto;
}
.modal-dialog {
overflow-y: initial !important
}
.modal-body {
height: 80vh;
overflow-y: auto;
}

2
videoplayer.html
View File

@ -52,7 +52,7 @@
<section id="player">
<div class="container-md py-4 mb-4">
<div class="ratio ratio-16x9 my-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dfeUzm6KF4g?si=U2D-2WNsJzkcxlBX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<p class="display-4" id="movieTitle">Бойцовский клуб</p>