API시나리오 단계별 실행

This commit is contained in:
현성필
2024-01-09 22:07:40 +09:00
parent f2676c2b9f
commit f4a2523b22
36 changed files with 294 additions and 203 deletions
@@ -18,6 +18,14 @@
<!-- csrf -->
<input id="csrf" type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; top: 0; right: 0;">
<div class="toast-header">
<strong class="mr-auto">알림</strong>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
</div>
</div>
<div class="api-tester-layout">
<div class="tester-toolbar">
<button type="button" class="btn btn-primary btn-sm" id="toggle_tester">시나리오 보기</button>
@@ -26,7 +26,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
<button type="button" class="btn btn-primary save_scenario">저장</button>
<button type="button" class="btn btn-primary create_scenario">저장</button>
</div>
</div>
</div>
@@ -115,6 +115,23 @@
</div>
</div>
</div>
<div class="modal fade" id="confirm_delete_scenario_modal" tabindex="-1" aria-labelledby="confirm_delete_scenario_modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">시나리오 삭제</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div>삭제 하시겠습니까?</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
<button type="button" class="btn btn-primary confirm_delete_scenario">삭제</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="confirm_delete_api_modal" tabindex="-1" aria-labelledby="confirm_delete_api_modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
@@ -139,32 +156,26 @@
<script th:inline="javascript">
$(document).ready(function () {
var showingScenario = true;
var showingScenario = false;
$('#toggle_tester').on('click', function () {
console.log(showingScenario);
showingScenario = !showingScenario;
if (showingScenario) {
// Move .api-scenario off-screen to the left
// $('.api-scenario').css('transform', 'translateX(0)');
$('.api-scenario').show();
$('.api-tester').hide();
$('#toggle_tester').text('테스터 보기');
} else {
// Bring .api-scenario into view
// $('.api-scenario').css('transform', 'translateX(-100%)');
$('#toggle_tester').text('시나리오 보기');
$('.api-scenario').hide();
$('.api-tester').show();
}
});
if (showingScenario){
if (showingScenario) {
$('.api-scenario').show();
$('.api-tester').hide();
}
else{
} else {
$('.api-scenario').hide();
$('.api-tester').show();
}
@@ -17,13 +17,13 @@
<div class="api-scenario-content">
<div class="api-scenario-editor">
<div class="api-scenario-editor-toolbar" style="height: 50px; border: 1px solid grey; padding: 5px;">
<button type="button" class="btn btn-primary btn-sm save_scenario me-2">저장</button>
<button type="button" class="btn btn-primary btn-sm run_scenario_step">단계 별 실행</button>
<button type="button" class="btn btn-primary btn-sm run_scenario_all">전체 실행</button>
<button type="button" class="btn btn-primary btn-sm pause_scenario">일시 정지</button>
<button type="button" class="btn btn-primary btn-sm stop_scenario">정지</button>
<button type="button" class="btn btn-primary btn-sm save">저장</button>
<button type="button" class="btn btn-primary btn-sm export">내보내기</button>
<button type="button" class="btn btn-primary btn-sm clear">초기화</button>
<button type="button" class="btn btn-primary btn-sm stop_scenario me-2">정지</button>
<!-- <button type="button" class="btn btn-primary btn-sm export">내보내기</button>-->
<!-- <button type="button" class="btn btn-primary btn-sm clear me-2">초기화</button>-->
<button type="button" class="btn btn-primary btn-sm add_start">시작 노드</button>
</div>
<div>시나리오 설명이 여기에 표시</div>
@@ -8,14 +8,6 @@
require.config({paths: {'vs': '/plugins/vs'}});
</script>
<div class="container-fluid mt-2">
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0; left: 0;">
<div class="toast-header">
<strong class="mr-auto">알림</strong>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
</div>
</div>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">
<div class="card">
<div class="card-header" style="min-height: 50px;">