forge-joniko/ldc-legaulois
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'le-gaulois-2024' into develop

Browse source
This commit is contained in:
Vincent BRIDIER 2024-09-20 12:50:05 +02:00
commit a0999650b9
No known key found for this signature in database
GPG key ID: 8571BFA20420D512
11 changed files with 102 additions and 99 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
resources/sass/fo/pages/breeding/article.scss
View file

@ -22,32 +22,6 @@
ul {
list-style: none;
}
.breeding-article-image-wrapper {
@include media-breakpoint-up(xl) {
position: absolute;
top: -1rem;
right: 2vw;
max-width: 55%;
height: 110%;
transform: translateX(8vw);
img {
max-width: initial;
min-height: 100%;
}
}
@include media-breakpoint-up(xxl) {
right: 12vw;
max-width: 45%;
}
img {
box-shadow: -4px 8px 14px 0 rgb(0 0 0 / 23%);
transform: rotate(2deg);
}
}
}
}
}

18
resources/ts/fo/base/common.ts
View file

@ -210,9 +210,9 @@ document.addEventListener("DOMContentLoaded", function () {
"swiper-recruitment-news-corporates": {
modules: [Navigation, Keyboard, Pagination],
grabCursor: true,
slidesPerView: 3,
spaceBetween: 1,
slidesPerGroup: 3,
slidesPerView: 1,
spaceBetween: 40,
centerInsufficientSlides: true,
navigation: {
nextEl: ".swiper-recruitment-news-corporates-button-next",
prevEl: ".swiper-recruitment-news-corporates-button-prev",
@ -228,6 +228,16 @@ document.addEventListener("DOMContentLoaded", function () {
return "<button class=\"btn btn-tertiary rounded-circle border-0 mx-2 p-0 " + className + "\" title=\"Aller à la slide " + index + "\"></button>";
},
},
breakpoints: {
576: {
slidesPerView: 2,
slidesPerGroup: 2,
},
992: {
slidesPerView: 3,
slidesPerGroup: 3,
},
},
},
"swiper-main-slides": {
modules: [Autoplay, Navigation, Keyboard],
@ -490,7 +500,7 @@ document.addEventListener("DOMContentLoaded", function () {
"swiper-cards-breeder-pages": {
modules: [Navigation],
grabCursor: true,
slidesPerView: 1.3,
slidesPerView: 1,
spaceBetween: 40,
centerInsufficientSlides: true,
navigation: {

8
resources/ts/fo/components/SearchModelComponent.vue
View file

@ -5,11 +5,11 @@
>
<!-- TEXTS MOBILE -->
<div class="d-md-none col-12 col-md-7 col-xl-8 text-center">
<h2 ref="modelSubtitle">
<h2 ref="modelSubtitleMobile">
{{ textsParameters.subtitle }}
</h2>
<p
ref="modelDescription"
ref="modelDescriptionMobile"
v-html="textsParameters.description"
/>
</div>
@ -319,6 +319,8 @@ const filtersList = ref<HTMLDivElement|null>(null);
const childrenList = ref<HTMLDivElement|null>(null);
const modelSubtitle = ref<HTMLTitleElement|null>(null);
const modelDescription = ref<HTMLParagraphElement|null>(null);
const modelSubtitleMobile = ref<HTMLTitleElement|null>(null);
const modelDescriptionMobile = ref<HTMLParagraphElement|null>(null);
// * DATA
@ -457,6 +459,8 @@ function updateTexts(newTitle: string|null = null): void {
: filtersDetailsParameters.selectedModel;
modelSubtitle.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
modelDescription.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
modelSubtitleMobile.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
modelDescriptionMobile.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
let parentTitle = (filtersDetailsParameters.selectedChildModel !== null)
? filtersDetailsParameters.selectedModel?.label + ", "
: "";

51
resources/views/fo/pages/breeding/article.blade.php
View file

@ -8,35 +8,40 @@
@section('content')
<section id="breeding-article">
{{-- HEADER --}}
<section class="position-relative mb-xl-0 mb-3" id="breeding-article-header">
<div class="position-absolute w-100 h-100 start-0 z-0" id="breeding-article-background"></div>
<div class="row w-100 container mx-auto pb-5">
<div class="col-12 col-xl-6 col-xxl-8 position-relative z-1">
<section id="header-banner" @class([
'position-relative header-line-border',
'mb-5 mb-xl-0' => isset($contentAstride) && $contentAstride,
])>
<div class="position-absolute w-100 h-100 start-0 z-0" id="header-background"></div>
<div class="row w-100 pb-lg-5 container mx-auto pb-0">
<div class="col-12 col-xl-6 position-relative z-1">
@include('modules.breadcrumbs.breadcrumb-body', ['brParam' => [$staticPageModel, $newsBreedingModel]])
<h1 class="text-break my-3">{{ $newsBreedingModel->title }}</h1>
</div>
<div class="col-12 col-md-6 position-relative z-1">
<ul class="d-flex justify-content-start align-items-baseline p-0">
<li class="me-2">
<p class="text-uppercase text-bg-success f-bourton-base fs-5 px-2 py-1">{{ $staticPageModel->title }}
</p>
</li>
<li>
@include('fo.partials.button-share', [
'link' => route('fo.breeding.article.show', [$staticPageModel, $newsBreedingModel]),
'elementName' => __('cet article'),
])
</li>
</ul>
<hgroup>
<div class="d-flex justicy-content-center align-items-center">
<h1 class="my-3">{{ $newsBreedingModel->title }}</h1>
</div>
<ul class="d-flex justify-content-start align-items-baseline p-0">
<li class="me-2">
<p class="text-uppercase text-bg-success f-bourton-base fs-5 px-2 py-1">{{ $staticPageModel->title }}
</p>
</li>
<li>
@include('fo.partials.button-share', [
'link' => route('fo.breeding.article.show', [$staticPageModel, $newsBreedingModel]),
'elementName' => __('cet article'),
])
</li>
</ul>
</hgroup>
</div>
<div class="d-none d-xl-block col-6 col-xxl-4">
<div class="breeding-article-image-wrapper">
<div class="header-image-wrapper">
<img class="img-fluid" src="{{ asset($newsBreedingModel->picture) }}" title="{{ $newsBreedingModel->picture_title }}"
alt="{{ $newsBreedingModel->picture_alt }}">
</div>
</div>
<div class="d-xl-none col-12 col-md-8 position-relative z-1 mx-auto mt-4">
<div class="breeding-article-image-wrapper">
<div class="col-12 col-md-8 position-relative z-1 mx-auto mt-4">
<div class="d-xl-none header-image-wrapper">
<img class="img-fluid" src="{{ asset($newsBreedingModel->picture) }}" title="{{ $newsBreedingModel->picture_title }}"
alt="{{ $newsBreedingModel->picture_alt }}">
</div>
@ -44,7 +49,7 @@
</div>
</section>
<section class="container mt-3">
<div class="row">
<div class="row py-5">
<article class="col me-4">
<h2 class="text-break">{{ $newsBreedingModel->subtitle }}</h2>
<div class="ck-content">

3
resources/views/fo/pages/breeding/index.blade.php
View file

@ -20,10 +20,11 @@
'title' => 'L\'élevage des volailles',
'text' => nl2br(
__(
'Face aux préoccupations des consommateurs sur le bien-être animal, Le Gaulois vous dit tout sur ses :strongStartéleveurs partenaires:strongEnd et ses conditions d:strongStart\'élevages de volailles.:strongEnd Chaque jour, nous collaborons avec les éleveurs partenaires engagés dans la démarche éthique et responsable pour améliorer le confort de nos volailles. Chez les éleveurs partenaires Le Gaulois, la protection animale ne cesse d\'être l\'enjeu majeur.',
'Face aux préoccupations des consommateurs sur le bien-être animal, Le Gaulois vous dit tout sur ses :strongStartéleveurs partenaires:strongEnd et ses :strongStartconditions d\'élevages de volailles.:strongEnd :br Chaque jour, nous collaborons avec les éleveurs partenaires engagés dans la :strongStartdémarche éthique et responsable:strongEnd pour améliorer le confort de nos volailles. Chez les éleveurs partenaires Le Gaulois, la :strongStartprotection animale:strongEnd ne cesse d\'être l\'enjeu majeur.',
[
'strongStart' => '<strong>',
'strongEnd' => '</strong>',
'br' => '<br>',
])),
])

3
resources/views/fo/pages/breeding/show.blade.php
View file

@ -33,10 +33,11 @@
'title' => 'L\'élevage des volailles',
'text' => nl2br(
__(
'Face aux préoccupations des consommateurs sur le bien-être animal, Le Gaulois vous dit tout sur ses :strongStartéleveurs partenaires:strongEnd et ses conditions d:strongStart\'élevages de volailles.:strongEnd Chaque jour, nous collaborons avec les éleveurs partenaires engagés dans la démarche éthique et responsable pour améliorer le confort de nos volailles. Chez les éleveurs partenaires Le Gaulois, la protection animale ne cesse d\'être l\'enjeu majeur.',
'Face aux préoccupations des consommateurs sur le bien-être animal, Le Gaulois vous dit tout sur ses :strongStartéleveurs partenaires:strongEnd et ses :strongStartconditions d\'élevages de volailles.:strongEnd :br Chaque jour, nous collaborons avec les éleveurs partenaires engagés dans la :strongStartdémarche éthique et responsable:strongEnd pour améliorer le confort de nos volailles. Chez les éleveurs partenaires Le Gaulois, la :strongStartprotection animale:strongEnd ne cesse d\'être l\'enjeu majeur.',
[
'strongStart' => '<strong>',
'strongEnd' => '</strong>',
'br' => '<br>',
])),
])
</section>

15
resources/views/fo/pages/commitments/respect.blade.php
View file

@ -107,7 +107,7 @@
'title' => __('stop à la déforestation, halte au soja non responsable'),
'text' => nl2br(
__(
'Chez Le Gaulois, pour assurer :strongStartl’apport protéique:strongEnd et assurer un équilibre nutritionnel de nos volailles, nous les alimentons avec du soja. C’est la légumineuse la plus riche en protéines et en acides aminés essentiels ! Conscient que la culture du Soja importée est assujettie à de nombreux questionnements, notamment son impact sur la déforestation.',
'Chez Le Gaulois, pour assurer :strongStartl’apport protéique:strongEnd et assurer un :strongStartéquilibre nutritionnel de nos volailles:strongEnd, nous les alimentons avec du :strongStartsoja:strongEnd. C’est la :strongStartlégumineuse la plus riche en protéines et en acides aminés essentiels !:strongEnd Conscient que la culture du Soja importée est assujettie à de nombreux questionnements, notamment son impact sur la :strongStartdéforestation.:strongEnd',
[
'strongStart' => '<strong>',
'strongEnd' => '</strong>',
@ -135,11 +135,17 @@
'Conscient de son rôle, Le Gaulois s ‘est engagé dans une démarche continue de réduction de ses emballages et d’amélioration de leur recyclabilité, tout en garantissant la sécurité alimentaire.') .
'</br>' .
__(
'<ul class="mb-3 p-0">Depuis fin 2023, près de 80% de nos emballages sont responsables :<li class="ms-4">soit intégrant de la matière recyclée</li><li class="ms-4">soit en étant recyclables</li></ul>') .
__('D’ici fin 2025, nous ambitionnons de passer à près de 95% d’emballages responsables.') .
'<ul class="mb-3 p-0">Depuis fin 2023, près de :strongStart80% de nos emballages sont responsables:strongEnd :<li class="ms-4">soit intégrant de la matière recyclée</li><li class="ms-4">soit en étant recyclables</li></ul>',
['strongStart' => '<strong>', 'strongEnd' => '</strong>']) .
__(
'<p>D’ici fin 2025, nous ambitionnons de passer à près de :strongStart95% d’emballages responsables.:strongEnd</p>',
[
'strongStart' => '<strong>',
'strongEnd' => '</strong>',
]) .
'</br>' .
__(
':divStart:image:hgroupStart:strongStartLe saviez-vous ?:strongEnd 100% des emballages cartons Le Gaulois sont déjà issus de cartons recyclés et certifiés FSC, garantissant une gestion responsable des forêts, et plus de 60% des barquettes de volaille Le Gaulois sont recyclables ou intégrant au moins 50% de matière recyclée.:hgroupEnd:divEnd',
':divStart:image:hgroupStart:strongStartLe saviez-vous ?:strongEnd 100% des emballages cartons Le Gaulois sont déjà issus de :strongStartcartons recyclés et certifiés FSC:strongEnd, garantissant une gestion responsable des forêts, et :strongStartplus de 60% des barquettes:strongEnd de volaille Le Gaulois sont recyclables ou intégrant :strongStartau moins 50% de matière recyclée.:hgroupEnd:divEnd:strongEnd',
[
'image' =>
'<img src="' .
@ -190,6 +196,7 @@
// Item 4
$complexItem4 = new stdClass();
$complexItem4->title = str(__('moins de plastique'))->upper();
$complexItem4->text = str(__('minimiser notre empreinte carbone et agir sur le changement climatique'));
$complexItem4->picto = 'resources/assets/images/commitments/pictograms/picto-plastic-decrease.svg';
$complexItem4->picto_alt = __('Pictogramme d’un sac plastique avec l’estampille de recyclabilité');
$complexItem4->picto_title = __('Pictogramme sur la diminution de plastique');

4
resources/views/fo/pages/recruitment.blade.php
View file

@ -185,7 +185,7 @@
</section>
{{-- NEWS CORPORATE --}}
<section class="line-border-large bg-light py-5" id="recruitment-news-corporate">
<div class="container-fluid pt-lg-0 pt-5">
<div class="pt-lg-0 container pt-5">
<div class="row w-100 justify-content-center mx-auto">
<div class="col-12">
<h2 class="h1 f-intro-head-h-base text-center">
@ -201,7 +201,7 @@
id="swiper-recruitment-news-corporates">
<div class="swiper-wrapper">
@foreach ($newsCorporateModels as $newsCorporateModel)
<div class="swiper-slide">
<div class="swiper-slide h-auto">
@include('fo.partials.news-corporate-card', [
'newsCorporateModel' => $newsCorporateModel,
])

28
resources/views/fo/partials/breeding-card.blade.php
View file

@ -8,20 +8,20 @@
--}}
<div class="breeding-card bottom-left-shadow position-relative card mb-5 border-0 bg-transparent">
<div class="card-img-top line-border-medium img-wrapper bg-white p-2">
<img class="w-100 line-border-medium" src="{{ Vite::asset($picture['src']) }}" title="{{ $picture['alt'] }}"
alt="{{ $picture['title'] }}">
</div>
<div class="card-body position-absolute w-100 d-flex flex-column p-0">
<div class="position-relative">
<div class="line-border-medium text-zone pb-4 pt-3">
<p class="text-uppercase fs-4 f-bourton-base px-4 pt-3 text-white">{{ $title }}</p>
</div>
<div class="position-absolute w-100 d-flex justify-content-center breeding-card-btn">
<a class="btn btn-quint f-bourton-base" href="{{ $link }}"
@if (!empty($linkNewTab)) target="_blank" @endif>{{ __('En savoir plus') }}</a>
<a href="{{ $link }}" @if (!empty($linkNewTab)) target="_blank" @endif>
<div class="card-img-top line-border-medium img-wrapper bg-white p-2">
<img class="w-100 line-border-medium" src="{{ asset($picture['src']) }}" title="{{ $picture['alt'] }}"
alt="{{ $picture['title'] }}">
</div>
<div class="card-body position-absolute w-100 d-flex flex-column p-0">
<div class="position-relative">
<div class="line-border-medium text-zone pb-4 pt-3">
<p class="text-uppercase fs-4 f-bourton-base px-4 pt-3 text-white">{{ $title }}</p>
</div>
<div class="position-absolute w-100 d-flex justify-content-center breeding-card-btn">
<div class="btn btn-quint f-bourton-base">{{ __('En savoir plus') }}</div>
</div>
</div>
</div>
</div>
</a>
</div>

2
resources/views/fo/partials/commitments/other-commitments.blade.php
View file

@ -53,7 +53,7 @@
<div class="swiper-slide">
@include('fo.partials.breeding-card', [
'picture' => [
'src' => $item->picture,
'src' => Vite::asset($item->picture),
'alt' => $item->picture_alt,
'title' => $item->picture_title,
],

43
resources/views/fo/partials/news-corporate-card.blade.php
View file

@ -4,27 +4,28 @@
$newsCorporateModel || New corporate model. || Model || REQUIRED ||
--}}
<div class="news-card bottom-left-shadow card h-lg-100 border-0 bg-transparent w-100 w-lg-75 mx-0 mx-lg-auto mt-lg-0 mt-5">
<div class="line-border-small h-100 bg-white">
<div class="card-img-top position-relative mb-4">
<img class="w-100 line-border-small"
src="{{ asset($newsCorporateModel->picture) }}"
title="{{ $newsCorporateModel->picture_alt }}"
alt="{{ $newsCorporateModel->picture_title }}">
<div @class(['position-absolute tag rotate-left', 'd-none' => $newsCorporateModel->url ? false : true])>
<a href="{{ $newsCorporateModel->url ?? '#'}}"
title="{{ __('Accéder à l\'article sur Linkedin') }}"
target="_blank"
class="text-decoration-none text-uppercase text-bg-quad f-bourton-base fs-5 px-2 py-1">
{{ __('LINKEDIN') }}
</a>
<div class="news-card bottom-left-shadow card h-lg-100 w-100 mt-lg-0 mx-0 mt-5 border-0 bg-transparent">
<a class="text-decoration-none h-100" href="{{ $newsCorporateModel->url ?? '#' }}" title="{{ __('Accéder à l\'article sur Linkedin') }}"
target="_blank">
<div class="line-border-small h-100 bg-white">
<div class="card-img-top position-relative mb-4">
<img class="w-100 line-border-small" src="{{ asset($newsCorporateModel->picture) }}"
title="{{ $newsCorporateModel->picture_alt }}" alt="{{ $newsCorporateModel->picture_title }}">
<div @class([
'position-absolute tag rotate-left',
'd-none' => $newsCorporateModel->url ? false : true,
])>
<div class="text-decoration-none text-uppercase text-bg-quad f-bourton-base fs-5 px-2 py-1">
{{ __('LINKEDIN') }}
</div>
</div>
</div>
<div class="card-body p-4">
<h2 class="text-uppercase fs-4 f-bourton-base">
{{ $newsCorporateModel->title }}
</h2>
<p class="fs-5">{{ str($newsCorporateModel->content)->limit(300) }}</p>
</div>
</div>
<div class="card-body p-4">
<h2 class="text-uppercase fs-4 f-bourton-base">
{{ $newsCorporateModel->title }}
</h2>
<p class="fs-5">{{ $newsCorporateModel->content }}</p>
</div>
</div>
</a>
</div>