LeClubInfo / 10p5-server

Blame view

main.html 5.55 KB
Edit Raw Normal View History
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
  <!-- Réutilisable -->
  <ul id="menuUtilisateur" class="dropdown-content">
      <li><a href="#!">Se déconnecter</a></li>
      <li><a href="#!">Changer de mot de passe</a></li>
      <li><a href="#!">Changer de carte</a></li>
      <li class="prezSeul"><a href="#!">Gestion des utilisateurs</a></li>
  </ul>
  <div id="passerCarte" class="modal">
      <div class="modal-content">
          <h4>Passez la carte du client</h4>
          <p>Veuillez passer la carte du client concerné pour finaliser l'action suivante : <strong>recharger 10 €</strong>.</p>
      </div>
      <div class="modal-footer">
          <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a>
      </div>
  </div>
  <div id="soldeInsuffisant" class="modal">
      <div class="modal-content">
          <h4>Solde insuffisant</h4>
          <p>
              Le solde de la carte <strong>QUAELUY1RO</strong> n'est pas suffisant pour effectuer un paiement de 3,50 €.<br/> Solde actuel : 2,70 €<br/> Manquant : 0,80 €<br/>
          </p>
      </div>
      <div class="modal-footer">
          <a href="#rechargement" class="modal-action modal-close waves-effect waves-green btn-flat">Recharger</a>
          <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a>
      </div>
  </div>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
29
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
30
31
 
  <!-- Page -->
  <nav class="red" role="navigation">
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
32
 
      <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">10⁵</a>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
33
34
35
 
          <ul class="right hide-on-med-and-down">
              <li><a class="dropdown-button" href="#!" data-activates="menuUtilisateur"><i class="material-icons">perm_identity</i> vigou (<i class="material-icons">timer</i> 3:12)</a></li>
          </ul>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
36
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
37
38
39
40
 
          <ul id="nav-mobile" class="side-nav">
              <li><a href="#">TODO</a></li>
          </ul>
          <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
41
42
 
      </div>
      <div class="col s12 red">
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
43
44
45
46
47
48
 
          <ul class="tabs red">
              <li class="tab col s3"><a href="#creation">Création</a></li>
              <li class="tab col s3"><a href="#rechargement">Rechargement</a></li>
              <li class="tab col s3"><a class="active" href="#paiement">Paiement</a></li>
              <li class="tab col s3"><a href="#vidange">Vidange</a></li>
          </ul>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
49
 
      </div>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
50
51
 
  </nav>
  <div class="section no-pad-bot" id="main">
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
52
 
      <div class="container">
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
53
54
55
56
57
58
59
60
61
 
          <br><br><br>
          <div class="row center">
              <div id="creation">
                  <h5>Créer un nouveau client</h5>
                  <div class="row">
                      <form class="col s12">
                          <div class="input-field col s12">
                              <input type="number" id="solde">
                              <label for="solde">Solde initial (€)</label>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
62
 
                          </div>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
63
64
 
                          <div class="row center">
                              <a href="#!" id="creer" class="btn-large waves-effect waves-light">Créer</a>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
65
 
                          </div>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
66
67
68
69
70
71
72
 
                      </form>
                  </div>
              </div>
              <div id="rechargement">
                  <h5>Recharger un client</h5>
                  <div class="row">
                      <form class="col s12">
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
73
 
                          <div class="input-field col s12">
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
74
75
76
77
78
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
 
                              <input type="number" id="credit">
                              <label for="credit">Crédit (€)</label>
                          </div>
                          <div class="row center">
                              <a href="#passerCarte" id="recharger" class="btn-large waves-effect waves-light btn modal-trigger">Recharger</a>
                          </div>
                      </form>
                  </div>
              </div>
              <div id="paiement">
                  <h5>Vendre à un client</h5>
                  <div class="row">
                      <form class="col s12">
                          <div id="grilleBieres">
                              <div class="row">
                                  <div class="col s4"><a onclick="vendu()" class="waves-effect waves-light btn">1</a></div>
                                  <div class="col s4"><a class="waves-effect waves-light btn">2</a></div>
                                  <div class="col s4"><a class="waves-effect waves-light btn">3</a></div>
                              </div>
                              <div class="row">
                                  <div class="col s4"><a class="waves-effect waves-light btn">4</a></div>
                                  <div class="col s4"><a class="waves-effect waves-light btn">5</a></div>
                                  <div class="col s4"><a class="waves-effect waves-light btn">6</a></div>
                              </div>
                          </div>
                          <div class="row">
                              <div class="input-field col s12">
                                  <input type="number" id="prix">
                                  <label for="prix">Prix (€)</label>
                              </div>
                          </div>
                          <div class="row center">
                              <a href="#!" id="payer" onclick="soldeInsuffisant()" class="btn-large waves-effect waves-light">Payer</a>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
107
 
                          </div>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
108
109
110
111
112
113
114
115
116
117
 
                      </form>
                  </div>
              </div>
              <div id="vidange">
                  <h5>Vider le contenu de la carte d'un client</h5>
                  <div class="row center">
                      <a href="#!" id="payer" class="btn-large waves-effect waves-light">Vider</a>
                  </div>
              </div>
          </div>
bf26706c   Geoffrey PREUD'HOMME   Écran principal 
118
 
      </div>
d39df5ff   Geoffrey PREUD'HOMME   Beautify main.html 
119
 
  </div>