Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/update.html 12.7 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}">
65f1240c   sfeutrie   Ajout des groupes... 
13
 
      <title>Update</title>
deabfae9   sfeutrie   ajout d'une class... 
14
15
16
 
  </head>

  

  <body>
deabfae9   sfeutrie   ajout d'une class... 
17
 
      <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 active" th:href="@{/update}">Paramétrer une mise à jour</a>
6fbad9c5   Unknown   Modifications fro... 
31
32
 
                          </div>

                          <div th:remove="tag" th:case="'USER'">
65f1240c   sfeutrie   Ajout des groupes... 
33
 
                              <a class="nav-item nav-link" th:href="@{/update}">Paramétrer une mise à jour</a>
6fbad9c5   Unknown   Modifications fro... 
34
 
                          </div>
f1c88101   sfeutrie   Ergonomie du site 
35
36
37
 
                      </div>

                  </div>

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

          </div>

      </nav>

  

      <div class="container" style="padding-bottom: 50px;">
cb678ccc   Unknown   Changement pour l... 
47
e7370ebe   Antoine Duquenoy   Backend - Configu... 
48
49
 
          <!--
cb678ccc   Unknown   Changement pour l... 
50
51
 
          <div th:remove="tag" th:if="${customerRole} == 'ADMIN'">

              <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Changer la configuration réseau</h1>
65f1240c   sfeutrie   Ajout des groupes... 
52
53
 
              <div class="input-team mb-3">

                  <div class="input-team-prepend">
cb678ccc   Unknown   Changement pour l... 
54
55
56
57
58
59
60
61
 
                      <button id="config_send" class="btn btn-outline-secondary" type="button">Envoyer</button>

                  </div>

                  <div class="custom-file">

                      <input type="file" class="custom-file-input" id="configInputFile">

                      <label id="config_name" class="custom-file-label" for="configInputFile">Choisir un fichier</label>

                  </div>

              </div>
65f1240c   sfeutrie   Ajout des groupes... 
62
 
              <div class="form-team">
cb678ccc   Unknown   Changement pour l... 
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
 
                  <label for="comment">Exemple :</label>

                   <textarea readonly class="form-control" rows="5" id="comment">

  nodes:

      - name: AT-001

        ip: '85.10.201.246'

        arch: ARM

      - name: AT-002

        ip: '85.10.201.247'

        arch: ARM

      - name: AT-003

        ip: '85.10.201.248'

        arch: ARM

                  </textarea>

              </div>

          </div>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
 
          -->

  

          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Paramétrer le réseau</h1>

  

          <div class="input-group mb-3">

              <div class="input-group-prepend">

                  <span class="input-group-text">Nom</span>

              </div>

              <input id="nodeName" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">

          </div>

  

          <div class="input-group mb-3">

              <div class="input-group-prepend">

                  <span class="input-group-text">IP</span>

              </div>

              <input id="nodeIP" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">

          </div>

  

          <div class="input-group mb-3">

              <div class="input-group-prepend">

                  <span class="input-group-text">Architecture</span>

              </div>

              <input id="nodeArch" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">

          </div>

  

          <h3>Capteurs</h3><br/>

  

          <div class="input-group mb-3">

              <div class="input-group-prepend">

                  <span class="input-group-text">Nom</span>

              </div>

              <input id="sensorName" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">

          </div>

  

          <button id="addSensor" type="button" class="btn btn-primary" style="margin-bottom:50px;">Ajouter un capteur</button>

  

          <table id="sensorsTable" class="table" style="margin-bottom:50px;">

          </table>

  

          <button id="addNode" type="button" class="btn btn-success" style="margin-bottom:50px;">Ajouter ce noeud</button>
3fa7d40b   sfeutrie   Changements visuels 
119
 
          <button id="editNode" type="button" class="btn btn-warning" style="margin-bottom:50px;">Appliquer les modifications</button>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
120
 
          <button id="delNode" type="button" class="btn btn-danger" style="margin-bottom:50px;">Supprimer ce noeud</button>
3fa7d40b   sfeutrie   Changements visuels 
121
122
123
 
          <button type="button" class="btn btn-info" data-toggle="modal" data-target="#networkDisplay" style="margin-bottom:50px;">

              Afficher le réseau en création

          </button>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
124
125
126
127
128
129
130
 
  

          <br/>

  

          <button id="prevNode" type="button" class="btn btn-secondary"><</button>

          <button id="allDone" type="button" class="btn btn-primary">Terminer</button>

          <button id="nextNode" type="button" class="btn btn-secondary">></button>
