fix: #32 - some fixes in hire page

This commit is contained in:
Noah Lancien 2024-07-24 16:28:50 +02:00
parent 17690e0bf8
commit 158f933fae
4 changed files with 87 additions and 15 deletions

View file

@ -61,6 +61,8 @@ class SecureHeaders
"img-src 'self' data: blob: " . implode(' ', [
// * Leaftlet With OpenStreetmaps
'https://tile.openstreetmap.org',
// * Youtube thumbnails
'https://img.youtube.com/vi/',
// * VITE DEV
config('app.debug') ? "https://{$host}:4443" : '',
]) . ';',

View file

@ -0,0 +1,68 @@
<?php
use App\Enums\Sections\PageSectionEnum;
use App\Models\Section;
use Illuminate\Database\Migrations\Migration;
return new class extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up(): void
{
$hireSection = Section::query()->where('section', PageSectionEnum::hire_find)->first();
if ($hireSection) {
/** @var \App\Models\Section $hireSection */
$oldPictureField = $hireSection->data['bloc_image'];
$hireSection->data = array_merge(
$hireSection->data,
$hireSection->emptyPictureBloc(
[],
$oldPictureField['value'],
$oldPictureField['alt'],
$oldPictureField['title'],
$oldPictureField['dimensions']['width'],
$oldPictureField['dimensions']['height'],
false,
'Image'
)
);
$hireSection->save();
}
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down(): void
{
$hireSection = Section::query()->where('section', PageSectionEnum::hire_find)->first();
if ($hireSection) {
/** @var \App\Models\Section $hireSection */
$oldPictureField = $hireSection->data['bloc_image'];
$hireSection->data = array_merge(
$hireSection->data,
$hireSection->emptyPictureBloc(
[],
$oldPictureField['value'],
$oldPictureField['alt'],
$oldPictureField['title'],
$oldPictureField['dimensions']['width'],
$oldPictureField['dimensions']['height'],
true,
'Image'
)
);
$hireSection->save();
}
}
};

View file

@ -136,7 +136,6 @@ document.addEventListener("DOMContentLoaded", function () {
modules: [Navigation],
grabCursor: true,
slidesPerView: 1.2,
centeredSlides: true,
spaceBetween: 10,
navigation: {
nextEl: ".testi-next",
@ -154,6 +153,8 @@ document.addEventListener("DOMContentLoaded", function () {
1200: {
slidesPerView: 3,
spaceBetween: 20,
initialSlide: 1,
centerInsufficientSlides: true,
},
},
},
@ -246,7 +247,6 @@ document.addEventListener("DOMContentLoaded", function () {
modules: [Navigation, Keyboard],
grabCursor: true,
slidesPerView: 2,
// slidesPerView: "auto",
centerInsufficientSlides: true,
keyboard: {
enabled: true,

View file

@ -75,10 +75,11 @@
'type' => 'youtube',
'title' => __('Visionner la vidéo'),
'videoId' => $video->video_id,
'picture' => Vite::asset(
'resources/assets/images/others/background_video.png'),
'picture' => sprintf(
'https://img.youtube.com/vi/%s/maxresdefault.jpg',
$video->video_id),
'alt' => __('Video_about_who_we_are'),
'linkNewTab' => false,
'linkNewTab' => true,
])
</div>
<figcaption class="text-center">
@ -100,7 +101,7 @@
</div>
<div class="col-12 mt-5 text-center">
<a class="btn rounded-pill fw-semibold border-primary text-primary text-initial border border-2"
href="https://www.youtube.com/watch?v=x8ENDjHsehY" title="{{ __('Lien vers YouTube') }}" target="blank">
href="https://www.youtube.com/@Volena-ldc" title="{{ __('Lien vers YouTube') }}" target="blank">
{{ __('Voir toutes les vidéos') }}
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}" />
</a>
@ -259,12 +260,6 @@
{!! clean($paritySection->data['bloc_contenu_n2_content']['value']) !!}
</div>
</div>
<div class="col-12 w-lg-75 my-3">
<div class="text-center">
<img class="card-img-top p-2" src="{{ Vite::asset('resources/assets/images/infographie.png') }}"
alt="{{ __('Schéma des activités') }}">
</div>
</div>
<div class="col-12 my-3">
<div class="card bg-tertiary-light">
<img class="card-img-top rounded-top-4 p-2" src="{{ $paritySection->data['bloc_image_n2']['value'] }}"
@ -295,7 +290,15 @@
<div class="container">
<div class="row text-primary text-center">
<div class="col-12 mb-3">
<h2 class="fw-bold">{{ $findSection->data['bloc_string_titre_h3_de_la_section']['value'] }}</h2>
<h2 class="fw-bold">{{ $findSection->h2_title }}</h2>
</div>
<div class="col-10 offset-1">
<div class="ck-content mb-5">
{!! clean($findSection->text) !!}
</div>
</div>
<div class="col-12 mb-3">
<h3 class="fw-bold">{{ $findSection->data['bloc_string_titre_h3_de_la_section']['value'] }}</h3>
</div>
<div class="col-10 offset-1">
<div class="ck-content mb-5">
@ -305,8 +308,7 @@
</div>
<div class="row">
<div class="col-12 text-center">
<img class="img-fluid rounded-4 find-img"
src="{{ Vite::asset('resources/assets/images/banners/alternative_banner_reworked.jpg') }}"
<img class="img-fluid rounded-4 find-img" src="{{ asset($findSection->data['bloc_image']['value']) }}"
title="{{ $findSection->data['bloc_image']['title'] }}" alt="{{ $findSection->data['bloc_image']['alt'] }}">
</div>
</div>