Antoine Duquenoy / PFE_IMA5_2018_2019_P06

Blame view

PFE06/src/main/resources/templates/session.html 8.01 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
 
      <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
30
31
32
33
34
 
          <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>

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

                          </div>

                          <div th:remove="tag" th:case="'USER'">

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

                          </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
48
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
 
  

          <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>

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

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

                      <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>

  

              <div class="form-group">

                  <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>
f6a02b6c   Unknown   Mise à jour front... 
77
 
          <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... 
78
 
          <div class="form-group">
4ca22bac   Unknown   Bouton "Lancer la... 
79
80
81
 
              <select multiple id="maj_name" class="form-control">

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

                  <option th:each="maj : ${customerMaj}" th:value="${maj.getMaj()}" th:utext="${maj.getMaj()}"/>
f6a02b6c   Unknown   Mise à jour front... 
82
 
              </select>
f6a02b6c   Unknown   Mise à jour front... 
83
84
 
              <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... 
85
 
          <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... 
86
deabfae9   sfeutrie   ajout d'une class... 
87
88
89
90
91
92
93
94
95
 
          <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>
a13d6d0f   Unknown   Fichier de config... 
96
97
98
99
 
              <tr th:each="node : ${nodes}">

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

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

                  <td th:text="${node.getArch()}">arch</td>
deabfae9   sfeutrie   ajout d'une class... 
100
101
102
103
 
              </tr>

              </tbody>

          </table>

          <div class="form-group">
2df8b522   Unknown   Choix du fichier ... 
104
 
              <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... 
105
106
 
          </div>

          <div class="form-group">
f6a02b6c   Unknown   Mise à jour front... 
107
 
              <input type="date" class="form-control" id="majDate" placeholder="Date de la mise à jour" name="date">
deabfae9   sfeutrie   ajout d'une class... 
108
 
          </div>
2df8b522   Unknown   Choix du fichier ... 
109
 
          <select multiple class="form-control" style="margin-bottom:20px;" id="file_choice">
4ca22bac   Unknown   Bouton "Lancer la... 
110
 
              <option value="--">--</option>
2df8b522   Unknown   Choix du fichier ... 
111
112
 
              <option th:each="file : ${customerFiles}" th:value="${file}" th:utext="${file}"/>

          </select>
f6a02b6c   Unknown   Mise à jour front... 
113
114
 
          <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... 
115
 
      </div>
f6a02b6c   Unknown   Mise à jour front... 
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
 
  

      <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... 
136
137
138
139
140
141
142
 
  <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... 
143
 
  <script th:src="@{/js/session.js}"></script>
deabfae9   sfeutrie   ajout d'une class... 
144
145
 
  </body>

  </html>