/
miragecatv
/
library-api-csharp
Обзор
Документация
Войти
/
miragecatv
/
library-api-csharp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
frontend/index.html
158 строк
5 KB
Nikita P
Initial BookDB project
22 июл 2026, 21:33
22 июл 2026, 21:33
1c0f3fe
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BookDB</title> <link rel="stylesheet" href="/styles.css"> </head> <body> <header class="page-header"> <div class="brand"> <h1>BookDB</h1> <span>Домашняя библиотека</span> </div> <a href="/swagger" target="_blank" rel="noreferrer"> Swagger ↗ </a> </header> <main> <section class="assistant"> <form id="ai-form" class="assistant-question"> <label for="ai-question">Вопрос</label> <textarea id="ai-question" rows="4" placeholder="Какие книги Филипа Дика у меня есть?" ></textarea> <div class="assistant-actions"> <span id="ai-status" class="ai-status" role="status"></span> <button id="ai-submit" type="submit"> Спросить </button> </div> </form> <section class="assistant-answer" aria-live="polite"> <div class="section-label">Ответ</div> <div id="ai-answer" class="answer-text"> Ответ появится здесь. </div> </section> </section> <section class="catalog-header"> <label class="search"> <span>Поиск</span> <input id="search-input" type="search" placeholder="Название, автор, издательство" autocomplete="off" > </label> <div id="book-count" class="book-count"></div> </section> <div id="status" class="status" role="status"> Загрузка каталога… </div> <div id="table-wrapper" class="table-wrapper" hidden> <table class="catalog-table"> <thead> <tr> <th scope="col"> <button class="sort-button" data-sort="editionId" type="button" > ID </button> </th> <th scope="col"> <button class="sort-button" data-sort="title" type="button" > Название </button> </th> <th scope="col"> <button class="sort-button" data-sort="authors" type="button" > Автор </button> </th> <th scope="col"> <button class="sort-button" data-sort="publisher" type="button" > Издательство </button> </th> <th scope="col"> <button class="sort-button" data-sort="series" type="button" > Серия </button> </th> <th scope="col"> <button class="sort-button" data-sort="publicationYear" type="button" > Год </button> </th> <th scope="col"> <button class="sort-button" data-sort="pageCount" type="button" > Страниц </button> </th> <th scope="col">Жанры</th> <th scope="col">Статус</th> </tr> </thead> <tbody id="books-body"></tbody> </table> </div> </main> <script src="/app.js" defer></script> </body> </html>