first commit

media/system/js/fields/joomla-field-send-test-mail.js

@@ -0,0 +1,74 @@
+((customElements, Joomla) => {
+  class JoomlaFieldSendTestMail extends HTMLElement {
+    // attributeChangedCallback(attr, oldValue, newValue) {}
+    constructor() {
+      super();
+      if (!Joomla) {
+        throw new Error('Joomla API is not properly initiated');
+      }
+      if (!this.getAttribute('uri')) {
+        throw new Error('No valid url for validation');
+      }
+    }
+    connectedCallback() {
+      const self = this;
+      const button = document.getElementById('sendtestmail');
+      if (button) {
+        button.addEventListener('click', () => {
+          self.sendTestMail(self);
+        });
+      }
+    }
+    sendTestMail() {
+      const emailData = {
+        smtpauth: document.getElementById('jform_smtpauth1').checked ? 1 : 0,
+        smtpuser: this.querySelector('[name="jform[smtpuser]"]').value,
+        smtphost: this.querySelector('[name="jform[smtphost]"]').value,
+        smtpsecure: this.querySelector('[name="jform[smtpsecure]"]').value,
+        smtpport: this.querySelector('[name="jform[smtpport]"]').value,
+        mailfrom: this.querySelector('[name="jform[mailfrom]"]').value,
+        fromname: this.querySelector('[name="jform[fromname]"]').value,
+        mailer: this.querySelector('[name="jform[mailer]"]').value,
+        mailonline: document.getElementById('jform_mailonline1').checked ? 1 : 0
+      };
+      const smtppass = this.querySelector('[name="jform[smtppass]"]');
+      if (smtppass.disabled === false) {
+        emailData.smtppass = smtppass.value;
+      }
+
+      // Remove js messages, if they exist.
+      Joomla.removeMessages();
+      Joomla.request({
+        url: this.getAttribute('uri'),
+        method: 'POST',
+        data: JSON.stringify(emailData),
+        perform: true,
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        onSuccess: resp => {
+          let response;
+          try {
+            response = JSON.parse(resp);
+          } catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e);
+          }
+          if (typeof response.messages === 'object' && response.messages !== null) {
+            Joomla.renderMessages(response.messages);
+          }
+          document.body.scrollIntoView({
+            behavior: 'smooth'
+          });
+        },
+        onError: xhr => {
+          Joomla.renderMessages(Joomla.ajaxErrorsMessages(xhr));
+          document.body.scrollIntoView({
+            behavior: 'smooth'
+          });
+        }
+      });
+    }
+  }
+  customElements.define('joomla-field-send-test-mail', JoomlaFieldSendTestMail);
+})(customElements, Joomla);