simple-opds/src/main/resources/templates/fragments/menu.html at 3d21f5290e06f545a66884273b5b2943bd7d4246

Fork: 0

java / simple-opds

Find file

Newer

Older

simple-opds / src / main / resources / templates / fragments / menu.html

malexple on 2 Nov 2 KB Добавлена страничка main и другие шаблоны

Raw Blame History

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div th:fragment="menu">
    <ul class="menu" style="background: #3498db; border-radius: 5px;">
        <li th:classappend="${currentPath == '/'} ? 'active'">
            <a th:href="@{/}" style="color: white;">
                <i class="fi-home"></i> Главная
            </a>
        </li>
        <li th:classappend="${#strings.startsWith(currentPath, '/books')} ? 'active'">
            <a th:href="@{/books}" style="color: white;">
                <i class="fi-book"></i> Все книги
            </a>
        </li>
        <li th:classappend="${#strings.startsWith(currentPath, '/authors')} ? 'active'">
            <a th:href="@{/authors}" style="color: white;">
                <i class="fi-torsos"></i> Авторы
            </a>
        </li>
        <li th:classappend="${#strings.startsWith(currentPath, '/series')} ? 'active'">
            <a th:href="@{/series}" style="color: white;">
                <i class="fi-list-thumbnails"></i> Серии
            </a>
        </li>
        <li th:classappend="${#strings.startsWith(currentPath, '/genres')} ? 'active'">
            <a th:href="@{/genres}" style="color: white;">
                <i class="fi-price-tag"></i> Жанры
            </a>
        </li>
        <li class="menu-text" style="border-left: 1px solid #2980b9; margin-left: 20px;">
            <form th:action="@{/search}" method="get" class="row collapse">
                <div class="small-8 columns">
                    <input type="text" id="main_searchbox" name="q" placeholder="Поиск книг..."
                           style="margin: 0; border-radius: 3px 0 0 3px;">
                </div>
                <div class="small-4 columns">
                    <button type="submit" class="button postfix"
                            style="background: #e74c3c; border-radius: 0 3px 3px 0; margin: 0;">
                        <i class="fi-magnifying-glass"></i>
                    </button>
                </div>
            </form>
        </li>
    </ul>
</div>
</body>
</html>