Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/home.html 6.48 KB
Edit Raw Normal View History
66a8b43c   Antoine Duquenoy   Intégration du fr... 
1
2
3
 
  <!DOCTYPE html>

  <html xmlns:th="http://www.thymeleaf.org">

  <html lang="en">
f1c88101   sfeutrie   Ergonomie du site 
4
 
  <head>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
5
6
 
      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
66a8b43c   Antoine Duquenoy   Intégration du fr... 
7
 
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
115e3f68   sfeutrie   amélioration du f... 
8
 
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
66a8b43c   Antoine Duquenoy   Intégration du fr... 
9
10
 
      <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">

      <link rel="stylesheet" href="https://cdn.datatables.net/select/1.2.7/css/select.dataTables.min.css">
e23a6c00   Antoine Duquenoy   UI : modification... 
11
 
      <link rem="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
f1c88101   sfeutrie   Ergonomie du site 
12
 
      <link rel="stylesheet" th:href="@{/css/upload.css}">
66a8b43c   Antoine Duquenoy   Intégration du fr... 
13
 
      <title>Accueil</title>
f1c88101   sfeutrie   Ergonomie du site 
14
 
  </head>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
15
f1c88101   sfeutrie   Ergonomie du site 
16
17
 
  <body>

      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
6fbad9c5   Unknown   Modifications fro... 
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
          <div class="container">

              <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>

              <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 mr-auto">

                      <a class="nav-item nav-link" th:href="@{/upload}">Uploader un fichier</a>

                      <div th:remove="tag" th:switch="${customerRole}">

                          <div th:remove="tag" th:case="'ADMIN'">

                              <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>

                              <a class="nav-item nav-link" th:href="@{/all}">Liste des utilisateurs</a>

                              <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>

                          </div>

                          <div th:remove="tag" th:case="'USER'">

                              <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>

                          </div>
f1c88101   sfeutrie   Ergonomie du site 
35
 
                      </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
36
 
                  </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
37
 
              </div>
6fbad9c5   Unknown   Modifications fro... 
38
39
40
41
 
              <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >

                  <div class="navbar-nav ml-auto">

                      <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>

                  </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
42
 
              </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
43
 
          </div>
f1c88101   sfeutrie   Ergonomie du site 
44
 
      </nav>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
45
f1c88101   sfeutrie   Ergonomie du site 
46
 
      <div class="container" style="padding-bottom: 50px;">
6fbad9c5   Unknown   Modifications fro... 
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Bienvenue <span th:text="${customerName}" th:remove="tag"></h1>

  

          <div class="row">

              <div class="col-sm-6">

                  <a th:href="@{/upload}" style="text-decoration: none; color: #000;">

                      <div class="card border-success" style="margin:20px;">

                          <div class="card-body">

                              <h5 class="card-title">Uploader un fichier</h5>

                              <p class="card-text">Page permettant d'uploader un fichier sur le serveur. Les fichiers sont propres à chaque utilisateur.</p>

                          </div>

                      </div>

                  </a>

              </div>

              <div th:remove="tag" th:if="${customerRole} == 'ADMIN'">

                  <div class="col-sm-6">

                      <a th:href="@{/registration}" style="text-decoration: none; color: #000;">

                          <div class="card border-danger" style="margin:20px;">

                              <div class="card-body">

                                  <h5 class="card-title">Enregistrer des utilisateurs</h5>

                                  <p class="card-text">Les administrateurs peuvent ajouter des utilisateurs (ADMIN ou USER) depuis cette page.</p>

                              </div>

                          </div>

                      </a>

                  </div>

                  <div class="col-sm-6">

                      <a th:href="@{/all}" style="text-decoration: none; color: #000;">

                          <div class="card border-warning" style="margin:20px;">

                              <div class="card-body">

                                  <h5 class="card-title">Liste des utilisateurs</h5>

                                  <p class="card-text">Cette page afficher la liste des utilisateurs ainsi que leur rôle dans un tableau.</p>

                              </div>

                          </div>

                      </a>

                  </div>

              </div>

              <div class="col-sm-6">

                  <a th:href="@{/session}" style="text-decoration: none; color: #000;">

                      <div class="card border-info" style="margin:20px;">

                          <div class="card-body">

                              <h5 class="card-title">Paramétrer une mise à jour</h5>

                              <p class="card-text">Cette page permet d'effectuer et de sauvegarder des mises à jour à déployer sur une sélection de noeuds.</p>

                          </div>

                      </div>

                  </a>

              </div>

          </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
94
 
      </div>
f1c88101   sfeutrie   Ergonomie du site 
95
96
97
98
99
100
101
102
103
104
 
  

  <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://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

  <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" charset="utf-8"></script>

  <script src="https://cdn.datatables.net/select/1.2.7/js/dataTables.select.min.js" charset="utf-8"></script>

  <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js" charset="utf-8"></script>

  <script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js" charset="utf-8"></script>

  <script th:src="@{/js/upload.js}"></script>

  </body>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
105
 
  </html>