Skip to content
Snippets Groups Projects
Select Git revision
  • 5ac9153d3326754e9e3408e4cf36918650477b37
  • 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

templatingstyle.css

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    mainSupAdminView.html 3.75 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/mainSupAdminView.css">
</head>
<body>
<div id="toolbar">
    <label for="searchName">Name</label>
    <input type="text" class="searchBox" id="searchName" placeholder="type name..." />
    <label for="searchPhone">Phone</label>
    <input type="text" class="searchBox" id="searchPhone" placeholder="type phone..." />
    <select class="searchBox" id="searchStatus">
        <option value="" disabled selected>choose status</option>
        <option value="active">Active</option>
        <option value="inactive">Inactive</option>
    </select>
    <button id="searchButton">Confirm</button>
    <button id="addButton">Add</button>
</div>

<div style=" height: 450px; overflow: auto;">
    <table>
        <thead>
        <tr>
            <th>ID</th>
            <th>NAME</th>
            <th>PHONE</th>
            <th>EMAIL</th>
            <th>STATUS</th>
            <th>OPTION</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="row : ${tableData}"
            th:data-id="${row['id']}"
            th:data-name="${row['name']}"
            th:data-phone="${row['phone']}"
            th:data-email="${row['email']}"
            th:data-status="${row['status_str']}">
            <td th:text="${row['id']}"></td>
            <td th:text="${row['name']}"></td>
            <td th:text="${row['phone']}"></td>
            <td th:text="${row['email']}"></td>
            <td th:text="${row['status_str']}"></td>
            <td class="tdOption">
                <label id="edit" class="btn">Edit</label>
                <label id="delete" class="btn">Delete</label>
                <label id="freeze" class="btn">Freeze</label>
            </td>
        </tr>

        </tbody>
    </table>
</div>


<!-- mask layer -->
<div id="overlay"></div>
<!-- form -->
<div id="formContainer">
    <form id="dynamicForm">
        <label for="name">name:</label>
        <input type="text" id="name" placeholder="Please enter your username">
        <label for="email">email:</label>
        <input type="email" id="email" placeholder="Please enter email">
        <label for="email">phone:</label>
        <input type="text" id="phone" placeholder="Please enter phone">