feat: implement QuestionBank CRUD with pagination and template query

- Add pagination support to findAll (page, limit query params) - Add findByTemplateId method to service - Add GET /by-template/:templateId endpoint to controller - Service already includes CRUD for QuestionBank and QuestionBankItem
2026-04-23 17:19:11 +08:00
commit 0a9588abb7
492 changed files with 112453 additions and 0 deletions
@@ -0,0 +1,96 @@
+import React, { useState } from 'react';
+import { useLanguage } from '../contexts/LanguageContext';
+import { ShieldCheck, ArrowRight } from 'lucide-react';
+import { authService } from '../services/authService';
+
+interface LoginPageProps {
+  onLoginSuccess: (token: string) => void;
+}
+
+const LoginPage: React.FC<LoginPageProps> = ({ onLoginSuccess }) => {
+  const { t } = useLanguage();
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+
+  const handleLogin = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!username.trim() || !password.trim()) {
+      setError(t('loginError'));
+      return;
+    }
+    setError('');
+    try {
+      const response = await authService.login(username, password);
+      onLoginSuccess(response.access_token);
+    } catch (err) {
+      setError(err.message || 'Login failed.');
+    }
+  };
+
+
+
+
+  return (
+    <div className="min-h-screen bg-slate-50 flex flex-col items-center justify-center p-4">
+      <div className="max-w-md w-full bg-white rounded-2xl shadow-xl p-8 border border-slate-100">
+        <div className="flex justify-center mb-6">
+          <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center text-blue-600">
+            <ShieldCheck className="w-8 h-8" />
+          </div>
+        </div>
+
+        <h1 className="text-2xl font-bold text-slate-900 text-center mb-2">
+          {t('loginTitle')}
+        </h1>
+        <p className="text-slate-500 text-center mb-8">
+          {t('loginDesc')}
+        </p>
+
+        <form onSubmit={handleLogin} className="space-y-4">
+          <div>
+            <input
+              type="text"
+              value={username}
+              onChange={(e) => {
+                setUsername(e.target.value);
+                setError('');
+              }}
+              className="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all"
+              placeholder={t('usernamePlaceholder') || 'Username'}
+            />
+          </div>
+          <div>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => {
+                setPassword(e.target.value);
+                setError('');
+              }}
+              className="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all"
+              placeholder={t('passwordPlaceholder') || 'Password'}
+            />
+            {error && <p className="text-red-500 text-sm mt-1 ml-1">{error}</p>}
+          </div>
+
+          <button
+            type="submit"
+            className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg flex items-center justify-center gap-2 transition-transform active:scale-95"
+          >
+            {t('loginButton')}
+            <ArrowRight className="w-4 h-4" />
+          </button>
+        </form>
+
+        <div className="mt-8 text-center">
+            <p className="text-xs text-slate-400">
+                Authorized Personnel Only
+            </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default LoginPage;