3fa7d40b   sfeutrie   Changements visuels 
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
          <!-- The Modal -->

          <div class="modal fade" id="networkDisplay">

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

                  <div class="modal-content">

                      <!-- Modal Header -->

                      <div class="modal-header">

                          <h4 class="modal-title">Apercu de réseau en création</h4>

                          <button type="button" class="close" data-dismiss="modal">&times;</button>

                      </div>

                      <!-- Modal body -->

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

                      </div>

                      <!-- Modal footer -->

                      <div class="modal-footer">

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

                      </div>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
147
3fa7d40b   sfeutrie   Changements visuels 
148
149
150
 
                  </div>

              </div>

          </div>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
151
f6a02b6c   Unknown   Mise à jour front... 
152
 
          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Relancer une mise à jour</h1>
65f1240c   sfeutrie   Ajout des groupes... 
153
 
          <div class="form-team">
4ca22bac   Unknown   Bouton "Lancer la... 
154
155
 
              <select multiple id="maj_name" class="form-control">

                  <option value="--">--</option>
65f1240c   sfeutrie   Ajout des groupes... 
156
 
                  <option th:each="update : ${customerMaj}" th:value="${update.getUpdate()}" th:utext="${update.getUpdate()}"/>
f6a02b6c   Unknown   Mise à jour front... 
157
 
              </select>
f6a02b6c   Unknown   Mise à jour front... 
158
159
 
              <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... 
160
 
          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Créer une mise à jour</h1>
cb678ccc   Unknown   Changement pour l... 
161
deabfae9   sfeutrie   ajout d'une class... 
162
163
164
165
166
167
 
          <table id="nodes-table" class="table table-striped table-bordered dt-responsive nowrap">

              <thead>

              <tr>

                  <th>Nom</th>

                  <th>IP</th>

                  <th>Architecture</th>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
168
 
                  <th>Capteur</th>
deabfae9   sfeutrie   ajout d'une class... 
169
170
171
 
              </tr>

              </thead>

              <tbody>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
172
173
174
175
176
177
178
179
 
              <div th:each="node : ${nodes}">

                  <tr th:each="sensor : ${node.getSensors()}">

                      <td th:text="${node.getName()}">name</td>

                      <td th:text="${node.getIp()}">ip</td>

                      <td th:text="${node.getArch()}">arch</td>

                      <td th:text="${sensor.getName()}">sensor</td>

                  </tr>

              </div>
deabfae9   sfeutrie   ajout d'une class... 
180
181
 
              </tbody>

          </table>
65f1240c   sfeutrie   Ajout des groupes... 
182
183
 
          <div class="form-team">

              <input type="text" class="form-control" id="majName" placeholder="Nom de la update" name="update" style="margin-top:20px;">
deabfae9   sfeutrie   ajout d'une class... 
184
 
          </div>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
185
 
          <br/>
65f1240c   sfeutrie   Ajout des groupes... 
186
 
          <div class="form-team">
f6a02b6c   Unknown   Mise à jour front... 
187
 
              <input type="date" class="form-control" id="majDate" placeholder="Date de la mise à jour" name="date">
deabfae9   sfeutrie   ajout d'une class... 
188
 
          </div>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
189
 
          <br/>
2df8b522   Unknown   Choix du fichier ... 
190
 
          <select multiple class="form-control" style="margin-bottom:20px;" id="file_choice">
4ca22bac   Unknown   Bouton "Lancer la... 
191
 
              <option value="--">--</option>
2df8b522   Unknown   Choix du fichier ... 
192
193
 
              <option th:each="file : ${customerFiles}" th:value="${file}" th:utext="${file}"/>

          </select>
f6a02b6c   Unknown   Mise à jour front... 
194
195
 
          <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... 
196
 
      </div>
f6a02b6c   Unknown   Mise à jour front... 
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
 
  

      <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>
e7370ebe   Antoine Duquenoy   Backend - Configu... 
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
 
      <div class="modal fade" id="warningConf" 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">

                      Certains champs sont vides !

                  </div>

                  <div class="modal-footer">

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

                  </div>

              </div>

          </div>

      </div>

  

      <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/update.js}"></script>

      <script th:src="@{/js/nodes.js}"></script>
deabfae9   sfeutrie   ajout d'une class... 
246
247
 
  </body>

  </html>