변수 Snippet

ApiTestManager/src/APITester.js

@@ -3,6 +3,8 @@ import APIClient from './APIClient';
 import EditableInput from './components/EditableInput';
 import {createPopper} from "@popperjs/core/lib/popper-lite";
 import PropertyTable from "./components/PropertyTable";
+import VariableSnippet from "./components/VariableSnippet";
+
 
 
 class APITester {
@@ -132,7 +134,10 @@ class APITester {
                         <div style="width:calc(100% - 200px);">
                             <div class="pre-request mt-1" style="height:300px;border:1px solid grey;"></div>
                         </div>
-                        <div style="width: 200px;"></div> 
+                        <div style="width: 200px;">
+                            <div class="pre-request-variable">
+                            </div>
+                        </div> 
                     </div>
                 </div>
                 <div class="tab-pane fade post_script_tab" role="tabpanel" id="postRequestTab_${apiRequest.id}"
@@ -141,7 +146,10 @@ class APITester {
                         <div style="width:calc(100% - 200px);">
                             <div class="post-request mt-1" style="height:300px;border:1px solid grey;"></div>
                         </div>
-                        <div style="width: 200px;"></div> 
+                        <div style="width: 200px;">
+                        <div class="post-request-variable">
+                            </div>
+</div> 
                     </div>
                 </div>
             </div>
@@ -565,7 +573,6 @@ class APITester {
         });
 
         apiRequestTabContent.find(`#api_request_${model.id}`).find('.api_request_info').find('.path').each(function () {
-
             editableInput.init(this, (value) => {
                 model.path = value;
                 model.queryParams = me.parseParam(model.path);
@@ -583,8 +590,6 @@ class APITester {
 
             $('span.variable').off('mouseover');
             $('span.variable').off('mouseout');
-
-
         });
 
         document.querySelectorAll('.variable').forEach(element => {
@@ -656,6 +661,10 @@ class APITester {
             automaticLayout: true,
             quickSuggestions: false
         });
+
+        const snippet1 = new VariableSnippet();
+        snippet1.init(target.find(".pre-request-variable")[0], preRequestEditor);
+
         me.preRequestEditors.push(preRequestEditor);
         target.find(".pre-request")[0].addEventListener('shown.bs.tab', () => {
             me.preRequestEditors[index].layout();
@@ -671,6 +680,10 @@ class APITester {
             automaticLayout: true,
             quickSuggestions: false
         });
+
+        const snippet2 = new VariableSnippet();
+        snippet2.init(target.find(".post-request-variable")[0], postRequestEditor);
+
         me.postRequestEditors.push(postRequestEditor);
         target.find(".post-request")[0].addEventListener('shown.bs.tab', () => {
             me.postRequestEditors[index].layout();