Remove jQuery dependency in articles index js file

Author: wilsonge

assets/js/text/articles-index.js

@@ -3,17 +3,13 @@
  * @license    GNU General Public License version 2 or later; see LICENSE.txt
  */
 
-;(function (window, $) {
-	'use strict';
+const deleteArticleLinks = document.querySelectorAll('.delete-article');
 
-	$(function () {
-	    $('.delete-article').click(function (e) {
-	        e.preventDefault();
+deleteArticleLinks.forEach((article) => {
+	article.addEventListener('click', (e) => {
+		e.preventDefault();
 
-	        let articleId = $(this).attr('data-id');
-            let formClass = '.delete-article-' + articleId + '-form';
-
-            $(formClass).submit();
-        });
-    });
-})(window, jQuery);
+		let formClass = '.delete-article-' + article.dataset.id + '-form';
+		document.getElementById(formClass).submit();
+	})
+});

templates/text/articles.index.twig

@@ -35,7 +35,7 @@
                     <td>
                         <a href="{{ uri.base.path }}page/{{ a.alias }}">View</a>
                         <a href="#" class="delete-article" data-id="{{ a.article_id }}">Delete</a>
-                        <form method="post" action="{{ uri.base.path }}articles/{{ a.article_id }}/delete" class="visually-hidden delete-article-{{ a.article_id }}-form"></form>
+                        <form id="delete-article-{{ a.article_id }}-form" method="post" action="{{ uri.base.path }}articles/{{ a.article_id }}/delete" class="visually-hidden"></form>
                     </td>
                 </tr>
             {% else %}