No inline JS/styles in templates: app.js delegation (data-action/data-modal/data-confirm/data-auto-submit), B3 confirm/alert dialogs, theme-init file

web/src/main/resources/templates/admin/groups.html

@@ -8,8 +8,8 @@
         <div class="flex gap-2">
             <input class="input table-search" data-target="groups-table"
                    placeholder="Поиск по названию…" aria-label="Поиск по группам">
-            <button class="btn btn-secondary" type="button" onclick="openModal('modal-import-group')">Импорт</button>
-            <button class="btn btn-primary" type="button" onclick="openModal('modal-create-group')">+ Новая группа</button>
+            <button class="btn btn-secondary" type="button" data-modal="modal-import-group">Импорт</button>
+            <button class="btn btn-primary" type="button" data-modal="modal-create-group">+ Новая группа</button>
         </div>
     </div>
 
@@ -30,7 +30,7 @@
     <dialog id="modal-create-group" class="modal">
         <div class="modal-header">
             <h2 class="modal-title">Новая группа</h2>
-            <button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-create-group')">✕</button>
+            <button class="modal-close" type="button" aria-label="Закрыть">✕</button>
         </div>
         <div class="modal-body">
             <form class="form-stack" th:action="@{/admin/groups}" method="post">
@@ -45,7 +45,7 @@
     <dialog id="modal-import-group" class="modal">
         <div class="modal-header">
             <h2 class="modal-title">Импорт студентов</h2>
-            <button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-import-group')">✕</button>
+            <button class="modal-close" type="button" aria-label="Закрыть">✕</button>
         </div>
         <div class="modal-body">
             <form class="form-stack" th:action="@{/admin/groups/import}" method="post" enctype="multipart/form-data">