Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/all.html 3.34 KB
Edit Raw Normal View History
115e3f68   sfeutrie   amélioration du f... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
  <!DOCTYPE html>
  <html xmlns:th="http://www.thymeleaf.org">
  <head>
  
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
      <link rel="stylesheet" th:href="@{/css/all.css}">
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  
      <title>Listes des utilisateurs dans la base de donnée</title>
  </head>
  <body>
  
  <div id="app">
      <!-- NAV BAR -->
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
e23a6c00   Antoine Duquenoy   UI : modification... 
18
 
          <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>
115e3f68   sfeutrie   amélioration du f... 
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
51
52
53
54
55
56
57
58
59
60
61
62
63
 
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
              <div class="navbar-nav">
                  <a class="nav-item nav-link" th:href="@{/home}">Gestion des noeuds</a>
                  <a class="nav-item nav-link" th:href="@{/logout}">Déconnexion</a>
                  <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Options</a>
                      <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                          <div th:switch="${customerRole}">
                              <div th:case="'ADMIN'">
                                  <a class="dropdown-item" th:href="@{/registration}">Enregistrer des utilisateurs</a>
                                  <a class="dropdown-item active" th:href="@{/all}">Listes des utilisateurs</a></div>
                              <div th:case="'USER'"></div>
                          </div>
                          <a class="dropdown-item" href="#">A ajouter...</a>
                      </div>
                  </li>
                  <a class="nav-item nav-link disabled" href="#">Documentations</a>
              </div>
          </div>
      </nav>
  
      <!-- TABLE PART -->
      <table class="table">
          <tr>
              <th scope="col">Pseudo</th>
              <th scope="col">Role</th>
              <th scope="col">Id</th>
          </tr>
          <tr th:each="prod : ${list}">
              <td th:text="${prod.pseudo}">pseudo</td>
              <td th:text="${prod.getRole()}">role</td>
              <td th:text="${prod.customer_id}">id</td>
          </tr>
      </table>
  </div>
  
  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
  </html>