task audit UX: add explicit New Task action and draft reset flow

This commit is contained in:
DBT
2026-02-28 08:50:55 +00:00
parent 126488af0b
commit 44037863f1
2 changed files with 9 additions and 1 deletions

View File

@@ -29,6 +29,7 @@ const resources = {
ignoreTask: 'Ignore',
taskCrud: 'Task CRUD',
createTask: 'Create',
newTask: 'New Task',
updateTask: 'Update',
deleteTask: 'Delete',
export: 'Export',
@@ -197,6 +198,7 @@ const resources = {
ignoreTask: '忽略',
taskCrud: '任务 CRUD',
createTask: '新建',
newTask: '新任务',
updateTask: '更新',
deleteTask: '删除',
export: '导出',

View File

@@ -96,6 +96,11 @@ const TaskAudit: React.FC = () => {
}
};
const resetDraftForNew = () => {
setSelected(null);
setDraft({ id: '', content: '', priority: 'normal', status: 'todo', source: 'manual', due_at: '' });
};
const saveTask = async (action: 'create'|'update'|'delete') => {
try {
const url = `/webui/api/tasks${q}`;
@@ -133,6 +138,7 @@ const TaskAudit: React.FC = () => {
<option value="error">error</option>
<option value="suppressed">suppressed</option>
</select>
<button onClick={resetDraftForNew} className="px-3 py-1.5 rounded-lg bg-emerald-700/80 hover:bg-emerald-600 text-sm">{t('newTask')}</button>
<button onClick={fetchData} className="px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-sm">{loading ? t('loading') : t('refresh')}</button>
</div>
</div>
@@ -183,7 +189,7 @@ const TaskAudit: React.FC = () => {
</div>
)}
<div className="p-3 border border-zinc-800 rounded-lg bg-zinc-950/40 space-y-2">
<div className="text-xs text-zinc-400 uppercase tracking-wider">{t('taskCrud')}</div>
<div className="text-xs text-zinc-400 uppercase tracking-wider">{t('taskCrud')} {selected ? `(${selected.task_id || selected.id || ''})` : '(new)'}</div>
<input value={draft.id} onChange={(e)=>setDraft({ ...draft, id: e.target.value })} placeholder="id" className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded" />
<textarea value={draft.content} onChange={(e)=>setDraft({ ...draft, content: e.target.value })} placeholder="content" className="w-full px-2 py-1 text-xs bg-zinc-900 border border-zinc-700 rounded min-h-[70px]" />
<div className="grid grid-cols-3 gap-2">