feat(ui): Environment Modal > support using response tags in environm…

…ents
flawiddsouza · Oct 13, 2024 · 5a87bcf · 5a87bcf
1 parent f4a3e35
commit 5a87bcf
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/packages/ui/src/components/modals/EditTagModal.vue b/packages/ui/src/components/modals/EditTagModal.vue
@@ -88,7 +88,7 @@ const props = defineProps({
     },
     activeTab: {
         type: Object as PropType<CollectionItem>,
-        required: true
+        default: { _id: '' },
     },
 })
 

diff --git a/packages/ui/src/components/modals/EnvironmentModal.vue b/packages/ui/src/components/modals/EnvironmentModal.vue
@@ -31,6 +31,8 @@
                         v-model="environment"
                         lang="json"
                         :env-variables="envVariables"
+                        :autocompletions="tagAutocompletions"
+                        @tagClick="onTagClick"
                         style="overflow: auto;"
                         :key="currentEnvironment"
                     ></CodeMirrorEditor>
@@ -61,11 +63,18 @@
             </div>
         </template>
     </form>
+    <EditTagModal
+        v-if="editTagModalShow"
+        v-model:showModal="editTagModalShow"
+        :parsed-func="editTagParsedFunc"
+        :update-func="editTagUpdateFunc"
+    />
 </template>
 
 <script>
 import Modal from '@/components/Modal.vue'
 import CodeMirrorEditor from '@/components/CodeMirrorEditor.vue'
+import EditTagModal from '@/components/modals/EditTagModal.vue'
 import { nextTick } from 'vue'
 import { emitter } from '@/event-bus'
 import constants from '@/constants'
@@ -79,7 +88,8 @@ export default {
     },
     components: {
         Modal,
-        CodeMirrorEditor
+        CodeMirrorEditor,
+        EditTagModal,
     },
     data() {
         return {
@@ -93,6 +103,9 @@ export default {
                 y: ''
             },
             envVariables: {},
+            editTagModalShow: false,
+            editTagParsedFunc: null,
+            editTagUpdateFunc: null,
         }
     },
     computed: {
@@ -137,6 +150,9 @@ export default {
             }
 
             return undefined
+        },
+        tagAutocompletions() {
+            return constants.AUTOCOMPLETIONS.TAGS
         }
     },
     watch: {
@@ -514,7 +530,12 @@ export default {
             if(event === 'reloaded') {
                 this.loadEnvVariables()
             }
-        }
+        },
+        onTagClick(parsedFunc, updateFunc) {
+            this.editTagParsedFunc = parsedFunc
+            this.editTagUpdateFunc = updateFunc
+            this.editTagModalShow = true
+        },
     },
     created() {
         emitter.on('collectionItem', this.handleCollectionItemEvent)