climatization 1

osunyorg · Sep 21, 2024 · 8f6a2ac · 8f6a2ac
1 parent b1ea284
commit 8f6a2ac
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 12 deletions.
diff --git a/assets/js/theme/components/lightbox.js b/assets/js/theme/components/lightbox.js
@@ -5,3 +5,4 @@ import './lightbox/events';
 import './lightbox/lightbox';
 import './lightbox/manager';
 import './lightbox/popupDetail';
+import './lightbox/utils';
diff --git a/assets/js/theme/components/lightbox/container.js b/assets/js/theme/components/lightbox/container.js
@@ -10,7 +10,8 @@ window.osuny.lightbox.LightboxContainer = function (element) {
     this.controlRack = null;
     this.popupDetails = null;
     this.listeners = {};
-    this.content = this.element.getElementsByClassName(window.osuny.lightbox.classes.content).item(0);
+    this._findElement = window.osuny.lightbox.utils.findElement.bind(this);
+    this.content = this._findElement('content');
     this._initialize();
 };
 
@@ -41,7 +42,7 @@ window.osuny.lightbox.LightboxContainer.prototype = {
     },
     _initialize () {
         var controlRackElement = document.getElementsByClassName(window.osuny.lightbox.classes.controls).item(0),
-            popupDetailsElement = this.element.getElementsByClassName(window.osuny.lightbox.classes.detailWindow).item(0);
+            popupDetailsElement = this._findElement('detailWindow');
         this.controlRack = new window.osuny.lightbox.ControlRack(controlRackElement);
         this.popupDetails = new window.osuny.lightbox.Popup(popupDetailsElement);
         this._initializeListeners();

diff --git a/assets/js/theme/components/lightbox/controls.js b/assets/js/theme/components/lightbox/controls.js
@@ -4,12 +4,13 @@ window.osuny.lightbox = window.osuny.lightbox || {};
 
 window.osuny.lightbox.ControlRack = function (element) {
     this.element = element;
+    this._findElement = window.osuny.lightbox.utils.findElement.bind(this);
     this.buttons = {
-        close: this.element.getElementsByClassName(window.osuny.lightbox.classes.closeButton).item(0),
-        previous: this.element.getElementsByClassName(window.osuny.lightbox.classes.prevButton).item(0),
-        next: this.element.getElementsByClassName(window.osuny.lightbox.classes.nextButton).item(0),
-        description: this.element.getElementsByClassName(window.osuny.lightbox.classes.infoButton).item(0),
-        credit: this.element.getElementsByClassName(window.osuny.lightbox.classes.creditButton).item(0)
+        close: this._findElement('closeButton'),
+        previous: this._findElement('prevButton'),
+        next: this._findElement('nextButton'),
+        description: this._findElement('infoButton'),
+        credit: this._findElement('creditButton')
     };
     this._initializeEvents();
 };

diff --git a/assets/js/theme/components/lightbox/lightbox.js b/assets/js/theme/components/lightbox/lightbox.js
@@ -4,6 +4,7 @@ window.osuny.lightbox = window.osuny.lightbox || {};
 
 window.osuny.lightbox.Lightbox = function (element, index) {
     this.element = element;
+    this._findElement = window.osuny.lightbox.utils.findElement.bind(this);
     this.index = index;
     this.url = null;
     this.credit = null;
@@ -18,7 +19,7 @@ window.osuny.lightbox.Lightbox = function (element, index) {
 window.osuny.lightbox.Lightbox.prototype = {
     _initialize () {
         var options;
-        this.launcher = this.element.getElementsByClassName(window.osuny.lightbox.classes.launcher).item(0);
+        this.launcher = this._findElement('launcher');
         if (this.launcher) {
             this.launcher.setAttribute('value', this.index);
             this.url = this.launcher.href;

diff --git a/assets/js/theme/components/lightbox/popupDetail.js b/assets/js/theme/components/lightbox/popupDetail.js
@@ -4,6 +4,7 @@ window.osuny.lightbox = window.osuny.lightbox || {};
 
 window.osuny.lightbox.Popup = function (element) {
     this.element = element;
+    this._findElement = window.osuny.lightbox.utils.findElement.bind(this);
     this.titles = {};
     this.title = null;
     this.currentContent = {};
@@ -12,10 +13,10 @@ window.osuny.lightbox.Popup = function (element) {
     this.current = null;
     this.opened = false;
 
-    this.content = this.element.getElementsByClassName(window.osuny.lightbox.classes.detailWindowContent).item(0);
-    this.titles.description = this.element.getElementsByClassName(window.osuny.lightbox.classes.detailWindowTitleInformation).item(0);
-    this.titles.credit = this.element.getElementsByClassName(window.osuny.lightbox.classes.detailWindowTitleCredit).item(0);
-    this.closeButton = this.element.getElementsByClassName(window.osuny.lightbox.classes.detailWindowClose).item(0);
+    this.content = this._findElement('detailWindowContent');
+    this.titles.description = this._findElement('detailWindowTitleInformation');
+    this.titles.credit = this._findElement('detailWindowTitleCredit');
+    this.closeButton = this._findElement('detailWindowClose');
     this.closeButton.addEventListener('click', function (e) {
         var event = new Event('closePopup');
         this.element.dispatchEvent(event);

diff --git a/assets/js/theme/components/lightbox/utils.js b/assets/js/theme/components/lightbox/utils.js
@@ -0,0 +1,10 @@
+window.osuny = window.osuny || {};
+window.osuny.lightbox = window.osuny.lightbox || {};
+
+window.osuny.lightbox.utils = {
+    // Méhodes ajoutées comme des traits (décorateur) aux objets qui en ont besoin
+    findElement: function(classKey) {
+        var className = window.osuny.lightbox.classes[classKey];
+        return this.element.getElementsByClassName(className).item(0);
+    }
+}