Skip to content
Snippets Groups Projects
Select Git revision
  • 306e2ee303e5b322acbb0eaeb070c60a38fd7081
  • main default protected
  • Gabes-testing-branch
  • 81-as-a-child-i-want-a-very-flashy-and-modern-looking-webpage-that-will-draw-me-in-and-keep-me
  • locationApporvalFormValidationUpdate
  • 74-as-a-user-i-want-to-see-a-page-of-local-authorities-so-that-i-can-easily-source-contact-details
  • businesses
  • 77-as-a-user-i-want-to-be-able-to-use-the-application-on-any-device-e-g-iphone-ipad-laptop
  • 69-as-a-user-i-would-like-a-town-specific-page-which-shows-all-trails-for-that-town-so-that-i-can
  • 80-as-a-convenience-enthusiast-i-want-a-drop-down-menu-to-be-able-to-quickly-scan-qr-codes-i-find
  • 82-as-a-site-admininstrator-i-want-to-be-able-to-review-submited-trail-checkpoints-by-bussiness
  • 68-as-a-user-i-would-like-to-see-a-map-containing-all-landmarks-for-a-trail-and-a-suggested-path
  • 70-as-a-repeat-trail-visitor-i-want-to-be-able-to-create-an-account-so-i-can-save-and-review-my
  • towns
  • DTFrontEnd
  • 52-as-a-user-i-would-like-to-see-a-map-of-the-landmarks-so-that-i-can-figure-out-where-to-go
  • 73-as-a-qr-scanning-connoisseur-i-want-to-unlock-stickers-after-scanning-a-qr-code-to-feel-a-sense
  • QRCodes
  • consumers
  • foreignkeys
  • cleanup
21 results

userProfile.html

Blame
    • Gabriel Copat's avatar
    Page now display custom progress for each selected pack
    Gabriel Copat authored 
    Page also starts with pack1 selected by default
    306e2ee3
    History
    Gabriel Copat's avatar 306e2ee3
    History
    Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    userProfile.html 2.03 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title th:text="'VZLA Profile Page of ' + ${user.getName()}"></title>
    <link rel="stylesheet" th:href="@{/css/userProfile2.css}">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!--    <link rel="stylesheet" th:href="@{/css/templatingstyle.css}">-->
</head>
<body>

<!--<header>-->
<!--    <ul class="footerBar">-->
<!--        <li class="footerButton"><b>Home</b></li>-->
<!--        <li class="footerButton"><b>About</b></li>-->
<!--        <li class="footerButton"><b>Map</b></li>-->
<!--        <li class="footerButton"><b>Facilities</b></li>-->
<!--        <li class="footerButton"><b>Log In</b></li>-->
<!--    </ul>-->
<!--</header>-->

<main>
    <!--PICTURE - DATA - BADGES -->
    <div class="userContainer">
        <h1 th:text="${user.getName()}"></h1>
        <img th:src="@{${user.getImgPath()}}"
             th:alt="${user.getName()}"
             id="userPicture"
        >

        <!--TODO add some progression info here?-->
    </div>
    <section class="rewards"> <!--Reward lists, badges on top, stickers (larger) on the bottom-->
        <article id="packsBar">
            <h2>Packs</h2>
             <!--Shows first earned badges, followed by greyed out badges-->
            <div id="allPacksContainer"  class="centerFlex">
                <div th:each="pack : ${packs}"  class="packContainer">
                    <img class="packImg"   th:src="@{'../' + ${pack.getDisplayImg()}}"
                         th:id="'packImg' + ${pack.getId()}" th:alt="${pack.getName()}"
                         th:onclick="'updatePack(' + ${user.getId()} +',' + ${pack.getId()} +');'">
                    <h4 class="packName" th:text="${pack.getName()}"></h4>
                </div>
            </div>
        </article>
        <article th:replace="~{users/userFrags.html::stickersBox}" id="stickersBox"></article>
    </section>


</main>

<footer>

</footer>
<script type="text/javascript" th:src="@{../scripts/userPage.js}"></script>

<script>
</script>
</body>
</html>