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