Java17-SpaDay/src/main/resources/templates/menu.html at 21ba95b8b1eb4b50d88dc0135ad8ca57084a32dd · LaunchCodeEducation/Java17-SpaDay · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en" xmlns:th = "http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8" />
    <title>Spa Menu</title>
<!--    <link href="../static/css/styles.css" th:href="@{/css/styles.css}" rel="stylesheet" />-->
    <link href="../static/styles.css" th:href="@{/styles.css}" rel="stylesheet" />
</head>
<body>
<h1>My Super Fancy Spa</h1>
<div id = "clientProfile">
    <h2>My Profile</h2>
    <p th:text = "${name}"></p>
    <p th:text = "${skintype}"></p>
    <p th:text = "${manipedi}"></p>
</div>
<div id = "servicesMenu">
    <h2>Menu of Available Services</h2>
    <h3>Facial Treatments</h3>
    <p>The facial treatments below are recommended by our aestheticians for your given skin type.</p>
    <table>
        <th:block th:each="facial : ${appropriateFacials}">
            <tr>
                <td th:text="${facial}">...</td>
            </tr>
        </th:block>
    </table>
    <div th:if = "${manipedi.equals('manicure')}">
        <h2>Manicure</h2>
        <h3 th:replace = "~{fragments :: manicureDescription}"></h3>
    </div>
    <div th:if = "${manipedi.equals('pedicure')}">
        <h2>Pedicure</h2>
        <h3 th:replace = "~{fragments :: pedicureDescription}"></h3>
    </div>
</div>
</body>
<footer>
    <div class="container">
        <div class="grid">
            <div class="cell" id="1"></div>
            <div class="cell" id="2"></div>
            <div class="cell" id="3"></div>
            <div class="cell" id="4"></div>
            <div class="cell" id="5"></div>
            <div class="cell" id="6"></div>
        </div>
    </div>
</footer>
</html>