05/24 Enhance functionalities

templates/admin/settings.html

@@ -52,6 +52,8 @@
         </div>
       </div>
       <div class="modal-footer">
+        <span id="email-test-status" class="settings-test-status"></span>
+        <button type="button" class="btn btn-ghost" onclick="testConnection('email')">📬 Test</button>
         <button class="btn btn-primary" type="submit">Save Email Settings</button>
       </div>
     </form>
@@ -77,9 +79,52 @@
         </div>
       </div>
       <div class="modal-footer">
+        <span id="groq-test-status" class="settings-test-status"></span>
+        <button type="button" class="btn btn-ghost" onclick="testConnection('groq')">🔌 Test</button>
         <button class="btn btn-primary" type="submit">Save AI Settings</button>
       </div>
     </form>
   </div>
 </div>
+
+<script>
+function testConnection(type) {
+  var url    = type === 'email' ? '/admin/settings/test-email' : '/admin/settings/test-groq';
+  var status = document.getElementById(type + '-test-status');
+  var btn    = event.target;
+  btn.disabled    = true;
+  btn.textContent = '…';
+  status.textContent = '';
+  status.className = 'settings-test-status';
+  fetch(url, { method: 'POST', headers: { 'X-CSRFToken': getCsrfToken() } })
+    .then(function(r) { return r.json(); })
+    .then(function(d) {
+      if (d.ok) {
+        status.classList.add('ok');
+        status.textContent = type === 'email'
+          ? '✓ Test email sent to ' + d.to
+          : '✓ Connected — model: ' + d.model;
+      } else {
+        status.classList.add('err');
+        status.textContent = '✕ ' + d.error;
+      }
+    })
+    .catch(function() {
+      status.classList.add('err');
+      status.textContent = '✕ Request failed';
+    })
+    .finally(function() {
+      btn.disabled    = false;
+      btn.textContent = type === 'email' ? '📬 Test' : '🔌 Test';
+    });
+}
+</script>
+
+<style>
+.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: start; }
+.settings-test-status { font-size: .78rem; margin-right: auto; max-width: 260px; }
+.settings-test-status.ok  { color: var(--success, #16a34a); }
+.settings-test-status.err { color: var(--danger,  #dc2626); }
+@media(max-width:760px) { .settings-grid { grid-template-columns: 1fr; } }
+</style>
 {% endblock %}

templates/admin/users.html

@@ -27,6 +27,11 @@
         <td class="actions">
           <button class="btn btn-ghost btn-sm"
             onclick='openEditUser({{ u|tojson }})'>✎ Edit</button>
+          {% if u.email %}
+          <button class="btn btn-ghost btn-sm js-send-reset"
+                  data-id="{{ u.id }}" data-username="{{ u.username }}" data-email="{{ u.email }}"
+                  title="Send password reset link to {{ u.email }}">✉ Reset</button>
+          {% endif %}
           <form method="post" action="{{ url_for('admin_users.delete', user_id=u.id) }}"
                 style="display:inline"
                 onsubmit="return confirm('Delete user {{ u.username }}?')">
@@ -141,5 +146,34 @@ function openEditUser(u) {
     '/admin/users/' + u.id + '/edit';
   openModal('modal-edit-user');
 }
+
+document.querySelectorAll('.js-send-reset').forEach(function(btn) {
+  btn.addEventListener('click', function() {
+    var username = btn.dataset.username;
+    var email    = btn.dataset.email;
+    if (!confirm('Send a password reset link to ' + username + ' (' + email + ')?')) return;
+    btn.disabled    = true;
+    btn.textContent = '…';
+    fetch('/admin/users/' + btn.dataset.id + '/send-reset', {
+      method: 'POST',
+      headers: { 'X-CSRFToken': getCsrfToken() },
+    }).then(function(r) { return r.json(); })
+      .then(function(d) {
+        if (d.ok) {
+          btn.textContent = '✓ Sent';
+          btn.style.color = 'var(--success, #16a34a)';
+        } else {
+          alert('Error: ' + d.error);
+          btn.disabled    = false;
+          btn.textContent = '✉ Reset';
+        }
+      })
+      .catch(function() {
+        alert('Request failed. Please try again.');
+        btn.disabled    = false;
+        btn.textContent = '✉ Reset';
+      });
+  });
+});
 </script>
 {% endblock %}