API시나리오 단계별 실행
This commit is contained in:
@@ -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;">
|
||||
|
||||
Reference in New Issue
Block a user