HM-56. Добавлена страница для просмотра логов с фильтрацией, пагинацией (#20)

src/app.html

@@ -66,6 +66,51 @@
         </div>
     </template>
 
+    <!-- Шаблон универсальной таблицы -->
+    <template id="uni-table">
+        <div class="table-responsive">
+            <table class="table table-striped table-hover">
+                <thead>
+                    <tr></tr>
+                </thead>
+                <tbody></tbody>
+            </table>
+        </div>
+        
+    </template>
+    <!-- Шаблон колонки заголовка универсильной таблицы -->
+    <template id="uni-table-th">
+        <th></th>
+    </template>
+    <!-- Шаблон строки универсальной таблицы -->
+    <template id="uni-table-row">
+        <tr></tr>
+    </template>
+
+    <!-- Шаблон пагинации -->
+    <template id="pagination">
+        <nav aria-label="Page navigation example">
+            <ul class="pagination justify-content-center"></ul>
+        </nav>
+    </template>
+
+    <!-- Шаблон фильтра страницы logs -->
+    <template id="logs-filters">
+        <form class="row p-3 m-0">
+            <div class="col-md-auto">
+                <div class="row">
+                    <div class="mb-3">
+                        <label for="logs-filter-message" class="form-label">Найти в сообщениях</label>
+                        <input type="text" class="form-control" id="logs-filter-message" placeholder="Введите текст">
+                    </div>
+                </div>
+            </div>
+            <div class="col d-flex align-items-end">
+                <button type="submit" class="btn btn-primary mb-3">Поиск</button>
+            </div>
+        </form>
+    </template>
+
     <!-- Шаблон кнопки -->
     <template id="test-button">
         <button type="button" class="btn btn-primary">Проверка сборки</button>