Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Commit 6fbad9c58281348b7c696306df882fedf879b2c4

Authored by Unknown
1 parent a13d6d0f

Modifications front-end 

* Changement du header (logo)
* Page d'accueil
Showing 6 changed files with 153 additions and 101 deletions   Show diff stats
Inline Side-by-side
PFE06/src/main/resources/static/pfelogo.png 0 → 100644
View file @6fbad9c

29.3 KB
PFE06/src/main/resources/templates/all.html
  Show/Hide comments   View file @6fbad9c
@@ -10,33 +10,35 @@ @@ -10,33 +10,35 @@
10 <body> 10 <body>
11 <!-- NAV BAR --> 11 <!-- NAV BAR -->
12 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 12 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
13 - <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>  
14 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">  
15 - <span class="navbar-toggler-icon"></span>  
16 - </button>  
17 - <div class="collapse navbar-collapse" id="navbarNavAltMarkup">  
18 - <div class="navbar-nav mr-auto">  
19 - <a class="nav-item nav-link" th:href="@{/home}">Accueil</a>  
20 - <a class="nav-item nav-link" th:href="@{/upload}">Gestion des noeuds</a>  
21 - <div th:remove="tag" th:switch="${customerRole}">  
22 - <div th:remove="tag" th:case="'ADMIN'">  
23 - <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>  
24 - <a class="nav-item nav-link active" th:href="@{/all}">Listes des utilisateurs</a>  
25 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>  
26 - </div>  
27 - <div th:remove="tag" th:case="'USER'">  
28 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a> 13 + <div class="container">
  14 + <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>
  15 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  16 + <span class="navbar-toggler-icon"></span>
  17 + </button>
  18 + <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  19 + <div class="navbar-nav mr-auto">
  20 + <a class="nav-item nav-link" th:href="@{/upload}">Uploader un fichier</a>
  21 + <div th:remove="tag" th:switch="${customerRole}">
  22 + <div th:remove="tag" th:case="'ADMIN'">
  23 + <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>
  24 + <a class="nav-item nav-link active" th:href="@{/all}">Liste des utilisateurs</a>
  25 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  26 + </div>
  27 + <div th:remove="tag" th:case="'USER'">
  28 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  29 + </div>
29 </div> 30 </div>
30 </div> 31 </div>
31 </div> 32 </div>
32 - </div>  
33 - <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >  
34 - <div class="navbar-nav ml-auto">  
35 - <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a> 33 + <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >
  34 + <div class="navbar-nav ml-auto">
  35 + <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>
  36 + </div>
36 </div> 37 </div>
37 </div> 38 </div>
38 </nav> 39 </nav>
39 40
  41 +
40 <!-- TABLE PART --> 42 <!-- TABLE PART -->
41 <div class="container"> 43 <div class="container">
42 <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Liste des utilisateurs</h1> 44 <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Liste des utilisateurs</h1>
PFE06/src/main/resources/templates/home.html
  Show/Hide comments   View file @6fbad9c
@@ -15,35 +15,82 @@ @@ -15,35 +15,82 @@
15 15
16 <body> 16 <body>
17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
18 - <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>  
19 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">  
20 - <span class="navbar-toggler-icon"></span>  
21 - </button>  
22 - <div class="collapse navbar-collapse" id="navbarNavAltMarkup">  
23 - <div class="navbar-nav mr-auto">  
24 - <a class="nav-item nav-link active" th:href="@{/home}">Accueil</a>  
25 - <a class="nav-item nav-link" th:href="@{/upload}">Gestion des noeuds</a>  
26 - <div th:remove="tag" th:switch="${customerRole}">  
27 - <div th:remove="tag" th:case="'ADMIN'">  
28 - <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>  
29 - <a class="nav-item nav-link" th:href="@{/all}">Listes des utilisateurs</a>  
30 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>  
31 - </div>  
32 - <div th:remove="tag" th:case="'USER'">  
33 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a> 18 + <div class="container">
  19 + <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>
  20 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  21 + <span class="navbar-toggler-icon"></span>
  22 + </button>
  23 + <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  24 + <div class="navbar-nav mr-auto">
  25 + <a class="nav-item nav-link" th:href="@{/upload}">Uploader un fichier</a>
  26 + <div th:remove="tag" th:switch="${customerRole}">
  27 + <div th:remove="tag" th:case="'ADMIN'">
  28 + <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>
  29 + <a class="nav-item nav-link" th:href="@{/all}">Liste des utilisateurs</a>
  30 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  31 + </div>
  32 + <div th:remove="tag" th:case="'USER'">
  33 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  34 + </div>
34 </div> 35 </div>
35 </div> 36 </div>
36 </div> 37 </div>
37 - </div>  
38 - <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >  
39 - <div class="navbar-nav ml-auto">  
40 - <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a> 38 + <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >
  39 + <div class="navbar-nav ml-auto">
  40 + <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>
  41 + </div>
