fix : ouverture / fermeture en popin :

le chargement de gamutable passe dans une variable globale
permettant de forcer son rechargement à l'ouverture du modalbox
via la classe : modalgamutable
This commit is contained in:
Christophe 2023-04-06 10:43:24 +02:00
parent 45960057d8
commit beb9ca4d0c
4 changed files with 15 additions and 7 deletions

File diff suppressed because one or more lines are too long

2
dist/manifest.json vendored
View file

@ -3,7 +3,7 @@
"file": "assets/vendor-f73869ed.js" "file": "assets/vendor-f73869ed.js"
}, },
"gamutable.js": { "gamutable.js": {
"file": "assets/gamutable-301d8f4f.js", "file": "assets/gamutable-05204a94.js",
"imports": [ "imports": [
"_vendor-f73869ed.js" "_vendor-f73869ed.js"
], ],

View file

@ -7,7 +7,7 @@ jQuery(function () {
modalbox(); modalbox();
function modalbox() { function modalbox() {
$('body').on('click', '.modalbox', function (e) { $('body').on('click', '.modalbox, .modalgamutable', function (e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let ts = + new Date() let ts = + new Date()
@ -29,10 +29,18 @@ jQuery(function () {
let valeur_reduite = ($(window).width() * width) / 100; let valeur_reduite = ($(window).width() * width) / 100;
url += '&largeur=' + valeur_reduite + 'px'; url += '&largeur=' + valeur_reduite + 'px';
} }
let that = this;
data.onShow = () => { data.onShow = () => {
if (typeof charger_require !== undefined) { if (typeof charger_require !== undefined) {
charger_require(); charger_require();
} }
if ($(that).hasClass('modalgamutable')) {
if (typeof window.gamutable !== 'undefined') {
window.gamutable();
}
}
}; };
$.modalbox(url, data); $.modalbox(url, data);
}); });

View file

@ -13,8 +13,6 @@ const components = {
}; };
gamutable(); gamutable();
// onAjaxLoad(gamutable);
function gamutable() { function gamutable() {
let i = 1; let i = 1;
for (const el of document.getElementsByClassName('vue-gamutable')) { for (const el of document.getElementsByClassName('vue-gamutable')) {
@ -41,9 +39,11 @@ function gamutable() {
} }
i++; i++;
} }
} }
// le chargement de gamutable passe dans une variable globale
// permettant de forcer son rechargement à l'ouverture du modalbox
// via la classe : modalgamutable
window.gamutable = gamutable
$('#vueGamutable').on('click', '.url_action, .url_action--ss_css', function (e) { $('#vueGamutable').on('click', '.url_action, .url_action--ss_css', function (e) {
e.preventDefault(); e.preventDefault();