This commit is contained in:
Alyssa 2024-12-20 11:56:41 +01:00
parent 451949e4ba
commit eae27fc563
4 changed files with 115 additions and 93 deletions

View File

@ -20,7 +20,6 @@ body {
} }
.logoCalendar { .logoCalendar {
position: absolute; position: absolute;
margin: 5% 0 0 2%; margin: 5% 0 0 2%;
@ -72,25 +71,37 @@ body {
width: 90%; width: 90%;
height: 10%; height: 10%;
} }
#pannes {
#adresse {
position: absolute; position: absolute;
margin: 10% 0 0 3%; margin: 10% 0 0 3%;
width: 65%; width: 65%;
} }
#employesCompetences {
#pannes {
position: absolute; position: absolute;
margin: 15% 0 0 3%; margin: 15% 0 0 3%;
width: 65%; width: 65%;
} }
#piece {
#employesCompetences {
position: absolute; position: absolute;
margin: 20% 0 0 3%; margin: 20% 0 0 3%;
width: 65%; width: 65%;
} }
#vehicule { #piece {
position: absolute; position: absolute;
margin: 25% 0 0 3%; margin: 25% 0 0 3%;
width: 65%;
}
#vehicule {
position: absolute;
margin: 30% 0 0 3%;
width: 20%; width: 20%;
height: 5%; height: 5%;
@ -99,19 +110,31 @@ body {
} }
#vehicule1 { #vehicule1 {
position: absolute; position: absolute;
margin: 25.7% 0 0 21.5%; margin: 30.7% 0 0 25%;
} }
#oui { #oui {
position: absolute; position: absolute;
margin: 25.3% 0 0 24%; margin: 30.3% 0 0 27%;
} }
#vehicule2 { #vehicule2 {
position: absolute; position: absolute;
margin: 19% 0 0 30%; margin: 30.7% 0 0 32%;
} }
#non { #non {
position: absolute; position: absolute;
margin: 18.5% 0 0 33%; margin: 30.3% 0 0 34%;
}
#description {
position: absolute;
margin: 35% 0 0 3%;
width: 40%;
height: 25%;
}
#liste {
position: absolute;
margin: 45% 0 0 44%;
} }
#date { #date {
@ -128,6 +151,11 @@ body {
position: absolute; position: absolute;
margin: 15% 0 0 75%; margin: 15% 0 0 75%;
} }
.applique { .applique {
position: absolute; position: absolute;
margin: 40% 0 0 80%; margin: 40% 0 0 80%;
@ -146,12 +174,3 @@ body {
border-radius: 3%; border-radius: 3%;
background-color: white; background-color: white;
} }
.from {
position: absolute;
margin: 65% 15% 15% 15%;
}

View File

@ -3,8 +3,9 @@
namespace App\Form; namespace App\Form;
use App\Entity\Intervention; use App\Entity\Intervention;
use Doctrine\DBAL\Types\TextType;
use Symfony\Component\Form\AbstractType; use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\DateType;
use Symfony\Component\Form\Extension\Core\Type\TextType;
use Symfony\Component\Form\FormBuilderInterface; use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver; use Symfony\Component\OptionsResolver\OptionsResolver;
@ -14,7 +15,7 @@ class InterventionType extends AbstractType
{ {
$builder $builder
->add('Wording', TextType::class) ->add('Wording', TextType::class)
->add('Timestamp', \DateTime::class, [ ->add('Timestamp', DateType::class, [
'widget' => 'single_text', 'widget' => 'single_text',
]) ])
->add('Description', TextType::class) ->add('Description', TextType::class)

View File

@ -1,66 +0,0 @@
<!DOCTYPE html>
<html lang="fr, en">
<head>
<meta charset="UTF-8">
<title>Créer une intervention</title>
<link href="{{ asset('styles/css/intervention.css') }}" rel='stylesheet'>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{% endblock %}
</head>
<body>
<div class="background"></div>
<img class="logoCalendar" src="{{ asset('styles/image/calendar.png') }}" alt="Logo Calendrier">
<h1 class="intervention">Créer une intervention</h1>
<img class="logoChauffagiste" src="{{ asset('styles/image/chauffagiste.png') }}" alt="Logo Chauffagiste">
<h1 class="chauffagiste">Choisissez un chauffagiste</h1>
<img class="logoModifier" src="{{ asset('styles/image/modifier.png') }}">
<h1 class="modifier">Modifier l'intervention</h1>
<img class="logoHegre" src="{{ asset('styles/image/LogoHegreConfort_SansFond.png') }}">
<div class="background-intervention">
<input required id="nom" placeholder="Nom de l'intervention">
<select required type="select" name="pannes" id="pannes">
<option value="pan1">pan1</option>
<option value="pan2">pan2</option>
<option value="pan3">pan3</option>
<option value="pan4">pan4</option>
<option value="pan5">pan5</option>
<option value="pan6">pan6</option>
</select>
<select required type="select" name="pannes" id="employesCompetences">
<option value="emp1">employé1 - sa compétence</option>
<option value="emp2">employé2 - sa compétence</option>
<option value="emp3">employé3 - sa compétence</option>
<option value="emp4">employé4 - sa compétence</option>
<option value="emp5">employé5 - sa compétence</option>
<option value="emp6">employé6 - sa compétence</option>
</select>
<!-- <input required id="employesCompetences" placeholder="Liste des employés et de leurs compétences"> -->
<input id="piece" placeholder="Pièce affecter">
<p id="vehicule">Véhicule nécessaire</p>
<input type="checkbox" name="vehicule1" id="vehicule1">
<label for=”vehicule1” id="oui"> Oui </label>
<input type="checkbox" name="vehicule2" id="vehicule2">
<label for=”vehicule2” id="non"> Non </label>
<p id="date">Jour de l'intervention</p>
<input type="date" id="calendar">
<button type="submit" class="applique"> Appliquée </button>
<button type="reset" class="supprimer"> Supprimer </button>
<div class="from"> {{ form(form) }} </div>
</div>
</body>
</html>

View File

@ -1,11 +1,79 @@
{% extends 'base.html.twig' %} <!DOCTYPE html>
<html lang="fr, en">
<head>
<meta charset="UTF-8">
<title>Créer une intervention</title>
<link href="{{ asset('styles/css/intervention.css') }}" rel='stylesheet'>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{% block title %}New Intervention{% endblock %} <meta name="viewport" content="width=device-width, initial-scale=1">
{% block body %} </head>
<h1>Create new Intervention</h1> <body>
<div class="background"></div>
<img class="logoCalendar" src="{{ asset('styles/image/calendar.png') }}" alt="Logo Calendrier">
<a href="{{ path('app_intervention_index') }}" class="intervention">Créer une intervention</a>
<img class="logoChauffagiste" src="{{ asset('styles/image/chauffagiste.png') }}" alt="Logo Chauffagiste">
<h1 class="chauffagiste">Choisissez un chauffagiste</h1>
<img class="logoModifier" src="{{ asset('styles/image/modifier.png') }}">
<h1 class="modifier">Modifier l'intervention</h1>
<img class="logoHegre" src="{{ asset('styles/image/LogoHegreConfort_SansFond.png') }}">
{{ include('intervention/_form.html.twig') }}
<a href="{{ path('app_intervention_index') }}">back to list</a> <div class="background-intervention">
{% endblock %} <input required id="nom" placeholder="Nom de l'intervention">
<select required type="select" name="pannes" id="pannes">
<option value="pan1">pan1</option>
<option value="pan2">pan2</option>
<option value="pan3">pan3</option>
<option value="pan4">pan4</option>
<option value="pan5">pan5</option>
<option value="pan6">pan6</option>
</select>
<select required type="select" name="pannes" id="employesCompetences">
<option value="emp1">employé1 - sa compétence</option>
<option value="emp2">employé2 - sa compétence</option>
<option value="emp3">employé3 - sa compétence</option>
<option value="emp4">employé4 - sa compétence</option>
<option value="emp5">employé5 - sa compétence</option>
<option value="emp6">employé6 - sa compétence</option>
</select>
<!-- <input required id="employesCompetences" placeholder="Liste des employés et de leurs compétences"> -->
<select required type="select" name="piece" id="piece">
<option value="pièce1">Pièce affecter 1</option>
<option value="pièce2">Pièce affecter 2</option>
<option value="pièce3">Pièce affecter 3</option>
<option value="pièce4">Pièce affecter 4</option>
<option value="pièce5">Pièce affecter 5</option>
<option value="pièce6">Pièce affecter 6</option>
</select>
<p id="vehicule">Véhicule nécessaire</p>
<input type="checkbox" name="vehicule1" id="vehicule1">
<label for=”vehicule1” id="oui"> Oui </label>
<input type="checkbox" name="vehicule2" id="vehicule2">
<label for=”vehicule2” id="non"> Non </label>
<p id="date">Jour de l'intervention</p>
<input type="date" id="calendar">
<input type="text" id="description" placeholder="Description">
<input type="text" id="adresse" placeholder="Adresse">
<button type="submit" class="applique"> Appliquée </button>
<button type="reset" class="supprimer"> Supprimer </button>
<!-- {{ include('intervention/_form.html.twig') }} -->
<a href="{{ path('app_intervention_index') }}" id="liste">Retour à la liste</a>
</div>
</body>
</html>