Blame view

PFE06/src/main/resources/templates/upload.html 5.41 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
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 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>

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

f1c88101   sfeutrie   Ergonomie du site
42
43
44
45
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
85
86
87
88
89
              </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>

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

  </body>

  </html>