e-commerce/prototype/src/main/resources/templates/fragments/header.html

<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>eCommerce</title>
</head>
<body>
    <nav class='hero' th:fragment="header">
        <div class='content-width bar-flex'>
            <a class="button bg-none" href="/">Project eCommerce</a>
            <a class="button bg-none" href="/">Angebote</a>
            <form class='spacer input-icon secondary' th:action="@{/shop/search}" method="GET">
                <input type="text" placeholder="Nach Produkten suchen..."/>
                <button>Finden</button>
            </form>
            <a th:unless="${customer}" class="button  bg-none" th:href="@{/login}">Login</a>
            <div class="notifications" th:if="${customer}" style="display: none;">
                <input id="messages" type="checkbox"></input>
                <label for="messages" class="button">
                    <img th:src="@{/img/bell.svg}" width="25" height="28" alt="Nachrichten"/>
                </label>
                <ul class="listbox">
                    <li class="unread">
                        Ihre Bestellung kommt voraussichtlich am Donnerstag, den 20.08.2020
                    </li>
                    <li class="unread">
                        Ihre Rücksendung ist bei uns eingegangen.
                    </li>
                    <li>
                        Ihre Bestellung wurde versandt.
                    </li>
                </ul>
            </div>
            <a th:if="${customer}" class="button" th:href="@{/logout}">Abmelden</a>
        </div>
    </nav>
</body>
</html>
updated spring boot to 2.2.1 * added a header as fragment 2019-11-25 16:15:36 +01:00			`<!DOCTYPE html>`
			`<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">`
			`<head>`
reworked login to actually use a database * added a very basic login setup, see wiki.mosad.xyz for more information * updated spring boot to 2.2.2 2019-12-08 17:16:17 +01:00			`<meta charset="utf-8">`
added customer account settings [Part 1] * moved footer Mapping to the bottom of RequestController() 2020-01-15 10:55:24 +01:00			`<title>eCommerce</title>`
updated spring boot to 2.2.1 * added a header as fragment 2019-11-25 16:15:36 +01:00			`</head>`
			`<body>`
added a first GUI Prototype * based on ecom.css * accessible via localhost:8080/ 2019-11-26 16:21:29 +01:00			`<nav class='hero' th:fragment="header">`
Update CSS, fix fragements and home. 2020-01-12 15:52:45 +01:00			`<div class='content-width bar-flex'>`
Implement Seach // Comment out borders radius 2020-01-25 15:04:55 +01:00			`<a class="button bg-none" href="/">Project eCommerce</a>`
			`<a class="button bg-none" href="/">Angebote</a>`
			`<form class='spacer input-icon secondary' th:action="@{/shop/search}" method="GET">`
added a first GUI Prototype * based on ecom.css * accessible via localhost:8080/ 2019-11-26 16:21:29 +01:00			`<input type="text" placeholder="Nach Produkten suchen..."/>`
Update CSS, fix fragements and home. 2020-01-12 15:52:45 +01:00			`<button>Finden</button>`
			`</form>`
Implement Seach // Comment out borders radius 2020-01-25 15:04:55 +01:00			`<a th:unless="${customer}" class="button bg-none" th:href="@{/login}">Login</a>`
reworked login/register, GetMapping fixes 2020-01-20 20:22:37 +01:00			`<div class="notifications" th:if="${customer}" style="display: none;">`
Implement a prototype for notifications 2020-01-19 18:46:32 +01:00			`<input id="messages" type="checkbox"></input>`
			`<label for="messages" class="button">`
			`<img th:src="@{/img/bell.svg}" width="25" height="28" alt="Nachrichten"/>`
			`</label>`
			`<ul class="listbox">`
			`<li class="unread">`
			`Ihre Bestellung kommt voraussichtlich am Donnerstag, den 20.08.2020`
			`</li>`
			`<li class="unread">`
			`Ihre Rücksendung ist bei uns eingegangen.`
			`</li>`
			`<li>`
			`Ihre Bestellung wurde versandt.`
			`</li>`
			`</ul>`
			`</div>`
			`<a th:if="${customer}" class="button" th:href="@{/logout}">Abmelden</a>`
added a first GUI Prototype * based on ecom.css * accessible via localhost:8080/ 2019-11-26 16:21:29 +01:00			`</div>`
			`</nav>`
updated spring boot to 2.2.1 * added a header as fragment 2019-11-25 16:15:36 +01:00			`</body>`
			`</html>`