| @ -1,32 +1,111 @@ | |||||
| <?php | |||||
| if(!isset($_GET['id'])) | |||||
| { | |||||
| header('Location:.'); | |||||
| exit; | |||||
| } | |||||
| include_once('getEvents.php'); | |||||
| $event = getEvent($_GET['id']); | |||||
| setlocale(LC_TIME, 'fr_FR.UTF8'); | |||||
| $dtstart = new DateTime($event['dtstart']); | |||||
| $dtend = new DateTime($event['dtend']); | |||||
| ?> | |||||
| <!DOCTYPE html> | <!DOCTYPE html> | ||||
| <html> | <html> | ||||
| <?php | |||||
| class MyDB extends SQLite3 | |||||
| { | |||||
| function __construct() | |||||
| { | |||||
| $this->open('testdb.db'); | |||||
| } | |||||
| } | |||||
| $db = new MyDB(); | |||||
| if(!$db) echo $db->lastErrorMsg(); | |||||
| $id = 1; | |||||
| $ret = $db->query('SELECT * FROM events WHERE id="'. $id .'"'); | |||||
| $event = $ret->fetchArray(SQLITE3_ASSOC); | |||||
| ?> | |||||
| <head> | <head> | ||||
| <title>KiWi calendar : <?php echo $event['titre']?> </title> | |||||
| <title>KiWi calendar : <?php echo $event["titre"]; ?></title> | |||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <h1><?php echo $event['titre']?></h1> | |||||
| <div id="date"> | |||||
| <header id="title"> | |||||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||||
| <img class="rightLogo" alt="logo Kiwi" src="./images/KiWiCalendar.png" /> | |||||
| </header> | |||||
| <div id="descEvent"> | |||||
| <h1><?php echo $event["titre"]; ?></h1> | |||||
| <h2>Date et lieu</h2> | |||||
| <div id="dateheure"> | |||||
| <?php | <?php | ||||
| date_default_timezone_set('America/Los_Angeles'); | |||||
| $dtstart = new DateTime($event['dtstart']); | |||||
| $dtend = new DateTime($event['dtend']); | |||||
| if($dtstart->format('Y-m-d') == $dtend->format('Y-m-d')) | if($dtstart->format('Y-m-d') == $dtend->format('Y-m-d')) | ||||
| echo strftime('Le %d %B %Y, ', strtotime($event['dtstart'])).strftime('de %H:%M ', strtotime($event['dtstart'])).strftime('à %H:%M', strtotime($event['dtend'])); | |||||
| echo strftime('Le %d %B %Y, ', strtotime($event['dtstart'])).strftime('de %Hh%M ', strtotime($event['dtstart'])).strftime('à %Hh%M', strtotime($event['dtend'])); | |||||
| else | else | ||||
| echo strftime('Du %d %B %Y, %H:%M', strtotime($event['dtstart'])).strftime(' à %d %B %Y, %H:%M',strtotime($event['dtend'])); | |||||
| ?> | |||||
| </div> | |||||
| echo strftime('Du %d %B %Y, %Hh%M', strtotime($event['dtstart'])).strftime(' à %d %B %Y, %Hh%M',strtotime($event['dtend'])); | |||||
| ?></div> | |||||
| <?php | |||||
| echo '<div id="lieu">'.$event["localisation"].'</div>'; | |||||
| echo '<div id="map"></div>'; | |||||
| if(isset($event["urlImage"]) || isset($event["description"])) | |||||
| echo '<h2>Description</h2>'; | |||||
| if(isset($event["urlImage"])) | |||||
| echo '<div id="image"><img src="'.$event["urlImage"].'" width="100%"></div>'; | |||||
| if(isset($event["description"])) | |||||
| echo '<div id="description">'.$event["description"].'</div>'; | |||||
| if(isset($event["site"]) || isset($event["contact"])) | |||||
| echo '<h2>Informations</h2>'; | |||||
| if(isset($event["site"])) | |||||
| echo '<div id="URL">URL : <a href="'.$event["site"].'">'.$event["site"].'</a></div>'; | |||||
| if(isset($event["contact"])) | |||||
| echo '<div id="Contact">Contact : <a href="mailto:'.$event["contact"].'">'.$event["contact"].'</a></div>'; | |||||
| ?> | |||||
| </div> | |||||
| <!-- bring in the google maps library --> | |||||
| <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> | |||||
| <script type="text/javascript"> | |||||
| //Google maps API initialisation | |||||
| var element = document.getElementById("map"); | |||||
| var map = new google.maps.Map(element, { | |||||
| center: new google.maps.LatLng(57, 21), | |||||
| zoom: 3, | |||||
| mapTypeId: "OSM", | |||||
| mapTypeControl: false, | |||||
| streetViewControl: false | |||||
| }); | |||||
| var geocoder = new google.maps.Geocoder(); | |||||
| geocoder.geocode({'address': <?php echo $event["localisation"]; ?>}, function(results, status) { | |||||
| if (status === google.maps.GeocoderStatus.OK) { | |||||
| resultsMap.setCenter(results[0].geometry.location); | |||||
| var marker = new google.maps.Marker({ | |||||
| map: resultsMap, | |||||
| position: results[0].geometry.location | |||||
| }); | |||||
| } else { | |||||
| alert('Geocode was not successful for the following reason: ' + status); | |||||
| } | |||||
| }); | |||||
| //Define OSM map type pointing at the OpenStreetMap tile server | |||||
| map.mapTypes.set("OSM", new google.maps.ImageMapType({ | |||||
| getTileUrl: function(coord, zoom) { | |||||
| // "Wrap" x (logitude) at 180th meridian properly | |||||
| // NB: Don't touch coord.x because coord param is by reference, and changing its x property breakes something in Google's lib | |||||
| var tilesPerGlobe = 1 << zoom; | |||||
| var x = coord.x % tilesPerGlobe; | |||||
| if (x < 0) { | |||||
| x = tilesPerGlobe+x; | |||||
| } | |||||
| // Wrap y (latitude) in a like manner if you want to enable vertical infinite scroll | |||||
| return "http://tile.openstreetmap.org/" + zoom + "/" + x + "/" + coord.y + ".png"; | |||||
| }, | |||||
| tileSize: new google.maps.Size(256, 256), | |||||
| name: "OpenStreetMap", | |||||
| maxZoom: 18 | |||||
| })); | |||||
| </script> | |||||
| </body> | </body> | ||||
| </html> | </html> | ||||