Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/home.html 6.62 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
 
          <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>
65f1240c   sfeutrie   Ajout des groupes... 
30
 
                              <a class="nav-item nav-link" th:href="@{/update}">Paramétrer une mise à jour</a>
a0f630f2   sfeutrie   Il est désormais ... 
31
 
                              <a class="nav-item nav-link" th:href="@{/history}">Etat du réseau</a>
6fbad9c5   Unknown   Modifications fro... 
32
33
 
                          </div>

                          <div th:remove="tag" th:case="'USER'">
65f1240c   sfeutrie   Ajout des groupes... 
34
 
                              <a class="nav-item nav-link" th:href="@{/update}">Paramétrer une mise à jour</a>
a0f630f2   sfeutrie   Il est désormais ... 
35
 
                              <a class="nav-item nav-link" th:href="@{/history}">Etat du réseau</a>
6fbad9c5   Unknown   Modifications fro... 
36
 
                          </div>
f1c88101   sfeutrie   Ergonomie du site 
37
 
                      </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
38
 
                  </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
39
 
              </div>
6fbad9c5   Unknown   Modifications fro... 
40
41
42
43
 
              <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... 
44
 
              </div>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
45
 
          </div>
f1c88101   sfeutrie   Ergonomie du site 
46
 
      </nav>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
47
f1c88101   sfeutrie   Ergonomie du site 
48
 
      <div class="container" style="padding-bottom: 50px;">
6fbad9c5   Unknown   Modifications fro... 
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
 
          <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">
65f1240c   sfeutrie   Ajout des groupes... 
85
 
                  <a th:href="@{/update}" style="text-decoration: none; color: #000;">
6fbad9c5   Unknown   Modifications fro... 
86
87
88
89
90
91
92
93
94
95
 
                      <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... 
96
 
      </div>
f1c88101   sfeutrie   Ergonomie du site 
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>
f1c88101   sfeutrie   Ergonomie du site 
105
 
  </body>
66a8b43c   Antoine Duquenoy   Intégration du fr... 
106
 
  </html>