Skip to content
Snippets Groups Projects
Select Git revision
  • 9ce38a36a11626788cc5ecefa6690b9723b42c3f
  • main default
  • xiemuqingxiao
  • YiboDevops
  • zhichengxu
  • sunhaoyu
  • afterTestgood
  • Xiemuqing-Xiao
  • 70-as-an-admin-i-want-to-through-a-table-to-update-new-user-so-that-admin-can-update-user
  • 73-as-a-user-i-want-ranking-can-be-update-by-match-so-that-i-can-see-the-ranking-for-real-time
  • 60-as-a-user-i-want-to-view-and-edit-my-personal-information-on-my-profile-page-so-that-i-can
  • 61-as-a-user-i-want-to-view-and-edit-my-personal-information-on-my-profile-page-so-that-i-can-2
  • 71-as-an-administrator-i-want-to-generate-the-matches-automatically-so-that-players-are-divided-by
  • 72-as-a-user-i-want-to-have-a-page-to-upload-and-share-photos-so-that-another-user-can-see-my
  • 64-as-an-admin-i-want-to-through-a-table-to-add-new-user-so-that-admin-can-give-user-a-new-account
  • 28-registration-feature
  • 71-user-management
  • 70-user-role
  • 71_Xiao
  • 64-as-an-admin-i-want-to-through-a-table-to-add-new-user-so-that-admin-can-give-user-a-new-account-2
  • revert-9d830250
21 results

variables.tf

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">
            <input type="text" id="status" style="display: none">
            <input type="text" id="id" style="display: none">
        </form>
        <button type="button" onclick="submitForm()" style="margin-right: 170px;margin-left: 20px">submit</button>
        <button type="button" onclick="location.reload()">Cancel</button>
    </div>
    
    
    <div id="overlay_add"></div>
    <div id="formContainer_add">
        <form id="dynamicForm_add">
            <label for="addName">Name:</label>
            <input type="text" id="addName" placeholder="Please enter your username">
            <label for="addPassword">Password:</label>
            <input type="password" id="addPassword" placeholder="Please enter your password">
            <label for="addEmail">Email:</label>
            <input type="email" id="addEmail" placeholder="Please enter email">
            <label for="addPhone">Phone:</label>
            <input type="text" id="addPhone" placeholder="Please enter phone">
        </form>
        <button type="button" id="addAdmin" style="margin-right: 170px;margin-left: 20px">Submit</button>
        <button type="button" onclick="location.reload()">Cancel</button>
    </div>
    <div>
        <select id="page-size">
            <option value="">items per page</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="15">15</option>
        </select>
    </div>
    <script src="/js/mainSupAdminView.js"></script>
    </body>
    </html>