v1.1.55: split large files + CRUD scenario editor

Backend (5→7 files): - api_test.py: 622→479, terraform functions → operations/terraform.py (142) - api_scenario.py: 241→split into run (153) + defs (108) with _validate_steps() - db/scenario_defs.py: +client_id, stand, is_seed in list_definitions Frontend (1→10 files): - app.js: 554→16 (loader), split into: utils.js (45), instances.js (89), operations.js (249), history.js (35), scenario-list.js (90) - New CRUD: scenario-form.js (128), create (25), edit (12), delete (13) Max file size: JS 249, PY 479
2026-07-30 22:02:22 +04:00
parent 189a2779d6
commit a96658b9b5
18 changed files with 1126 additions and 706 deletions
@@ -0,0 +1,90 @@
+// scenario-list.js — список сценариев, запуск, поллинг
+
+let scenarioOpen=false, scenarioPollTimer=null;
+
+async function toggleScenario(){
+    const body=document.getElementById('scenario-body');
+    scenarioOpen=!scenarioOpen;
+    body.style.display=scenarioOpen?'block':'none';
+    if(!scenarioOpen){ stopScenarioPoll(); return; }
+    await loadScenarios();
+}
+
+async function loadScenarios(){
+    const body=document.getElementById('scenario-body');
+    try{
+        const [sr, srHistory]=await Promise.all([
+            fetch('/api/scenarios').then(r=>r.json()),
+            fetch('/api/scenario/status').then(r=>r.json()),
+        ]);
+        let html='';
+        html+=`<button class="btn btn-sm" style="font-size:10px;margin-bottom:4px;" onclick="createScenario()">+ Создать сценарий</button>`;
+        if(sr.length){
+            html+='<div style="display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px;">';
+            sr.forEach(s=>{
+                const seed = s.is_seed;
+                html+=`<div style="display:inline-flex;gap:2px;align-items:center;">`;
+                html+=`<button class="btn btn-sm" style="font-size:11px;" onclick="runScenario(${s.id})" title="Запустить">▶ ${_esc(s.name)} <span style="color:var(--muted);">(${s.steps} шагов)</span></button>`;
+                if(!seed) html+=`<button class="btn btn-sm" style="font-size:9px;padding:0 4px;" onclick="editScenario(${s.id})" title="Редактировать">✏</button>`;
+                html+=`<button class="btn btn-sm" style="font-size:9px;padding:0 4px;" onclick="cloneScenario(${s.id},'${_esc(s.name)}')" title="Клонировать">⎘</button>`;
+                if(!seed) html+=`<button class="btn btn-sm" style="font-size:9px;padding:0 4px;color:var(--destructive);" onclick="deleteScenario(${s.id},'${_esc(s.name)}')" title="Удалить">🗑</button>`;
+                if(seed) html+=`<span style="font-size:8px;color:var(--muted);">seed</span>`;
+                html+=`</div>`;
+            });
+            html+='</div>';
+        }else{
+            html+='<span style="color:var(--muted);font-size:11px;">Нет сценариев в БД</span>';
+        }
+        const curVer=window.APP&&window.APP.version||'';
+        const verHistory=srHistory&&srHistory.filter(r=>r.app_version===curVer);
+        if(verHistory && verHistory.length){
+            const last=verHistory[0];
+            const icon=last.status==='OK'?'✅':last.status==='FAIL'?'❌':last.status==='RUNNING'?'⏳':'⏱';
+            const time=last.created_at?last.created_at.replace('T',' ').substring(0,19):'?';
+            html+=`<div style="font-size:11px;margin-top:4px;color:var(--muted);">Последний: ${icon} ${_esc(last.scenario_name)} — ${last.status} (шаг ${last.current_step}/${last.total_steps}) ${last.duration_sec!=null?last.duration_sec.toFixed(1)+'s':''} — ${time}</div>`;
+            if(last.error_log) html+=`<div style="font-size:10px;color:var(--destructive);">${_esc(last.error_log)}</div>`;
+        }
+        body.innerHTML=html;
+    }catch(e){body.innerHTML='<span style="color:var(--destructive);font-size:11px;">Ошибка загрузки</span>';}
+}
+
+async function runScenario(defId){
+    if(busy){ return; }
+    busy=true;
+    stopScenarioPoll();
+    const body=document.getElementById('scenario-body');
+    body.innerHTML=`<div style="font-size:11px;">⏳ Запуск...</div>`;
+    try{
+        const r=await fetch('/api/scenario/run',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({definition_id:defId})});
+        const d=await r.json();
+        if(d.error){ body.innerHTML=`<span style="color:var(--destructive);">Ошибка: ${_esc(d.error)}</span>`; busy=false; return; }
+        const runId=d.run_id;
+        if(!runId){ body.innerHTML=`<span style="color:var(--destructive);">Ошибка: нет run_id в ответе</span>`; busy=false; return; }
+        scenarioPollTimer=setInterval(async()=>{
+            try{
+                const sr=await fetch('/api/scenario/run/'+runId);
+                if(!sr.ok){ return; }
+                const last=await sr.json();
+                if(!last||last.error) return;
+                const icon=last.status==='OK'?'✅':last.status==='FAIL'?'❌':last.status==='RUNNING'?'⏳':'⏱';
+                const time=last.created_at?last.created_at.replace('T',' ').substring(0,19):'?';
+                let html=`<div style="font-size:11px;">${icon} ${_esc(last.scenario_name)} — ${last.status} (шаг ${last.current_step}/${last.total_steps}) ${last.duration_sec!=null?last.duration_sec.toFixed(1)+'s':''} — ${time}</div>`;
+                if(last.error_log) html+=`<div style="font-size:10px;color:var(--destructive);">${_esc(last.error_log)}</div>`;
+                body.innerHTML=html;
+                if(last.status!=='RUNNING'){
+                    stopScenarioPoll();
+                    busy=false;
+                    await refreshInstances();
+                    if(historyOpen) await loadHistory();
+                }
+            }catch(e){}
+        },3000);
+    }catch(e){
+        body.innerHTML=`<span style="color:var(--destructive);">Ошибка: ${_esc(e.message)}</span>`;
+        busy=false;
+    }
+}
+
+function stopScenarioPoll(){
+    if(scenarioPollTimer){ clearInterval(scenarioPollTimer); scenarioPollTimer=null; }
+}