Probleme dans parcourire
Résolu
maherkefi
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
maherkefi Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
maherkefi Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
Salut,
j'ai un problème dans l'affichage dans ma tableau aide moi slv et merci davence
j'ai un problème dans l'affichage dans ma tableau aide moi slv et merci davence
3 réponses
Bonjour,
Commence par nous poster ton code directement sur le forum au lieu d'en mettre des images dont on ne peut rien faire....
Pour savoir comment poster ton code.. merci de lire et d'appliquer ceci :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Commence par nous poster ton code directement sur le forum au lieu d'en mettre des images dont on ne peut rien faire....
Pour savoir comment poster ton code.. merci de lire et d'appliquer ceci :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
<script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
<div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
<div class="panel panel-default">
<div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
<br><br><br>
<div class="form-group">
<table class="table table-hover">
<thead>
<tr>
<th>Nom</th>
<th>Prenom</th>
<th>Durée</th>
<th>Date Debut</th>
<th>Date Fin</th>
<th>Type De Conge</th>
<th>Raison</th>
<th>Jour Congé</th>
<th>Jour Maladie</th>
<th>Statut</th>
<th>OK</th>
</tr>
</thead>
{{ form_start(form) }}
{% for i in conge %}
<tbody>
<tr>
<td>{{ i.employer.nom }}</td>
<td>{{ i.employer.prenom }}</td>
<td>{{ i.nbjour }} jour(s)</td>
<td>{{ i.datedebut }}</td>
<td>{{ i.datefin }}</td>
<td>{{ i.type }}</td>
<td>{{ i.raison }}</td>
<td>{{ i.employer.jourconge }}</td>
<td>{{ i.employer.jourmaladie }}</td>
<td>
<select class="form-control" size="1"{{ form_widget(form.statut) }}
<option>En attente</option>
<option>Accepter</option>
<option>Refuse</option>
</select>
</td>
<td>
<button class="btn " role="button"{{ form_widget(form.Valider) }}
</td>
</tr>
</tbody>
{% endfor %}
{{ form_end(form) }}
</table>
</div>
<div>
</div>
<div>
<a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>
</div>
</div>
</div>
</center>
</body>
<style>
body {
width: 100%;
height:110%;
font-family: 'Open Sans', sans-serif;
background: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
}
.jumbotron{
margin:1px 1px 1px 1px;
border-radius:10px;
background:linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
url("");
background-repeat: no-repeat;
background-attachment: fixed;
color:white !important;
height:150px;
}
h1 {
font-family: "Poppins-Regular";
font-size: 3rem;
font-weight: 400;
color: #dbd7d6;
}
.btn{
width:120px;
height:40px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btn:hover
{
width:130px;
height:42px;
color : #4171a8;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
}
input[type=text], select {
width:400px;
height:40px;
}
.form-control{
width: 130px;
}
.btp1{
width:90px;
height:30px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btp1:hover
{
width:90px;
height:30px;
color : #15a814;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
}
.btp2{
width:90px;
height:30px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btp2:hover
{
width:90px;
height:30px;
color : #a82017;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
}
.m{
color : rgba(255, 72, 99, 0.44);
}
.c{
color : rgba(16, 99, 231, 0.46);
}
.a{
color : rgba(34, 172, 17, 0.5);
}
.r{
color : rgba(231, 0, 3, 0.64);
}
</style>
</html>
public function statutAction(Request $req)
{
if (isset($_SESSION["Employer"])==1)
{
$em = $this->getDoctrine()->getManager();
$d= $_SESSION["Employer"];
$email =$d->getEmail();
$conge=$em->getRepository('CredBundle:Conge')->findBy(array("Email" => $email));
foreach ($conge as $x)
{
$form=$this->createForm(StatuType::class,$x);
$form->handleRequest($req);
if ($form->isValid())
{
$em->persist($x);
$em->flush();
return $this->redirectToRoute("accueil");
}
return $this->render('CredBundle:statut:statut.html.twig',array('form'=>$form->createView(),'conge' => $conge ));
}
}
return $this->redirectToRoute("accueil");
}
EDIT : Ajout des balises de code
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
<script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
<div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
<div class="panel panel-default">
<div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
<br><br><br>
<div class="form-group">
<table class="table table-hover">
<thead>
<tr>
<th>Nom</th>
<th>Prenom</th>
<th>Durée</th>
<th>Date Debut</th>
<th>Date Fin</th>
<th>Type De Conge</th>
<th>Raison</th>
<th>Jour Congé</th>
<th>Jour Maladie</th>
<th>Statut</th>
<th>OK</th>
</tr>
</thead>
{{ form_start(form) }}
{% for i in conge %}
<tbody>
<tr>
<td>{{ i.employer.nom }}</td>
<td>{{ i.employer.prenom }}</td>
<td>{{ i.nbjour }} jour(s)</td>
<td>{{ i.datedebut }}</td>
<td>{{ i.datefin }}</td>
<td>{{ i.type }}</td>
<td>{{ i.raison }}</td>
<td>{{ i.employer.jourconge }}</td>
<td>{{ i.employer.jourmaladie }}</td>
<td>
<select class="form-control" size="1"{{ form_widget(form.statut) }}
<option>En attente</option>
<option>Accepter</option>
<option>Refuse</option>
</select>
</td>
<td>
<button class="btn " role="button"{{ form_widget(form.Valider) }}> </button>
</td>
</tr>
</tbody>
{% endfor %}
{{ form_end(form) }}
</table>
</div>
<div>
</div>
<div>
<a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>
</div>
</div>
</div>
</center>
</body>
<style>
body {
width: 100%;
height:110%;
font-family: 'Open Sans', sans-serif;
background: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
}
.jumbotron{
margin:1px 1px 1px 1px;
border-radius:10px;
background:linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
url("");
background-repeat: no-repeat;
background-attachment: fixed;
color:white !important;
height:150px;
}
h1 {
font-family: "Poppins-Regular";
font-size: 3rem;
font-weight: 400;
color: #dbd7d6;
}
.btn{
width:120px;
height:40px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btn:hover
{
width:130px;
height:42px;
color : #4171a8;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
}
input[type=text], select {
width:400px;
height:40px;
}
.form-control{
width: 130px;
}
.btp1{
width:90px;
height:30px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btp1:hover
{
width:90px;
height:30px;
color : #15a814;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
}
.btp2{
width:90px;
height:30px;
color : #690653;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
font-size: 17px ;
text-align: center;
line-height: 20px ;
}
.btp2:hover
{
width:90px;
height:30px;
color : #a82017;
border-radius: 20px;
background-image: linear-gradient(to left top, #6093A8, transparent),
linear-gradient(to right top, #BC8394, transparent);
text-align: center;
font-size: 20px ;
box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
}
.m{
color : rgba(255, 72, 99, 0.44);
}
.c{
color : rgba(16, 99, 231, 0.46);
}
.a{
color : rgba(34, 172, 17, 0.5);
}
.r{
color : rgba(231, 0, 3, 0.64);
}
</style>
</html>
Le code de ton BUTTON ne semble pas complet... il n'y a pas le </button> ... ni le ">"' avant le texte
Pour rappel