75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Добавить книгу</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet"
|
||
integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body class="bg-dark text-light"></body>
|
||
|
||
<header class=" py-3 bg-custom-dark">
|
||
<div class="container d-flex align-items-center">
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="img/manga.png" alt="ЛОГО" height="50">
|
||
</a>
|
||
<h1 class="h5 ms-4 mb-0 text-light">Добавить книгу</h1>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container bg-custom-dark mt-5">
|
||
<form id="bookForm">
|
||
<input type="hidden" id="bookId" />
|
||
|
||
<div class="mb-3">
|
||
<label for="title" class="form-label">Название книги</label>
|
||
<input type="text" id="title" class="form-control" required />
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="description" class="form-label">Описание книги</label>
|
||
<textarea id="description" class="description"></textarea>
|
||
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="authorId" class="form-label">Автор</label>
|
||
<select id="authorId" class="form-select" required></select>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="statusId" class="form-label">Статус</label>
|
||
<select id="statusId" class="form-select" required></select>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="cover" class="form-label">Обложка (файл)</label>
|
||
<img id="coverPreview" src="" alt="Превью обложки" class="mt-2" style="max-height: 150px; display:none;" />
|
||
<input type="file" id="cover" name="cover" accept="image/*" class="form-control"/>
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||
<button type="button" id="cancelBtn" class="btn btn-secondary ms-2">Отмена</button>
|
||
</form>
|
||
|
||
|
||
|
||
</main>
|
||
|
||
<footer class="text-center py-4 text-light mt-5 bg-custom-dark">
|
||
<p><i class="bi bi-journal-text me-2"></i>Все права защищены, 2025</p>
|
||
</footer>
|
||
|
||
<script type="module" src="../src/main.js"></script>
|
||
<script type="module" src="/mvc/controller.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|