41 </div> 42 </div>
42 </div> 43 </div>
43 </nav> 44 </nav>
44 45
45 <div class="container" style="padding-bottom: 50px;"> 46 <div class="container" style="padding-bottom: 50px;">
46 - <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Accueil</h1> 47 + <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>
  48 +
  49 + <div class="row">
  50 + <div class="col-sm-6">
  51 + <a th:href="@{/upload}" style="text-decoration: none; color: #000;">
  52 + <div class="card border-success" style="margin:20px;">
  53 + <div class="card-body">
  54 + <h5 class="card-title">Uploader un fichier</h5>
  55 + <p class="card-text">Page permettant d'uploader un fichier sur le serveur. Les fichiers sont propres à chaque utilisateur.</p>
  56 + </div>
  57 + </div>
  58 + </a>
  59 + </div>
  60 + <div th:remove="tag" th:if="${customerRole} == 'ADMIN'">
  61 + <div class="col-sm-6">
  62 + <a th:href="@{/registration}" style="text-decoration: none; color: #000;">
  63 + <div class="card border-danger" style="margin:20px;">
  64 + <div class="card-body">
  65 + <h5 class="card-title">Enregistrer des utilisateurs</h5>
  66 + <p class="card-text">Les administrateurs peuvent ajouter des utilisateurs (ADMIN ou USER) depuis cette page.</p>
  67 + </div>
  68 + </div>
  69 + </a>
  70 + </div>
  71 + <div class="col-sm-6">
  72 + <a th:href="@{/all}" style="text-decoration: none; color: #000;">
  73 + <div class="card border-warning" style="margin:20px;">
  74 + <div class="card-body">
  75 + <h5 class="card-title">Liste des utilisateurs</h5>
  76 + <p class="card-text">Cette page afficher la liste des utilisateurs ainsi que leur rôle dans un tableau.</p>
  77 + </div>
  78 + </div>
  79 + </a>
  80 + </div>
  81 + </div>
  82 + <div class="col-sm-6">
  83 + <a th:href="@{/session}" style="text-decoration: none; color: #000;">
  84 + <div class="card border-info" style="margin:20px;">
  85 + <div class="card-body">
  86 + <h5 class="card-title">Paramétrer une mise à jour</h5>
  87 + <p class="card-text">Cette page permet d'effectuer et de sauvegarder des mises à jour à déployer sur une sélection de noeuds.</p>
  88 + </div>
  89 + </div>
  90 + </a>
  91 + </div>
  92 + </div>
  93 +
47 </div> 94 </div>
48 95
49 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 96 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
PFE06/src/main/resources/templates/registration.html
  Show/Hide comments   View file @6fbad9c
@@ -10,29 +10,30 @@ @@ -10,29 +10,30 @@
10 </head> 10 </head>
11 <body> 11 <body>
12 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 12 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
13 - <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>  
14 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">  
15 - <span class="navbar-toggler-icon"></span>  
16 - </button>  
17 - <div class="collapse navbar-collapse" id="navbarNavAltMarkup">  
18 - <div class="navbar-nav mr-auto">  
19 - <a class="nav-item nav-link" th:href="@{/home}">Accueil</a>  
20 - <a class="nav-item nav-link" th:href="@{/upload}">Gestion des noeuds</a>  
21 - <div th:remove="tag" th:switch="${customerRole}">  
22 - <div th:remove="tag" th:case="'ADMIN'">  
23 - <a class="nav-item nav-link active" th:href="@{/registration}">Enregistrer des utilisateurs</a>  
24 - <a class="nav-item nav-link" th:href="@{/all}">Listes des utilisateurs</a>  
25 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>  
26 - </div>  
27 - <div th:remove="tag" th:case="'USER'">  
28 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a> 13 + <div class="container">
  14 + <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>
  15 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  16 + <span class="navbar-toggler-icon"></span>
  17 + </button>
  18 + <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  19 + <div class="navbar-nav mr-auto">
  20 + <a class="nav-item nav-link" th:href="@{/upload}">Uploader un fichier</a>
  21 + <div th:remove="tag" th:switch="${customerRole}">
  22 + <div th:remove="tag" th:case="'ADMIN'">
  23 + <a class="nav-item nav-link active" th:href="@{/registration}">Enregistrer des utilisateurs</a>
  24 + <a class="nav-item nav-link" th:href="@{/all}">Liste des utilisateurs</a>
  25 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  26 + </div>
  27 + <div th:remove="tag" th:case="'USER'">
  28 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  29 + </div>
29 </div> 30 </div>
30 </div> 31 </div>
31 </div> 32 </div>
32 - </div>  
33 - <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >  
34 - <div class="navbar-nav ml-auto">  
35 - <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a> 33 + <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >
  34 + <div class="navbar-nav ml-auto">
  35 + <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>
  36 + </div>
36 </div> 37 </div>
37 </div> 38 </div>
38 </nav> 39 </nav>
PFE06/src/main/resources/templates/session.html
  Show/Hide comments   View file @6fbad9c
