rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/http/CodegenModal.vue

@@ -0,0 +1,106 @@
+<template>
+  <SmartModal v-if="show" @close="hideModal">
+    <div slot="header">
+      <div class="row-wrapper">
+        <h3 class="title">{{ $t("generate_code") }}</h3>
+        <div>
+          <button class="icon" @click="hideModal">
+            <i class="material-icons">close</i>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div slot="body" class="flex flex-col">
+      <label for="requestType">{{ $t("request_type") }}</label>
+      <span class="select-wrapper">
+        <v-popover>
+          <pre v-if="requestType">{{ codegens.find((x) => x.id === requestType).name }}</pre>
+          <input
+            v-else
+            id="requestType"
+            v-model="requestType"
+            :placeholder="$t('choose_language')"
+            class="cursor-pointer"
+            readonly
+            autofocus
+          />
+          <template slot="popover">
+            <div v-for="gen in codegens" :key="gen.id">
+              <button class="icon" @click="requestType = gen.id" v-close-popover>
+                {{ gen.name }}
+              </button>
+            </div>
+          </template>
+        </v-popover>
+      </span>
+      <div class="row-wrapper">
+        <label for="generatedCode">{{ $t("generated_code") }}</label>
+        <div>
+          <button
+            class="icon"
+            @click="copyRequestCode"
+            ref="copyRequestCode"
+            v-tooltip="$t('copy_code')"
+          >
+            <i class="material-icons">content_copy</i>
+          </button>
+        </div>
+      </div>
+      <textarea
+        id="generatedCode"
+        ref="generatedCode"
+        name="generatedCode"
+        rows="8"
+        v-model="requestCode"
+        readonly
+        class="rounded-b-lg"
+      ></textarea>
+    </div>
+  </SmartModal>
+</template>
+
+<script>
+import { codegens } from "~/helpers/codegen/codegen"
+
+export default {
+  props: {
+    show: Boolean,
+    requestCode: String,
+    requestTypeProp: { type: String, default: "" },
+  },
+  data() {
+    return {
+      codegens,
+      copyButton: '<i class="material-icons">content_copy</i>',
+      doneButton: '<i class="material-icons">done</i>',
+    }
+  },
+  computed: {
+    requestType: {
+      get() {
+        return this.requestTypeProp
+      },
+      set(val) {
+        this.$emit("set-request-type", val)
+      },
+    },
+  },
+  methods: {
+    hideModal() {
+      this.$emit("hide-modal")
+    },
+    handleImport() {
+      this.$emit("handle-import")
+    },
+    copyRequestCode() {
+      this.$refs.copyRequestCode.innerHTML = this.doneButton
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
+      })
+      this.$refs.generatedCode.select()
+      document.execCommand("copy")
+      setTimeout(() => (this.$refs.copyRequestCode.innerHTML = this.copyButton), 1000)
+    },
+  },
+}
+</script>