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:
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
2
dist/manifest.json
vendored
|
@ -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"
|
||||||
],
|
],
|
||||||
|
|
|
@ -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);
|
||||||
});
|
});
|
||||||
|
|
|
@ -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();
|
||||||
|
|
Loading…
Add table
Reference in a new issue