Blame view

PFE06/src/main/resources/templates/upload.html 5.67 KB
f1c88101   sfeutrie   Ergonomie du site
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  <!DOCTYPE html>

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

  <html lang="en">

  <head>

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

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

      <link rel="stylesheet" th:href="@{/css/upload.css}">

      <title>Accueil</title>

  </head>

  

  <body>

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

8134d85a   sfeutrie   Affichage des des...
29
30
31
32
                              <a class="nav-item nav-link" th:href="@{/all}">Base utilisateur</a>

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

                              <a class="nav-item nav-link" th:href="@{/history}">Réseau</a>

                              <a class="nav-item nav-link" th:href="@{/result}">Résultats</a>

6fbad9c5   Unknown   Modifications fro...
33
34
                          </div>

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

8134d85a   sfeutrie   Affichage des des...
35
36
37
                              <a class="nav-item nav-link" th:href="@{/update}">Experimentations</a>

                              <a class="nav-item nav-link" th:href="@{/history}">Réseau</a>

                              <a class="nav-item nav-link" th:href="@{/result}">Résultats</a>

6fbad9c5   Unknown   Modifications fro...
38
                          </div>

f1c88101   sfeutrie   Ergonomie du site
39
40
41
                      </div>

                  </div>

              </div>

6fbad9c5   Unknown   Modifications fro...
42
43
44
45
              <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>

f1c88101   sfeutrie   Ergonomie du site
46
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
77
78
79
80
81
82
83
84
              </div>

          </div>

      </nav>

  

      <div class="container" style="padding-bottom: 50px;">

          <h1 style="margin-bottom:50px; margin-top:50px; border-bottom:1px solid #CCC; padding-bottom:20px;">Uploader un fichier</h1>

          <div class="panel panel-default">

              <h4>Choix du fichier</h4>

              <input id="filesExplorer" type="file" style="display:none"></input>

              <div class="upload-drop-zone" id="drop-zone">

                Clic ou dépose un fichier ici

              </div>

              <div class="progress">

                <div id="file-progress" class="progress-bar" role="progressbar" style="width: 75%; display:none">25%</div>

              </div>

            </div>

            <button id="sendButton" type="button" class="btn btn-secondary btn-lg btn-block"style="margin-top:50px;">Envoyer</button>

          </div>

      </div>

  

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

            Un seul fichier peut être envoyé !

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

f1c88101   sfeutrie   Ergonomie du site
85
86
87
88
89
90
91
92
  <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/upload.js}"></script>

  </body>

  </html>