attacker
63e4c220d4
迁移范围: - deploy 模块 (PipelineEditor/PipelineDetailDialog/PipelineFormDialog/PipelineRunDialog/ReleaseCreateDialog/ReleaseDetailDialog/ReleaseManager/ToolConfigTab/JobRoleCreateDialog 等 14 文件) - kubernetes 模块 (YamlEditorToolbar/DeploymentHpaTab/DeploymentLogsTab/DeploymentPodsTab/DnsHostSection/SchedulingSection/EventsTab/HPACronHPATab/HistoryTab/PodsTab/ServicesTab/ActionModals 等 12 文件) - monitor 模块 (AlertEventsTab/AlertCenterDetail/DatasourcePage/LogAlertBell/LogCenter/LogCenterArchBanner/StatChartPanel/LogRoleCreateDialog 等 8 文件) - task 模块 (CronJobStatsPanel/CronJobTable/CronJobViewDialog/ExecutionHistoryDialog 4 文件) - layout (PageEmpty/PageLoading 2 文件) - site-monitor/snmp-monitor 模块 (6 文件) 翻译键: 3975 → 4003 (+28 缺失键补全), 22 命名空间, zh-CN/en-US 完全对齐 新增命名空间: agent/aiops/cloud/kubernetes/monitor/pipeline/rbac/system/task/ui 验证: go build✅ tsc -b=0 npm build✅ (20.78s) 17/17 集成测试通过
67 lines
2.7 KiB
TypeScript
67 lines
2.7 KiB
TypeScript
import { Button } from '@/components/ui/button';
|
|
import { Input } from '@/components/ui/input';
|
|
import { useTranslation } from 'react-i18next';
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from '@/components/ui/dialog';
|
|
import { Textarea } from '@/components/ui/textarea';
|
|
import { Label } from '@/components/ui/label';
|
|
import { Play } from 'lucide-react';
|
|
import type { JsonData } from '@/types/common';
|
|
|
|
// 执行流水线弹窗（分支/Commit/环境变量） // Logan.Li
|
|
export function PipelineRunDialog({
|
|
open,
|
|
onOpenChange,
|
|
selectedPipeline,
|
|
onRun,
|
|
}: {
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
selectedPipeline?: JsonData;
|
|
onRun: () => void;
|
|
}) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
<DialogContent className="bg-[var(--dg-bg-primary)] border-[var(--dg-border)] text-[var(--dg-text-primary)]">
|
|
<DialogHeader>
|
|
<DialogTitle>{t('deploy.runDialog.title')}</DialogTitle>
|
|
<DialogDescription className="text-[var(--dg-text-secondary)]">{selectedPipeline?.name}</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="space-y-4 py-4">
|
|
<div>
|
|
<Label className="text-[var(--dg-text-secondary)]">{t('deploy.run.branch')}</Label>
|
|
<Input defaultValue={selectedPipeline?.branch} className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] mt-1" />
|
|
</div>
|
|
<div>
|
|
<Label className="text-[var(--dg-text-secondary)]">{t('deploy.form.commitId')}</Label>
|
|
<Input placeholder={t('deploy.runDialog.commitPlaceholder')} className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] mt-1" />
|
|
</div>
|
|
<div>
|
|
<Label className="text-[var(--dg-text-secondary)]">{t('deploy.var.envVarOptional')}</Label>
|
|
<Textarea
|
|
placeholder="KEY=value KEY2=value2"
|
|
className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] mt-1 font-mono text-sm"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<DialogFooter className="mt-4 pt-4 border-t border-[var(--dg-border)]">
|
|
<Button variant="outline" onClick={() => onOpenChange(false)} className="border-[var(--dg-border)] text-[var(--dg-text-secondary)]">
|
|
{t('deploy.form.cancel')}
|
|
</Button>
|
|
<Button className="bg-emerald-600 hover:bg-emerald-700" onClick={onRun}>
|
|
<Play className="h-4 w-4 mr-2" />
|
|
{t('deploy.runDialog.startExec')}
|
|
</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|