Newer
Older
simple-opds / src / main / resources / templates / main.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      lang="ru">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="shortcut icon" type="image/icon" th:href="@{/images/favicon.ico}"/>
    <title th:text="${appTitle + (breadcrumbs != null && !breadcrumbs.empty ? ' / ' + breadcrumbs[0] : '')}">SOPDS</title>

    <!-- Foundation CSS -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/sopds.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation-icons.css}">
</head>

<body>
<div class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/top :: top"></div>
    </div>
</div>

<div class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/logo :: logo"></div>
    </div>
</div>

<div class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/menu :: menu"></div>
    </div>
</div>

<div class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/breadcrumbs :: breadcrumbs"></div>
    </div>
</div>

<div th:if="${systemMessage != null}" class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/messages :: messages"></div>
    </div>
</div>

<div th:if="${user == null or !user.authenticated}" class="row">
    <div class="large-12 column">
        <!-- Login form can be included here if needed -->
    </div>
</div>

<div layout:fragment="content">
    <div class="row">
        <div class="large-12 column">
            <div layout:fragment="ext-body"></div>
            <div layout:fragment="body"></div>
        </div>
    </div>
</div>

<div class="row">
    <div class="large-12 column">
        <div th:replace="/fragments/footer :: footer"></div>
    </div>
</div>

<script th:src="@{/js/vendor/jquery.js}"></script>
<script th:src="@{/js/vendor/foundation.min.js}"></script>

<script>
    $(document).foundation();   

    function SetSearch() {
        // Search functionality implementation
        console.log("Search initialized");
    }
    
    // Custom validation for search
    if (typeof Foundation !== 'undefined' && Foundation.Abide) {
        Foundation.Abide.defaults.validators['check_search'] = function($el, required, parent) {
            if ($('#main_searchbox')[0].value.length < 3) {
                return false;
            }
            return true;
        };
    }

    function logout(to_url) {
        var out = window.location.href.replace(/:\/\//, '://log:out@');
        jQuery.get(out).error(function() {
            window.location = to_url;
        });
    }
    
    // Initialize search on document ready
    $(document).ready(function() {
        SetSearch();
    });
</script>

<div layout:fragment="block-js"></div>
</body>
</html>