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 10 <body>
11 11 <!-- NAV BAR -->
12 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 30 </div>
30 31 </div>
31 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 37 </div>
37 38 </div>
38 39 </nav>
39 40  
  41 +
40 42 <!-- TABLE PART -->
41 43 <div class="container">
42 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 15  
16 16 <body>
17 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 35 </div>
35 36 </div>
36 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 42 </div>
42 43 </div>
43 44 </nav>
44 45  
45 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 94 </div>
48 95  
49 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 10 </head>
11 11 <body>
12 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 30 </div>
30 31 </div>
31 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 37 </div>
37 38 </div>
38 39 </nav>
... ...
PFE06/src/main/resources/templates/session.html
  Show/Hide comments   View file @6fbad9c
... ... @@ -15,29 +15,30 @@
15 15  
16 16 <body>
17 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 35 </div>
35 36 </div>
36 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 42 </div>
42 43 </div>
43 44 </nav>
... ...
PFE06/src/main/resources/templates/upload.html
  Show/Hide comments   View file @6fbad9c
... ... @@ -15,29 +15,30 @@
15 15  
16 16 <body>
17 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 35 </div>
35 36 </div>
36 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 42 </div>
42 43 </div>
43 44 </nav>
... ...