@@ -15,29 +15,30 @@ @@ -15,29 +15,30 @@
15 15
16 <body> 16 <body>
17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
18 - <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>  
19 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">  
20 - <span class="navbar-toggler-icon"></span>  
21 - </button>  
22 - <div class="collapse navbar-collapse" id="navbarNavAltMarkup">  
23 - <div class="navbar-nav mr-auto">  
24 - <a class="nav-item nav-link" th:href="@{/home}">Accueil</a>  
25 - <a class="nav-item nav-link" th:href="@{/upload}">Gestion des noeuds</a>  
26 - <div th:remove="tag" th:switch="${customerRole}">  
27 - <div th:remove="tag" th:case="'ADMIN'">  
28 - <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>  
29 - <a class="nav-item nav-link" th:href="@{/all}">Listes des utilisateurs</a>  
30 - <a class="nav-item nav-link active" th:href="@{/session}">Paramétrer une mise à jour</a>  
31 - </div>  
32 - <div th:remove="tag" th:case="'USER'">  
33 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a> 18 + <div class="container">
  19 + <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>
  20 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  21 + <span class="navbar-toggler-icon"></span>
  22 + </button>
  23 + <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  24 + <div class="navbar-nav mr-auto">
  25 + <a class="nav-item nav-link" th:href="@{/upload}">Uploader un fichier</a>
  26 + <div th:remove="tag" th:switch="${customerRole}">
  27 + <div th:remove="tag" th:case="'ADMIN'">
  28 + <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>
  29 + <a class="nav-item nav-link" th:href="@{/all}">Liste des utilisateurs</a>
  30 + <a class="nav-item nav-link active" th:href="@{/session}">Paramétrer une mise à jour</a>
  31 + </div>
  32 + <div th:remove="tag" th:case="'USER'">
  33 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  34 + </div>
34 </div> 35 </div>
35 </div> 36 </div>
36 </div> 37 </div>
37 - </div>  
38 - <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >  
39 - <div class="navbar-nav ml-auto">  
40 - <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a> 38 + <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >
  39 + <div class="navbar-nav ml-auto">
  40 + <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>
  41 + </div>
41 </div> 42 </div>
42 </div> 43 </div>
43 </nav> 44 </nav>
PFE06/src/main/resources/templates/upload.html
  Show/Hide comments   View file @6fbad9c
@@ -15,29 +15,30 @@ @@ -15,29 +15,30 @@
15 15
16 <body> 16 <body>
17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 17 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
18 - <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>  
19 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">  
20 - <span class="navbar-toggler-icon"></span>  
21 - </button>  
22 - <div class="collapse navbar-collapse" id="navbarNavAltMarkup">  
23 - <div class="navbar-nav mr-auto">  
24 - <a class="nav-item nav-link" th:href="@{/home}">Accueil</a>  
25 - <a class="nav-item nav-link active" th:href="@{/upload}">Gestion des noeuds</a>  
26 - <div th:remove="tag" th:switch="${customerRole}">  
27 - <div th:remove="tag" th:case="'ADMIN'">  
28 - <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>  
29 - <a class="nav-item nav-link" th:href="@{/all}">Listes des utilisateurs</a>  
30 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>  
31 - </div>  
32 - <div th:remove="tag" th:case="'USER'">  
33 - <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a> 18 + <div class="container">
  19 + <a th:href="@{/home}"><span class="navbar-brand"><img style="max-width:32px;" src="/pfelogo.png"></span></a>
  20 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  21 + <span class="navbar-toggler-icon"></span>
  22 + </button>
  23 + <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  24 + <div class="navbar-nav mr-auto">
  25 + <a class="nav-item nav-link active" th:href="@{/upload}">Uploader un fichier</a>
  26 + <div th:remove="tag" th:switch="${customerRole}">
  27 + <div th:remove="tag" th:case="'ADMIN'">
  28 + <a class="nav-item nav-link" th:href="@{/registration}">Enregistrer des utilisateurs</a>
  29 + <a class="nav-item nav-link" th:href="@{/all}">Liste des utilisateurs</a>
  30 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  31 + </div>
  32 + <div th:remove="tag" th:case="'USER'">
  33 + <a class="nav-item nav-link" th:href="@{/session}">Paramétrer une mise à jour</a>
  34 + </div>
34 </div> 35 </div>
35 </div> 36 </div>
36 </div> 37 </div>
37 - </div>  
38 - <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >  
39 - <div class="navbar-nav ml-auto">  
40 - <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a> 38 + <div class="collapse navbar-collapse ml-3" id="navbarNavAltMarkup2" >
  39 + <div class="navbar-nav ml-auto">
  40 + <a class="nav-item nav-link btn btn-danger active" th:href="@{/logout}">Déconnexion</a>
  41 + </div>
41 </div> 42 </div>
42 </div> 43 </div>
43 </nav> 44 </nav>