public/api_builder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: frontend/src/components/EndpointModal.tsx

Browse Source
This commit is contained in:
GEgorov
2025-12-15 16:20:39 +03:00
parent afd79b9c2e
commit 5255e0622e
1 changed files with 77 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/components/EndpointModal.tsx
View File

@@ -464,14 +464,26 @@ export default function EndpointModal({
</select>
</div>
<div>
<div className="flex items-center justify-between mb-2">
<label className="block text-sm font-medium text-gray-700">
<div className="border border-gray-200 rounded-lg">
<div
className="flex items-center justify-between p-3 bg-gray-50 cursor-pointer hover:bg-gray-100 rounded-t-lg"
onClick={() => setQueriesExpanded(!queriesExpanded)}
>
<div className="flex items-center gap-2">
{queriesExpanded ? <ChevronUp size={18} /> : <ChevronDown size={18} />}
<label className="text-sm font-medium text-gray-700 cursor-pointer">
SQL Запросы для скрипта
{formData.script_queries.length > 0 && (
<span className="ml-2 px-2 py-0.5 bg-primary-100 text-primary-700 rounded-full text-xs">
{formData.script_queries.length}
</span>
)}
</label>
</div>
<button
type="button"
onClick={() => {
onClick={(e) => {
e.stopPropagation();
const newQueries = [...formData.script_queries, {
name: '',
sql: '',
@@ -483,15 +495,17 @@ export default function EndpointModal({
}];
setFormData({ ...formData, script_queries: newQueries });
setEditingQueryIndex(newQueries.length - 1);
setQueriesExpanded(true);
}}
className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
>
<Plus size={16} />
Добавить запрос
Добавить
</button>
</div>
{formData.script_queries.length > 0 ? (
<div className="space-y-2 mb-4">
{queriesExpanded && (
formData.script_queries.length > 0 ? (
<div className="space-y-2 p-4">
{formData.script_queries.map((query: any, idx: number) => (
<div key={idx} className="border border-gray-200 rounded-lg p-4 bg-white hover:shadow-sm transition-shadow">
<div className="flex items-center justify-between">
@@ -546,9 +560,10 @@ export default function EndpointModal({
))}
</div>
) : (
<div className="text-center py-6 mb-4 border border-gray-200 rounded-lg bg-gray-50">
<div className="text-center py-6 bg-white rounded-b-lg">
<p className="text-sm text-gray-500">Нет SQL запросов. Добавьте запросы для использования в скрипте.</p>
</div>
)
)}
</div>