145Game/PIBD-23_Ivanov.D.A._InternetProgramming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Каталог

Browse Source
This commit is contained in:
145Game
2025-05-17 09:25:26 +04:00
parent e2a32ad09d
commit 60f316d27a
1 changed files with 37 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
MyWebSite/dist/catalog.html vendored
View File

@@ -55,32 +55,30 @@
</div>
</nav>
<main class="container mt-5 pt-5">
<h2 class="text-center mb-5">Каталог книг</h2>
<section class="mb-5">
<div class="genre-title bg-light p-3 rounded text-center mb-4">
<h2 class="text-center mb-5">Каталог книг</h2>
<div class="d-flex justify-content-between mb-2">
<div>
<button class="btn btn-success add-book-btn">
<i class="bi bi-plus-circle"></i> Добавить книгу
</button>
<button class="btn btn-primary add-genre-btn ms-2">
<i class="bi bi-plus-circle"></i> Добавить жанр
</button>
</div>
</div>
</div>
<section class="mb-5">
<div class="row g-4" id="fantasy-books"></div>
</section>
<section class="mb-5">
<div class="genre-title bg-light p-3 rounded text-center mb-4">
<h3>Детектив</h3>
<section class="mb-5">
<div class="row g-4" id="detective-books"></div>
</section>
<section class="mb-5">
<div class="genre-title bg-light p-3 rounded text-center mb-4">
<h3>Роман</h3>
<section class="mb-5">
<div class="row g-4" id="novel-books"></div>
</section>
<section class="mb-5">
<div class="genre-title bg-light p-3 rounded text-center mb-4">
<h3>Фэнтези</h3>
<section class="mb-5">
<div class="row g-4" id="fantasy2-books"></div>
</section>
</main>
<!-- Модальное окно для добавления/редактирования книги -->
<div class="modal fade" id="bookModal" tabindex="-1" aria-labelledby="bookModalLabel" aria-hidden="true">
<div class="modal-dialog">
@@ -134,6 +132,32 @@
</div>
</div>
</div>
</div>
<!-- Модальное окно для добавления жанра -->
<div class="modal fade" id="genreModal" tabindex="-1" aria-labelledby="genreModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="genreModalLabel">Добавить жанр</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="genreForm">
<div class="mb-3">
<label for="genreName" class="form-label">Название жанра</label>
<input type="text" class="form-control" id="genreName" required />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
<button type="submit" class="btn btn-primary">Сохранить</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Модальное окно корзины -->
<div class="modal fade" id="cartModal" tabindex="-1" aria-labelledby="cartModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">