rorschach

2023-06-09 17:04:04 +02:00
parent 47d640beb3
commit 9beeb37aaa
486 changed files with 38480 additions and 26956 deletions
@@ -0,0 +1,55 @@
+/**
+ * @file
+ * Customization of messages.
+ */
+
+((Drupal, once) => {
+  /**
+   * Adds a close button to the message.
+   *
+   * @param {object} message
+   *   The message object.
+   */
+  const closeMessage = (message) => {
+    const messageContainer = message.querySelector(
+      '[data-drupal-selector="messages-container"]',
+    );
+
+    const closeBtnWrapper = document.createElement('div');
+    closeBtnWrapper.setAttribute('class', 'messages__button');
+
+    const closeBtn = document.createElement('button');
+    closeBtn.setAttribute('type', 'button');
+    closeBtn.setAttribute('class', 'messages__close');
+
+    const closeBtnText = document.createElement('span');
+    closeBtnText.setAttribute('class', 'visually-hidden');
+    closeBtnText.innerText = Drupal.t('Close message');
+
+    messageContainer.appendChild(closeBtnWrapper);
+    closeBtnWrapper.appendChild(closeBtn);
+    closeBtn.appendChild(closeBtnText);
+
+    closeBtn.addEventListener('click', () => {
+      message.classList.add('hidden');
+    });
+  };
+
+  /**
+   * Get messages from context.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches the close button behavior for messages.
+   */
+  Drupal.behaviors.messages = {
+    attach(context) {
+      once('messages', '[data-drupal-selector="messages"]', context).forEach(
+        closeMessage,
+      );
+    },
+  };
+
+  Drupal.olivero.closeMessage = closeMessage;
+})(Drupal, once);