leo.tuaillon
/
SAE_2A_FA-Reseau_ALICA
3
2
Fork 0
Code Issues 18 Pull Requests 2 Packages Projects 1 Releases Wiki Activity

push

Browse Source
offres2
Baptiste D 1 year ago
parent 04cfe69e03
commit 1dace622eb
9 changed files with 182 additions and 12 deletions
Show Stats Download Patch File Download Diff File

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
php/.DS_Store vendored
View File

Binary file not shown.

BIN
php/public/assets/deb.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
php/public/assets/devbanner.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

53
php/public/css/offreDetail.css
Unescape View File

@ -0,0 +1,53 @@
img
{
border-radius: 10px;
}
body{
margin: 0;
padding:0;
}
#titleDiv
{
background-image:url('../assets/deb.webp');
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-position: center;
color :white;
}
#title p
{
background-color: grey;
border-radius: 5px;
}
#title
{
font-size: 20px;
padding: 20px;
height: 70%;
align-items: center;
color: white;
background-color: #00DBFF;
}
#key {
display: flex;
justify-content: center;
color: black;
}
#key p
{
background-color: grey;
border-radius: 3px;
padding:10%;
}

3
php/src/controleur/UtilisateurControleur.php
Unescape View File

@ -113,7 +113,8 @@ class UtilisateurControleur
$twig->addExtension(new TwigExtensions()); // Ajouter l'extension personnalisée à l'environnement Twig
$offres = $offreMdl->obtenirOffres();
echo $twig->render('offres.html', ['offres' => $offres]);
echo $twig->render('offreDetail.html',[]);
//echo $twig->render('offres.html', ['offres' => $offres]);
}
protected function creerOffre()
{

28
php/templates/footer.html
Unescape View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Footer</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="d-flex justify-content-around">
<div style="background-color:#00DBFF">div 1</div>
<div style="background-color:#00DBFF">
<h3>Association</h3>
</div>
<div style="background-color:#00DBFF">
<h3>Aide</h3>
</div>
</div>
<p class="text-center">© Copyright 2023, All Rights Reserved by Alica</p>
</body>
</html>

50
php/templates/offreDetail.html
Unescape View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Offre Detail</title>
<link rel="stylesheet" href="css/offreDetail.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
{% include "menu.html" %}
</head>
<body>
<div id="titleDiv" class="jumbotron text-center">
<img src="assets/michelin.png" alt="Logo" height="70px">
<h1>Developpeur Fullstack</h1>
<img src="assets/location.png">
<p>Paris</p>
<div id="key" class="row justify-content-center">
<div class="col-md-2">
<p>CDI</p>
</div>
<div class="col-md-3">
<p>Experience: Non spécifié</p>
</div>
<div class="col-md-3">
<p>Etudes: Bac+2</p>
</div>
</div>
</div>
<p>Offre Proposée par marvin marbout</p>
<p>Publiée le 15/17/2023</p>
<h3>Description de l'offre</h3>
<div id="description" class="container">
<p>
Accompagné(e) par nos experts au sein d'une équipe pluridisciplinaire, tu conçois et développes des solutions innovantes répondant aux besoins de nos clients.
A ce titre, tu utilises les langages, frameworks et outils actuels.
Les méthodes agiles ainsi que les pratiques DevOps, l'intégration et le déploiement continu sont ton quotidien.
Tu interviens dans un environnement technique très riche. Rejoindre CGI dans le cadre de ton stage de fin d’études,
c’est intervenir sur des projets d’envergure et variés en lien avec ta formation tout en bénéficiant d’un accompagnement de proximité pour construire ta carrière.
C’est aussi s’investir auprès d’une entreprise responsable qui propose de nombreux avantages (prise en charge jusqu’à 100% des transports en commun) et partager des moments de convivialité pour ensuite nous rejoindre en CDI !
</p>
</div>
<!-- Include Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

60
php/templates/offres.html
Unescape View File

@ -4,6 +4,27 @@
<meta charset="UTF-8">
<title>Alica - Offres</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
.offre-container {
margin-bottom: 5%;
}
.offre-img {
max-width: 100%;
}
#titrePrincipal {
padding-bottom: 10px;
border-bottom: 1px solid black;
margin-bottom: 30px;
}
.custom-button {
background-color: #00DBFF;
border-color: #00DBFF;
color: #fff;
}
</style>
</head>
<body>
<header>
@ -13,24 +34,41 @@
<div class="container mt-4">
<h1 id="titrePrincipal">Offres d'emploi</h1>
{% for offre in offres %}
<article class="mb-4">
{% for offre in offres %}
<div class="offre-container">
<div class="row">
<div class="col-sm-3">
<img src="data:image/png;base64,{{ offre.getImg().getBlob() | base64 }}" class="img-fluid">
<!-- Première ligne -->
<div class="col-12 col-md-3">
<img src="data:image/png;base64,{{ offre.getImg().getBlob() | base64 }}" class="offre-img">
</div>
<div class="col-sm-9">
<div class="col-12 col-md-9">
<h3>{{ offre.getNom() }}</h3>
<p>{{ offre.getOffreur().getNom() }} - {{ offre.getExperience() }}</p>
<p>{{ offre.getDescription() }}</p>
<img src="assets/location.png" class="img-fluid" title="image"/>
<p>Julien Martin</p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="text-left">{{ offre.getDescription() }}</p>
</div>
</div>
<!-- Quatrième ligne (Localisation) -->
<div class="row">
<div class="col-1">
<img src="assets/location.png" class="img-fluid" title="ville">
</div>
<div class="col-11">
<p>{{ offre.getVille() }}</p>
</div>
</div>
</article>
<div class="row">
<div class="col-12">
<button type="button" class="btn btn-outline-primary btn-sm mb-2 custom-button">En savoir plus ></button>
</div>
</div>
</div>
{% endfor %}
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

Write Preview
Loading…
Cancel
Save