Merge branch 'develop' into trunk

This commit is contained in:
Noah Lancien 2024-07-29 16:35:58 +02:00
commit cdc915c9f9
8 changed files with 8 additions and 23 deletions

7
package-lock.json generated
View file

@ -9,7 +9,6 @@
"@babel/core": "^7.22.11",
"@babel/types": "^7.21.2",
"@erbelion/vite-plugin-laravel-purgecss": "^0.2.3",
"@fancyapps/ui": "^5.0.36",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-regular-svg-icons": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",
@ -913,12 +912,6 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
}
},
"node_modules/@fancyapps/ui": {
"version": "5.0.36",
"resolved": "https://registry.npmjs.org/@fancyapps/ui/-/ui-5.0.36.tgz",
"integrity": "sha512-GMygQzp1MBTFNTT6AzpbL6pXTD6bTxwjmmpI1fe8Ozmmiseu8/g82Sudl1YhcbZmS4bJgaBOF5THDFGpXQ1fDw==",
"dev": true
},
"node_modules/@fortawesome/fontawesome-common-types": {
"version": "6.5.1",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz",

View file

@ -17,7 +17,6 @@
"@babel/core": "^7.22.11",
"@babel/types": "^7.21.2",
"@erbelion/vite-plugin-laravel-purgecss": "^0.2.3",
"@fancyapps/ui": "^5.0.36",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-regular-svg-icons": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",

View file

@ -9,7 +9,6 @@
@import "./vendor/swiper";
@import "./vendor/cookie-notice";
@import "leaflet";
@import "./vendor/fancybox";
// * BASE
@import "./base/bootstrap-overload";

View file

@ -1,2 +0,0 @@
// import Fancybox style
@import "~/@fancyapps/ui/dist/fancybox/fancybox.css";

View file

@ -6,12 +6,9 @@ import.meta.glob(["./../../assets/images/**"]);
import CookieNotice from "@ldc-web/cookie-notice";
window.CookieNotice = CookieNotice;
// FANCYBOX
// LIGHTBOX
import "fslightbox";
// MODULES
import "./../modules/fancybox";
// UTILITIES
import "./utilities/bootstrap";
import "./utilities/fontawesome";

View file

@ -1,4 +0,0 @@
import { Fancybox } from "@fancyapps/ui";
Fancybox.bind("[data-fancybox]", {
});

View file

@ -69,7 +69,7 @@
@endif
<div class="col-12">
<div class="d-flex justify-content-center w-100 w-lg-75 w-xl-50 mx-auto">
<div class="cn-youtube cn-fancybox w-100"
<div class="cn-youtube cn-lightbox w-100"
data-id="{{ $missionSection->data['bloc_string_i_d_de_la_video_youtube']['value'] }}"
data-img="{{ asset($missionSection->data['bloc_illustration_de_la_video']['value']) }}"
data-play-btn-img="{{ Vite::asset('resources/assets/images/misc/play-button.svg') }}">

View file

@ -121,12 +121,11 @@ function () {
let width = item.dataset.width ?? "640";
let height = item.dataset.height ?? "360";
let e;
if (item.classList.contains('cn-fancybox')) {
if (item.classList.contains('cn-lightbox')) {
e = document.createElement('a');
e.target = "_blank";
e.classList.add('position-relative');
e.href = "https://www.youtube.com/watch?v=" + id;
e.dataset.fancybox = "";
e.dataset.fslightbox = "gallery";
let img = document.createElement('img');
img.src = item.dataset.img;
img.classList.add('w-100', 'h-100', 'object-fit-cover');
@ -147,6 +146,10 @@ function () {
};
item.innerHTML = "";
item.appendChild(e);
if (item.classList.contains('cn-lightbox')) {
refreshFsLightbox();
};
}
}
SCRIPT;