Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/session.html 7.08 KB
Edit Raw Normal View History
deabfae9   sfeutrie   ajout d'une class... 
1
2
3
4
 
  <!DOCTYPE html>

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

  <html lang="en">

  <head>
deabfae9   sfeutrie   ajout d'une class... 
5
6
7
8
 
      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
deabfae9   sfeutrie   ajout d'une class... 
9
10
11
 
      <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">

      <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}">
deabfae9   sfeutrie   ajout d'une class... 
13
14
15
16
 
      <title>Session</title>

  </head>

  

  <body>
deabfae9   sfeutrie   ajout d'une class... 
17
18
19
20
21
22
 
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

          <span class="navbar-brand"> ID : <span th:text="${customerName}" th:remove="tag">Documentations</span></span>

          <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">
f1c88101   sfeutrie   Ergonomie du site 
23
24
25
26
27
28
29
30
 
              <div class="navbar-nav mr-auto">

                  <a class="nav-item nav-link" th:href="@{/home}">Accueil</a>

                  <a class="nav-item nav-link" th:href="@{/upload}">Gestion des noeuds</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}">Listes des utilisateurs</a>

                          <a class="nav-item nav-link active" th:href="@{/session}">Paramétrer une mise à jour</a>
deabfae9   sfeutrie   ajout d'une class... 
31
 
                      </div>
f1c88101   sfeutrie   Ergonomie du site 
32
33
34
35
36
37
38
39
40
 
                      <div th:remove="tag" th:case="'USER'">

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

                      </div>

                  </div>

              </div>

          </div>

          <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>
deabfae9   sfeutrie   ajout d'une class... 
41
42
43
44
45
 
              </div>

          </div>

      </nav>

  

      <div class="container" style="padding-bottom: 50px;">
f6a02b6c   Unknown   Mise à jour front... 
46
 
          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Relancer une mise à jour</h1>
f6a02b6c   Unknown   Mise à jour front... 
47
 
          <div class="form-group">
f6a02b6c   Unknown   Mise à jour front... 
48
49
50
51
 
              <select multiple class="form-control">

                  <option value="">--</option>

                  <option th:each="maj : ${customerMaj}" th:value="${maj.getMaj_id()}" th:utext="${maj.getMaj()}"/>

              </select>
f6a02b6c   Unknown   Mise à jour front... 
52
53
 
              <button id="start_maj" type="submit" class="btn btn-primary" style="margin-top:20px;">Lancer la mise à jour</button>

          </div>
f6a02b6c   Unknown   Mise à jour front... 
54
 
          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Créer une mise à jour</h1>
deabfae9   sfeutrie   ajout d'une class... 
55
56
57
58
59
60
61
62
63
64
 
          <table id="nodes-table" class="table table-striped table-bordered dt-responsive nowrap">

              <thead>

              <tr>

                  <th>Nom</th>

                  <th>IP</th>

                  <th>Architecture</th>

              </tr>

              </thead>

              <tbody>

              <tr>
f6a02b6c   Unknown   Mise à jour front... 
65
66
67
 
                  <td>AT-001</td>

                  <td>85.10.201.246</td>

                  <td>ARM</td>
deabfae9   sfeutrie   ajout d'une class... 
68
69
 
              </tr>

              <tr>
f6a02b6c   Unknown   Mise à jour front... 
70
71
72
 
                  <td>AT-002</td>

                  <td>85.10.201.245</td>

                  <td>ARM</td>
deabfae9   sfeutrie   ajout d'une class... 
73
74
 
              </tr>

              <tr>
f6a02b6c   Unknown   Mise à jour front... 
75
76
77
 
                  <td>AT-003</td>

                  <td>85.10.201.244</td>

                  <td>ARM</td>
deabfae9   sfeutrie   ajout d'une class... 
78
79
 
              </tr>

              <tr>
f6a02b6c   Unknown   Mise à jour front... 
80
81
82
 
                  <td>ST-002</td>

                  <td>85.10.201.243</td>

                  <td>ARM</td>
deabfae9   sfeutrie   ajout d'une class... 
83
84
85
86
 
              </tr>

              </tbody>

          </table>

          <div class="form-group">
2df8b522   Unknown   Choix du fichier ... 
87
 
              <input type="text" class="form-control" id="majName" placeholder="Nom de la maj" name="maj" style="margin-top:20px;">
deabfae9   sfeutrie   ajout d'une class... 
88
89
 
          </div>

          <div class="form-group">
f6a02b6c   Unknown   Mise à jour front... 
90
 
              <input type="date" class="form-control" id="majDate" placeholder="Date de la mise à jour" name="date">
deabfae9   sfeutrie   ajout d'une class... 
91
 
          </div>
2df8b522   Unknown   Choix du fichier ... 
92
93
94
95
 
          <select multiple class="form-control" style="margin-bottom:20px;" id="file_choice">

              <option value="">--</option>

              <option th:each="file : ${customerFiles}" th:value="${file}" th:utext="${file}"/>

          </select>
f6a02b6c   Unknown   Mise à jour front... 
96
97
 
          <button id="save_maj" type="submit" class="btn btn-primary">Sauvegarder la mise à jour</button>

          <button id="run_maj" type="submit" class="btn btn-primary">Lancer la mise à jour</button>
deabfae9   sfeutrie   ajout d'une class... 
98
 
      </div>
f6a02b6c   Unknown   Mise à jour front... 
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
 
  

      <div class="modal fade" id="warningFilesNumber" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

          <div class="modal-dialog modal-dialog-centered" role="document">

              <div class="modal-content">

                  <div class="modal-header">

                      <h5 class="modal-title" id="modal-title">Attention</h5>

                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                          <span aria-hidden="true">&times;</span>

                      </button>

                  </div>

                  <div id="modal-content" class="modal-body">

                      Veuillez choisir un ou plusieurs noeuds dans le tableau

                  </div>

                  <div class="modal-footer">

                      <button id="modal-button" type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>

                  </div>

              </div>

          </div>

      </div>
deabfae9   sfeutrie   ajout d'une class... 
119
120
121
122
123
124
125
 
  <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>
f6a02b6c   Unknown   Mise à jour front... 
126
 
  <script th:src="@{/js/session.js}"></script>
deabfae9   sfeutrie   ajout d'une class... 
127
128
 
  </body>

  </html>