| @ -0,0 +1,87 @@ | |||||
| <!DOCTYPE html> | |||||
| <html> | |||||
| <head> | |||||
| <title>Kiwi Calendar : Ajouter un évènement</title> | |||||
| <meta charset="utf-8" /> | |||||
| <link rel="stylesheet" href="./main.css" /> | |||||
| <link rel="stylesheet" href="./event.css" /> | |||||
| <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> | |||||
| <link rel="stylesheet" type="text/css" media="screen" | |||||
| href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> | |||||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||||
| </head> | |||||
| <body> | |||||
| <header id="title"> | |||||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||||
| <a href="./index.php"><img class="rightLogo" alt="logo Kiwi" src="./images/KiWiCalendar.png" /></a> | |||||
| </header> | |||||
| <div id="descEvent"> | |||||
| <h1>Ajouter un Évènement</h1> | |||||
| <form name="eventForm"> | |||||
| Titre de l'évènement :<br> | |||||
| <input type="text" name="title"> | |||||
| <br> | |||||
| Adresse du lieu :<br> | |||||
| <input type="text" name="address"> | |||||
| <br> | |||||
| Date de début :<br> | |||||
| <div id="datetimepicker" class="input-append date"> | |||||
| <input type="text" name="dtstart"></input> | |||||
| <span class="add-on"> | |||||
| <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> | |||||
| </span> | |||||
| </div> | |||||
| <br> | |||||
| Date de fin :<br> | |||||
| <div id="datetimepicker2" class="input-append date"> | |||||
| <input type="text" name="dtend"></input> | |||||
| <span class="add-on"> | |||||
| <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> | |||||
| </span> | |||||
| </div> | |||||
| <br> | |||||
| Description de l'évènement :<br> | |||||
| <textarea name="description" rows="4" cols="50" form="eventForm"> | |||||
| </textarea> | |||||
| <br> | |||||
| Site de l'évènement :<br> | |||||
| <input type="url" value="http://" name="site"> | |||||
| <br> | |||||
| Image de l'évènement :<br> | |||||
| <input type="url" value="http://" name="urlImage"> | |||||
| <br> | |||||
| Contact :<br> | |||||
| <input type="text" name="contact"> | |||||
| </form> | |||||
| <button id="submit">Ajouter l'évènement !</button> | |||||
| <script type="text/javascript" | |||||
| src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> | |||||
| </script> | |||||
| <script type="text/javascript" | |||||
| src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> | |||||
| </script> | |||||
| <script type="text/javascript" | |||||
| src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> | |||||
| </script> | |||||
| <script type="text/javascript" | |||||
| src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> | |||||
| </script> | |||||
| <script type="text/javascript"> | |||||
| $('#datetimepicker').datetimepicker({ | |||||
| format: 'dd/MM/yyyy hh:mm:ss', | |||||
| language: 'pt-BR' | |||||
| }); | |||||
| $('#datetimepicker2').datetimepicker({ | |||||
| format: 'dd/MM/yyyy hh:mm:ss', | |||||
| language: 'pt-BR' | |||||
| }); | |||||
| </script> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||