Nurfog/openccb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add production environment configuration file with database and service URLs

Browse Source
This commit is contained in:
Juan Enrique Allende Cifuentes
2026-04-08 11:47:26 -04:00
parent 6f340f14df
commit 6ba9a5a024
7 changed files with 193 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/studio/src/app/question-bank/page.tsx
+13 -21
View File
@@ -11,6 +11,10 @@ import QuestionBankEditor from '@/components/QuestionBank/QuestionBankEditor';
import QuestionBankCard from '@/components/QuestionBank/QuestionBankCard';
import MySQLImportModal from '@/components/QuestionBank/MySQLImportModal';
const isMySqlOrigin = (source?: string) => source === 'imported-mysql' || source === 'sam-diagnostico';
const isMaterialsOrigin = (source?: string) => source === 'imported-material';
const isAiOrigin = (source?: string) => source === 'ai-generated';
export default function QuestionBankPage() {
const [questions, setQuestions] = useState<QuestionBank[]>([]);
const [loading, setLoading] = useState(true);
@@ -89,19 +93,6 @@ export default function QuestionBankPage() {
}
};
const getSourceBadge = (source?: string) => {
switch (source) {
case 'imported-mysql':
return <span className="flex items-center gap-1 text-xs text-blue-600"><Globe className="w-3 h-3" /> MySQL</span>;
case 'ai-generated':
return <span className="flex items-center gap-1 text-xs text-purple-600"><Sparkles className="w-3 h-3" /> IA</span>;
case 'manual':
return <span className="text-xs text-gray-500">Manual</span>;
default:
return null;
}
};
return (
<div className="min-h-screen bg-gray-50 dark:bg-gray-900">
{/* Header */}
@@ -145,19 +136,19 @@ export default function QuestionBankPage() {
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg p-4 border border-gray-200 dark:border-gray-700">
<div className="text-2xl font-bold text-blue-600">
{questions.filter(q => q.source === 'imported-mysql').length}
{questions.filter(q => isMySqlOrigin(q.source)).length}
</div>
<div className="text-sm text-gray-500 dark:text-gray-400">Importadas MySQL</div>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg p-4 border border-gray-200 dark:border-gray-700">
<div className="text-2xl font-bold text-green-600">
{questions.filter(q => q.audio_status === 'ready').length}
<div className="text-2xl font-bold text-emerald-600">
{questions.filter(q => isMaterialsOrigin(q.source)).length}
</div>
<div className="text-sm text-gray-500 dark:text-gray-400">Con Audio</div>
<div className="text-sm text-gray-500 dark:text-gray-400">Materiales ZIP</div>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg p-4 border border-gray-200 dark:border-gray-700">
<div className="text-2xl font-bold text-purple-600">
{questions.filter(q => q.source === 'ai-generated').length}
{questions.filter(q => isAiOrigin(q.source)).length}
</div>
<div className="text-sm text-gray-500 dark:text-gray-400">Generadas IA</div>
</div>
@@ -237,9 +228,10 @@ export default function QuestionBankPage() {
className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
>
<option value="">Todos</option>
<option value="manual">Manual</option>
<option value="imported-mysql">MySQL</option>
<option value="ai-generated">IA</option>
<option value="mysql">Importadas MySQL</option>
<option value="materials">Importadas desde Materiales ZIP</option>
<option value="ai">Generadas por IA</option>
<option value="manual">Creadas manualmente</option>
</select>
</div>
<div>
web/studio/src/components/QuestionBank/QuestionBankCard.tsx
+31 -14
View File
@@ -40,6 +40,36 @@ export default function QuestionBankCard({ question, onEdit, onDelete }: Questio
}
};
const sourceBadge = (() => {
switch (question.source) {
case 'imported-mysql':
case 'sam-diagnostico':
return (
<span className="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400">
<Globe className="w-3 h-3" /> MySQL
</span>
);
case 'imported-material':
return (
<span className="flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400">
<Globe className="w-3 h-3" /> Materiales ZIP
</span>
);
case 'ai-generated':
return (
<span className="flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400">
<Sparkles className="w-3 h-3" /> IA
</span>
);
case 'manual':
return <span className="text-xs text-gray-500 dark:text-gray-400">Manual</span>;
default:
return question.source ? (
<span className="text-xs text-gray-500 dark:text-gray-400">{question.source}</span>
) : null;
}
})();
const handlePlayAudio = () => {
if (!question.audio_url) return;
@@ -184,20 +214,7 @@ export default function QuestionBankCard({ question, onEdit, onDelete }: Questio
<span className="text-xs font-medium text-gray-600 dark:text-gray-400">
{question.points} pts
</span>
{question.source && (
<div className="flex items-center gap-1">
{question.source === 'imported-mysql' && (
<span className="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400">
<Globe className="w-3 h-3" /> MySQL
</span>
)}
{question.source === 'ai-generated' && (
<span className="flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400">
<Sparkles className="w-3 h-3" /> IA
</span>
)}
</div>
)}
{sourceBadge && <div className="flex items-center gap-1">{sourceBadge}</div>}
</div>
</div>