diff --git a/components/graphql/RequestOptions.vue b/components/graphql/RequestOptions.vue index 6e79dcd99..d58c76fd6 100644 --- a/components/graphql/RequestOptions.vue +++ b/components/graphql/RequestOptions.vue @@ -27,6 +27,13 @@ class="rounded-none !text-accent" @click.native="runQuery()" /> +
+
+ +
-
- + +
+
+
+ - - - - - - - -
-
- - {{ $t("empty.headers") }} - - + + + + + + +
+
+ + {{ $t("empty.headers") }} + + +
@@ -311,6 +362,25 @@ export default defineComponent({ const t = i18n.t.bind(i18n) const nuxt = useNuxt() + const bulkMode = ref(false) + const bulkHeaders = ref("") + + watch(bulkHeaders, () => { + try { + const transformation = bulkHeaders.value.split("\n").map((item) => ({ + key: item.substr(0, item.indexOf(":")).trim(), + value: item.substr(item.indexOf(":") + 1).trim(), + active: !item.trim().startsWith("//"), + })) + setGQLHeaders(transformation) + } catch (e) { + $toast.error(t("error.something_went_wrong").toString(), { + icon: "error_outline", + }) + console.error(e) + } + }) + const url = useReadonlyStream(gqlURL$, "") const gqlQueryString = useStream(gqlQuery$, "", setGQLQuery) const variableString = useStream(gqlVariables$, "", setGQLVariables) @@ -475,6 +545,8 @@ export default defineComponent({ commonHeaders, updateGQLHeader, + bulkMode, + bulkHeaders, } }, })