<!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="assets/bootstrap.min.css"> <link rel="stylesheet" href="style.css" /> <title>Cantina </title> </head> <body> <div class="container mt-5"> <div class="header clearfix"> <nav> <ul class="nav nav-pills float-right"> <li class="nav-item"> </li> <li class="nav-item"> </li> <li class="nav-item"> </li> </ul> </nav> <h3 style="text-align: center;font-size: 50px;">Cantina Adamo<br></h3> <br /> <div class="loggedInMenu"> <button type="button" class="btn btn-warning logout">Esci</button> <button type="button" class="btn btn-success search">Ricerca</button> <button type="button" class="btn btn-danger chpassBtn">Cambia password</button> <form id="find"> <fieldset> <!-- Form Name --> <legend>Ricerca</legend> <hr /> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Vino</span> </div> <input type="text" name="Svino" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Cantina</span> </div> <input type="text" name="Scantina" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Annata</span> </div> <input type="number" name="Sannata" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Volume</span> </div> <input type="number" name="Svolume" class="form-control" placeholder="" aria-label="" aria-describedby=""> <div class="input-group-prepend"> <span class="input-group-text">L</span> </div> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Quantità</span> </div> <input type="number" min="0" step="1" name="Squantita" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">Note</span> </div> <textarea class="form-control" name="Snote" aria-label="With textarea"></textarea> </div> <br /> <button type="button" class="btn btn-danger resetR" style="float:left">Fine ricerca</button> <button type="submit" class="btn btn-primary searchDo" style="float:right">Cerca</button> </fieldset> </form> <hr /> Ordina per <select class="form-select" name="orderBy" aria-label="Default select example"> <option selected value="id">#</option> <option value="vino">Vino</option> <option value="cantina">Cantina</option> <option value="annata">Annata</option> <option value="volume">Volume</option> <option value="quantita">Quantità</option> <option value="note">Note</option> </select> <select class="form-select" name="orderHow" aria-label="Default select example"> <option selected value="ASC">Crescente</option> <option value="DESC">Decrescente</option> </select> </div> </div> </div> </div> <!-- /container --> <center> <div class="container"> <div class="m-5"> <div id="tableview"> <table class="table table-striped"> <thead> <tr> <th scope="col">#</th> <th scope="col">Vino</th> <th scope="col">Cantina</th> <th scope="col">Annata</th> <th scope="col">Volume</th> <th scope="col">Quantità</th> <th scope="col">Note</th> <th scope="col"></th> </tr> </thead> <tbody id="tabbody"> </tbody> </table> <p id="pageIndicator">Pagina a di b</p> <nav aria-label="Page navigation example"> <ul class="pagination" id="tabnav"> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> </ul> </nav> <button type="button" class="btn btn-primary addP" style="float:right">Aggiungi</button> </div> <form class="form-horizontal" id="saveedit"> <fieldset> <!-- Form Name --> <legend>Aggiungi Bottiglia</legend> <hr /> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Vino</span> </div> <input type="text" name="vino" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Cantina</span> </div> <input type="text" name="cantina" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Annata</span> </div> <input type="number" name="annata" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Volume</span> </div> <input type="number" name="volume" class="form-control" placeholder="" aria-label="" aria-describedby=""> <div class="input-group-prepend"> <span class="input-group-text">L</span> </div> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Quantità</span> </div> <input type="number" min="0" step="1" name="quantita" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">Note</span> </div> <textarea class="form-control" name="note" aria-label="With textarea"></textarea> </div> <br /> <button type="button" class="btn btn-danger closeForm" style="float:left">Indietro</button> <button type="submit" class="btn btn-primary" style="float:right">Salva</button> </fieldset> </form> <div id="view"> <table class="table table-striped"> <tbody> <tr> <td><b>#</b></td> <td id="Vid"></td> </tr> <tr> <td><b>Vino</b></td> <td id="Vvino"></td> </tr> <tr> <td><b>Cantina</b></td> <td id="Vcantina"></td> </tr> <tr> <td><b>Annata</b></td> <td id="Vannata"></td> </tr> <tr> <td><b>Volume</b></td> <td id="Vvolume"></td> </tr> <tr> <td><b>Quantità</b></td> <td id="Vquantita"></td> </tr> <tr> <td><b>Note</b></td> <td id="Vnote"></td> </tr> </tbody> </table> <button type="button" class="btn btn-warning closeForm" style="float:left">Chiudi</button> <a href="#" data-action="delete" id="Vdelete" class="btn btn-danger" style="float:right"> <img class="actionIcon" src="img/bin.png"> </a> </div> <form id="passwAccess"> <fieldset> <!-- Form Name --> <legend>Accesso</legend> <hr /> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Password</span> </div> <input type="password" name="password" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <br /> <button type="submit" class="btn btn-success" style="float:right">Accedi</button> </fieldset> </form> <form id="chpass"> <fieldset> <!-- Form Name --> <legend>Nuova password</legend> <hr /> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Password</span> </div> <input type="password" name="Upassword" class="form-control" placeholder="" aria-label="" aria-describedby=""> </div> <br /> <button type="submit" class="btn btn-success" style="float:right">Salva</button> <button type="button" class="btn btn-danger closeForm" style="float:left">Indietro</button> </fieldset> </form> </div> </div> <p> © 2021 Mattia Mascarello, Giorgio Adamo</p><br> </center> <script src="assets/jquery-3.4.1.min.js" crossorigin="anonymous"></script> <script src="assets/popper.js"></script> <script src="assets/bootstrap.min.js"></script> <script src="assets/autocomplete.min.js"></script> <script src="main.js"></script> </body> </html>