Browse Source

show cat on add event

master
AmarOk 10 years ago
parent
commit
afd164160f
4 changed files with 116 additions and 76 deletions
  1. +8
    -0
      addEvent.css
  2. +85
    -74
      addEvent.php
  3. +21
    -1
      databaseOperations.php
  4. +2
    -1
      eventAdded.php

+ 8
- 0
addEvent.css View File

@ -45,3 +45,11 @@ border-radius: 10px; /* future proofing */
textarea, input {
width: 80%;
}
#checkboxGrp {
width:80%;
}
#checkboxGrp input {
margin:3px;
}

+ 85
- 74
addEvent.php View File

@ -14,87 +14,98 @@ $db = connect();
<!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" />
<link rel="stylesheet" href="./addEvent.css" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
</head>
<body>
<?php include('header.php'); ?>
<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" />
<link rel="stylesheet" href="./addEvent.css" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
</head>
<body>
<?php include('header.php'); ?>
<div id="descEvent">
<h1>Ajouter un Évènement</h1>
<div id="descEvent">
<h1>Ajouter un Évènement</h1>
<form id="eventForm" name="eventForm" method="post" action="eventAdded.php">
<div id="left">Titre :</div>
<input type="text" name="title" required>
<br>
<div id="left">Adresse :</div>
<input type="text" name="address" required>
<br>
<div id="left">Date de début :</div>
<div id="datetimepicker" class="input-append date">
<input type="text" name="dtstart" required></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<br>
<div id="left">Date de fin :</div>
<div id="datetimepicker2" class="input-append date">
<input type="text" name="dtend" required></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<br>
<div id="left">Description de l'évènement :</div>
<textarea name="description" rows="4" cols="50" form="eventForm">
</textarea>
<br>
<div id="left">Site de l'évènement :</div>
<input type="url" value="http://" name="site">
<br>
<div id="left">Image de l'évènement :</div>
<input type="url" value="http://" name="urlImage">
<br>
<div id="left">Contact :</div>
<input type="text" name="contact">
<br>
<div id="buttonDiv"><button id="submit">Ajouter l'évènement !</button></div>
</form>
<form id="eventForm" name="eventForm" method="post" action="eventAdded.php">
<div id="left">Titre :</div>
<input type="text" name="title" required>
<br>
<div id="left">Catégories :</div>
<div id="checkboxGrp">
//TODO: make one checkbox required
<?php
$cats = getCategoriesNames($db);
for ($i=0; $i<count($cats); $i++) {
echo "<input type=\"checkbox\" name=\"chk_group[]\" value=\"".$cats[$i][0]."\" />".$cats[$i][1]." ";
}
?>
</div>
<br>
<div id="left">Adresse :</div>
<input type="text" name="address" required>
<br>
<div id="left">Date de début :</div>
<div id="datetimepicker" class="input-append date">
<input type="text" name="dtstart" required></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<br>
<div id="left">Date de fin :</div>
<div id="datetimepicker2" class="input-append date">
<input type="text" name="dtend" required></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<br>
<div id="left">Description de l'évènement :</div>
<textarea name="description" rows="4" cols="50" form="eventForm">
</textarea>
<br>
<div id="left">Site de l'évènement :</div>
<input type="url" value="http://" name="site">
<br>
<div id="left">Image de l'évènement :</div>
<input type="url" value="http://" name="urlImage">
<br>
<div id="left">Contact :</div>
<input type="text" name="contact">
<br>
<div id="buttonDiv"><button id="submit">Ajouter l'évènement !</button></div>
</form>
<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: 'fr_FR'
});
<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: 'fr_FR'
});
$('#datetimepicker2').datetimepicker({
format: 'dd/MM/yyyy hh:mm:ss',
language: 'fr_FR'
});
</script>
</script>
</div>
</body>
</div>
</body>
</html>

+ 21
- 1
databaseOperations.php View File

@ -48,6 +48,25 @@ function getCategories($db)
}
}
function getCategoriesNames($db)
{
try
{
$request = $db->prepare('SELECT * FROM categorie');
$request->execute();
$result = $request->fetchAll();
$request->closeCursor();
return $result;
}
catch(PDOException $e)
{
//NOTE: change $e->getMessage() by an error message before going to production
echo($e->getMessage());
die();
}
}
/**
* @brief queries all the sub categories from a certain tab
* @param $db: the PDO connection to the database
@ -246,7 +265,7 @@ function getEventsSince($db,$date)
}
}
function addEvent($db, $titre, $localisation, $dtstart, $dtend, $description, $url, $urlImage, $contact)
function addEvent($db, $titre, $catArray, $localisation, $dtstart, $dtend, $description, $url, $urlImage, $contact)
{
try
{
@ -259,6 +278,7 @@ function addEvent($db, $titre, $localisation, $dtstart, $dtend, $description, $u
'url'=>$url,
'urlImage'=>$urlImage,
'contact'=>$contact));
//TODO add this Event to categories. Exemple : INSERT INTO eventCategorie(event_id, cat_id) VALUES(6, 14);
$request->closeCursor();
header("Location:index.php");
exit;


+ 2
- 1
eventAdded.php View File

@ -10,7 +10,8 @@ $description = $_POST['description'];
$url = $_POST['site'];
$urlImage = $_POST['urlImage'];
$contact = $_POST['contact'];
addEvent($db, $titre, $localisation, $dtstart, $dtend, $description, $url, $urlImage, $contact);
$catArray = $_POST['chk_group'];
addEvent($db, $titre, $catArray, $localisation, $dtstart, $dtend, $description, $url, $urlImage, $contact);
?>
<!DOCTYPE html>


Loading…
Cancel
Save