17 changed files with 570 additions and 0 deletions
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
@ -0,0 +1,22 @@ |
|||
<?php |
|||
|
|||
$bdd = new PDO('mysql:host=localhost;dbname=ticket;charset:utf8', 'root', ''); |
|||
|
|||
$req = $bdd->prepare('INSERT INTO pannes(dates, details, lieu, salle, pos, materiel, marque, model, nserie, demandeur, traitement) VALUES(:dates, :details, :lieu, :salle, :pos, :materiel, :marque, :model, :nserie, :demandeur, :traitement)'); |
|||
|
|||
$req->execute(array( |
|||
'dates' => $_POST['dates'], |
|||
'details' => $_POST['details'], |
|||
'lieu' => $_POST['lieu'], |
|||
'salle' => $_POST['salle'], |
|||
'pos' => $_POST['pos'], |
|||
'materiel' => $_POST['materiel'], |
|||
'marque' => $_POST['marque'], |
|||
'model' => $_POST['model'], |
|||
'nserie' => $_POST['nserie'], |
|||
'demandeur' => $_POST['demandeur'], |
|||
'traitement' => 0 |
|||
)); |
|||
|
|||
echo 'Votre ticket à bien été pris en compte'; |
|||
?> |
|||
@ -0,0 +1,13 @@ |
|||
<?php |
|||
echo '<p> ',$titre,' : '; |
|||
if ($help) { |
|||
echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,') onmouseout=hideHelp(',$sql_name,') ><img src="../img/int.png" alt="point_int" width=20px ></a>'; |
|||
} |
|||
echo '</p> |
|||
<div class="champ"> |
|||
<input class="entry" type=',$type,' name=',$sql_name,'><br> |
|||
<img class="check" src="../img/check.png" alt="check"> |
|||
<img class="excla" src="../img/excla.png" alt="exclamation"> |
|||
</div> |
|||
<small>Error: ',$error,'</small>'; |
|||
?> |
|||
@ -0,0 +1,150 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>Tickets de panne</title> |
|||
<link href="stylepage.css" rel="stylesheet"> |
|||
<script type="text/javascript" src="script.js" defer></script> |
|||
<img class="logo" src="../img/logo_PC.png" alt="logo_PC" width="200px"> |
|||
|
|||
</head> |
|||
<body id="page"> |
|||
<a class="champ" href="../referant/index.php">site référant</a> |
|||
<h1 id="titre"> |
|||
Formulaire de panne informatique |
|||
</h1> |
|||
<form id='form' method="POST" action="cible.php"> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Date'; |
|||
$sql_name = 'dates'; |
|||
$type = 'date'; |
|||
$error = 'Veuillez saisir une date'; |
|||
$help = false; |
|||
include("include/champ.php"); |
|||
?> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<p>Détails :</p> |
|||
<div class="champ"> |
|||
<textarea class="entry" rows="10" cols="30" name='details'></textarea><br> |
|||
<img class="check" src="../img/check.png" alt="check"> |
|||
<img class="excla" src="../img/excla.png" alt="exclamation"> |
|||
</div> |
|||
<small>Error: Veuillez remplir ce champ</small> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Lieu'; |
|||
$sql_name = 'lieu'; |
|||
$type = 'text'; |
|||
$error = "Vous n'avez saisie de lieu"; |
|||
$help = true; |
|||
include("include/champ.php"); |
|||
?> |
|||
<div class="help" id="lieu"> |
|||
<p>Entrez le nom du bâtiment dans lequel se trouve le matériel</p><br> |
|||
<code>Ex: bâtiment A</code> |
|||
</div> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Salle'; |
|||
$sql_name = 'salle'; |
|||
$type = 'text'; |
|||
$error = "Vous n'avez pas saisie de salle"; |
|||
$help = true; |
|||
include("include/champ.php"); |
|||
?> |
|||
<div class="help" id="salle"> |
|||
<p>Entrez le nom de la salle dans lequel se trouve le matériel</p><br> |
|||
<code>Ex: A 11 codage</code> |
|||
</div> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Position dans la salle'; |
|||
$sql_name = 'pos'; |
|||
$type = 'text'; |
|||
$error = 'Veuillez remplir ce champ'; |
|||
$help = true; |
|||
include("include/champ.php"); |
|||
?> |
|||
<div class="help" id="pos"> |
|||
<p>Veillez fournir des présision sur la position du matériel</p><br> |
|||
<code>Ex: PC-42 au fond à droite</code> |
|||
</div> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<p>Matériel :</p> |
|||
<div class="champ"> |
|||
<select class="entry" name='materiel'> |
|||
<option value="UC">Unité Centrale</option> |
|||
<option value="IMP">Imprimante</option> |
|||
<option value="ECR">Ecran</option> |
|||
<option value="VID">Vidéo Projecteur</option> |
|||
<option value="TBI">Tableau Blanc Interactif</option> |
|||
</select> |
|||
<img class="check" src="../img/check.png" alt="check"> |
|||
<img class="excla" src="../img/excla.png" alt="exclamation"> |
|||
</div> |
|||
<small></small> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Marque'; |
|||
$sql_name = 'marque'; |
|||
$type = 'text'; |
|||
$error = "Vous n'avez pas saisie la marque"; |
|||
$help = true; |
|||
include("include/champ.php"); |
|||
?> |
|||
<div class="help" id="marque"> |
|||
<p>Veillez renseigner la marque du matériel</p><br> |
|||
<code>Ex: Asus</code> |
|||
</div> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Model'; |
|||
$sql_name = 'model'; |
|||
$type = 'text'; |
|||
$error = "Veuillez saisir le model"; |
|||
$help = true; |
|||
include("include/champ.php"); |
|||
?> |
|||
<div class="help" id="model"> |
|||
<p>Veillez renseigner le modèle du matériel</p><br> |
|||
<code>Ex: Lattitude E6410</code> |
|||
</div> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'N° de série'; |
|||
$sql_name = 'nserie'; |
|||
$type = 'text'; |
|||
$error = "Vous n'avez saisie le n° de série"; |
|||
$help = false; |
|||
include("include/champ.php"); |
|||
?> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<?php |
|||
$titre = 'Nom'; |
|||
$sql_name = 'demandeur'; |
|||
$type = 'text'; |
|||
$error = 'Veulliez entrer votre nom'; |
|||
$help = false; |
|||
include("include/champ.php"); |
|||
?> |
|||
</div> |
|||
<div class="container-champ"> |
|||
<br> |
|||
<div class="submit"> |
|||
<input id="submit" class="entry" type="submit" value="Valider"> |
|||
</div> |
|||
</div> |
|||
|
|||
</form> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,62 @@ |
|||
const button = document.getElementById('submit'); |
|||
const page = document.getElementById('page'); |
|||
|
|||
const check = document.getElementsByClassName('check'); |
|||
const excla = document.getElementsByClassName('excla'); |
|||
const entry = document.getElementsByClassName('entry'); |
|||
const help = document.getElementsByClassName('help'); |
|||
|
|||
|
|||
document.getElementById("form").addEventListener('submit', function(e) { |
|||
e.preventDefault(); |
|||
if (checkInputs() == true) { |
|||
console.log('check'); |
|||
var data = new FormData(this); |
|||
|
|||
var xhr = new XMLHttpRequest(); |
|||
|
|||
xhr.onreadystatechange = function() { |
|||
if (this.readyState == 4 && this.status == 200) { |
|||
console.log(this.response); |
|||
} else if (this.readyState == 4) { |
|||
alert('uhe erreur est survenue...'); |
|||
} |
|||
}; |
|||
xhr.open('POST', 'cible.php', true); |
|||
xhr.send(data); |
|||
} |
|||
}); |
|||
|
|||
function displayHelp(id) { |
|||
id.style.display = 'block'; |
|||
} |
|||
|
|||
function hideHelp(id) { |
|||
id.style.display = 'none'; |
|||
} |
|||
|
|||
function checkInputs() { |
|||
let success = true; |
|||
for (let i=0; i < (entry.length - 1) ; i++) { |
|||
if (entry[i].value == '') { |
|||
setError(i); |
|||
success = false; |
|||
} |
|||
else { |
|||
setSuccess(i); |
|||
} |
|||
} |
|||
return success; |
|||
} |
|||
|
|||
function setError(indice) { |
|||
check[indice].style.display = 'none'; |
|||
excla[indice].style.display = 'block'; |
|||
document.getElementsByTagName('small')[indice].style.display = 'block'; |
|||
} |
|||
|
|||
function setSuccess(indice) { |
|||
check[indice].style.display = 'block'; |
|||
excla[indice].style.display = 'none'; |
|||
document.getElementsByTagName('small')[indice].style.display = 'none'; |
|||
} |
|||
@ -0,0 +1,145 @@ |
|||
head{ |
|||
display: inline-table; |
|||
} |
|||
|
|||
a{ |
|||
color: #2ecc71; |
|||
} |
|||
|
|||
body{ |
|||
z-index: 1; |
|||
background-color: #e5e5e5; |
|||
margin: 20px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.logo{ |
|||
display: block; |
|||
} |
|||
|
|||
h1{ |
|||
margin: 40px; |
|||
font-weight: bold; |
|||
color: #454545; |
|||
} |
|||
|
|||
p{ |
|||
font-weight: bold; |
|||
color: #454444; |
|||
font-size: 20px; |
|||
height: 20px; |
|||
} |
|||
|
|||
form{ |
|||
width: 400px; |
|||
position: relative; |
|||
background-color: #ffffff; |
|||
display: block; |
|||
margin: auto; |
|||
border-radius: 30px; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.container-champ{ |
|||
position: relative; |
|||
} |
|||
|
|||
.container-champ small{ |
|||
display: none; |
|||
color: red; |
|||
} |
|||
|
|||
.champ{ |
|||
background-color: inherit; |
|||
display: flex; |
|||
position: relative; |
|||
text-decoration-line: none; |
|||
flex-direction: row-reverse; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 10px 10px; |
|||
width: 200px; |
|||
border-radius: 30px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.entry{ |
|||
border: none; |
|||
resize: none; |
|||
outline: none; |
|||
width: 100%; |
|||
text-align: inherit; |
|||
background-color: inherit; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
.champ:focus, .champ:hover{ |
|||
width: 300px; |
|||
border-color: #ac2a8d; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.champ img{ |
|||
display: none; |
|||
position: relative; |
|||
float: right; |
|||
width: 20px; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
} |
|||
|
|||
.submit{ |
|||
background-color: inherit; |
|||
display: flex; |
|||
position: relative; |
|||
flex-direction: row-reverse; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 10px 10px; |
|||
width: 200px; |
|||
border-radius: 30px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.submit:hover{ |
|||
width: 250px; |
|||
background-color: #82E6AC; |
|||
border-color: #2ecc71; |
|||
} |
|||
|
|||
.help{ |
|||
display: none; |
|||
z-index: 2; |
|||
position: absolute; |
|||
width: 170px; |
|||
right: 0; |
|||
top: 30%; |
|||
border-radius: 30px; |
|||
padding: 15px; |
|||
margin: 0; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.help * { |
|||
font-size: 14px; |
|||
width: 100%; |
|||
} |
|||
|
|||
.help p{ |
|||
position: relative; |
|||
} |
|||
|
|||
code { |
|||
background-color: #aaa; |
|||
border-radius: 5px; |
|||
font-family: courier, monospace; |
|||
padding: 3px 5px; |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
document.getElementById('form').addEventListener('submit', function(e) { |
|||
e.preventDefault(); |
|||
|
|||
let data = new FormData(this); |
|||
|
|||
let xhr = new XMLHttpRequest(); |
|||
xhr.onreadystatechange = function() { |
|||
console.log(this.response); |
|||
if (this.readyState == 4 && this.status == 200) { |
|||
} else if (this.readyState == 4) { |
|||
alert('uhe erreur est survenue...'); |
|||
} |
|||
}; |
|||
xhr.open('POST', 'cible/search.php', true); |
|||
xhr.send(data); |
|||
let p = document.createElement('p'); |
|||
p.textContent = 'hzllo'; |
|||
document.getElementById('corps').appendChild(p); |
|||
}); |
|||
@ -0,0 +1,7 @@ |
|||
<?php |
|||
$bdd = new PDO('mysql:host=localhost;dbname=ticket;charset:utf8', 'root', ''); |
|||
|
|||
$reponse = $bdd->query("SELECT * FROM pannes ORDER BY ID"); |
|||
|
|||
print_r($reponse -> fetch($_POST['id'])); |
|||
?> |
|||
@ -0,0 +1,6 @@ |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>Admin ticket</title> |
|||
<link href="stylepage.css" rel="stylesheet"> |
|||
<img class="logo" src="../img/logo_PC.png" alt="logo_PC" width="200px"> |
|||
</head> |
|||
@ -0,0 +1,10 @@ |
|||
<header> |
|||
<nav> |
|||
<ul> |
|||
<li class="menu"><a href="index.php">Accueil</a></li> |
|||
<li class="menu"><a href="search.php">Recherche</a></li> |
|||
<li class="menu"><a href="actus.html">Actus</a></li> |
|||
<li class="menu"><a href="liens.html">Liens</a></li> |
|||
</ul> |
|||
</nav> |
|||
</header> |
|||
@ -0,0 +1,8 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<?php include 'include/menu.php'; ?> |
|||
<body> |
|||
<a href="../prof/index.php">client</a> |
|||
<?php include 'include/nav.php'; ?> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,16 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<?php include 'include/menu.php'; ?> |
|||
<body id='corps'> |
|||
<?php include 'include/nav.php'; ?> |
|||
<form id="form" action="cible/search.php" method="POST"> |
|||
<div class="champ"> |
|||
<input type="input" name="id"> |
|||
</div> |
|||
<div class="submit"> |
|||
<input id="submit" class="entry" type="submit"> |
|||
</div> |
|||
</form> |
|||
<script type="text/javascript" src="cible/script.js" defer></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,112 @@ |
|||
body{ |
|||
z-index: 1; |
|||
background-color: #e5e5e5; |
|||
margin: 20px; |
|||
text-align: center; |
|||
} |
|||
|
|||
nav{ |
|||
width: 80%; |
|||
margin-left: 10%; |
|||
background-color: #84878C; /*couleur nav entière*/ |
|||
border-radius: 20px; |
|||
} |
|||
|
|||
nav > ul{ |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding: 0px; |
|||
width: 60%; |
|||
} |
|||
|
|||
nav > ul::after{ |
|||
content: ""; |
|||
display: block; |
|||
clear: both; |
|||
} |
|||
|
|||
nav > ul > li{ |
|||
width: 25%; |
|||
float: left; |
|||
position: relative; |
|||
text-align: center; |
|||
} |
|||
|
|||
nav> ul > li > a{ |
|||
font-size: 100%; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
color: #eee; |
|||
} |
|||
|
|||
nav li{ |
|||
list-style-type: none; |
|||
} |
|||
|
|||
nav a{ |
|||
display: inline-block; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.menu:hover{ |
|||
background-color: #59184E; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
.menu:hover > a{ |
|||
color: #fff; /*texte quand on passe la souris un bouton du menu*/ |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.logo{ |
|||
display: block; |
|||
} |
|||
|
|||
.champ{ |
|||
background-color: inherit; |
|||
position: relative; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 40px 40px; |
|||
width: 60%; |
|||
border-radius: 80px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.champ:focus, .champ:hover{ |
|||
border-color: #ac2a8d; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.champ input{ |
|||
border: none; |
|||
outline: none; |
|||
font-size: 3em; |
|||
color: #aaa; |
|||
width: 100%; |
|||
text-align: inherit; |
|||
background-color: inherit; |
|||
} |
|||
|
|||
.submit{ |
|||
background-color: inherit; |
|||
position: relative; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 10px 10px; |
|||
width: 200px; |
|||
border-radius: 30px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.submit:hover{ |
|||
width: 250px; |
|||
background-color: #82E6AC; |
|||
border-color: #2ecc71; |
|||
} |
|||
Loading…
Reference in new issue