Initial commit

2026-05-12 23:33:46 +02:00
commit ccf32dcece
104 changed files with 17439 additions and 0 deletions
--- a/js/messageLabo.js
+++ b/js/messageLabo.js
@@ -0,0 +1,57 @@
+document.addEventListener('DOMContentLoaded', function () {
+    var messageList = document.querySelector('.messages-list');
+    var agendaContent = document.querySelector('.agenda-content');
+    var sectionTitle = document.querySelector('.message-du-labo .section-title');
+    var buttonMessages = document.querySelector('.button-messages');
+    if (!messageList || !agendaContent) return;
+
+    var items = Array.from(messageList.querySelectorAll('.message-item'));
+
+    function sync() {
+        items.forEach(function (item) {
+            item.style.display = '';
+            var content = item.querySelector('.message-content');
+            if (content) { content.style.maxHeight = ''; content.classList.remove('is-overflowing'); }
+        });
+
+        if (window.innerWidth < 768) {
+            // Mobile : afficher uniquement le premier message
+            items.forEach(function (item, i) { item.style.display = i === 0 ? '' : 'none'; });
+            return;
+        }
+
+        var budget = agendaContent.offsetHeight
+                   - (sectionTitle ? sectionTitle.offsetHeight : 0)
+                   - (buttonMessages ? buttonMessages.offsetHeight : 0);
+        var used = 0;
+
+        for (var i = 0; i < items.length; i++) {
+            var item = items[i];
+            var itemHeight = item.offsetHeight;
+            if (used + itemHeight <= budget) {
+                used += itemHeight;
+            } else {
+                var remaining = budget - used;
+                var content = item.querySelector('.message-content');
+                if (content && remaining > 100) {
+                    var contentBudget = remaining - (itemHeight - content.offsetHeight);
+                    if (contentBudget > 60) {
+                        content.style.maxHeight = contentBudget + 'px';
+                        content.classList.add('is-overflowing');
+                    } else {
+                        item.style.display = 'none';
+                    }
+                } else {
+                    item.style.display = 'none';
+                }
+                for (var j = i + 1; j < items.length; j++) {
+                    items[j].style.display = 'none';
+                }
+                break;
+            }
+        }
+    }
+
+    sync();
+    window.addEventListener('resize', sync);
+});