btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

rename all components to new namespace (#1515)

Browse Source 
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
This commit is contained in:
Liyas Thomas
2021-03-01 09:28:14 +05:30
committed by GitHub
parent 37bdd525ea
commit dc5ca76d05
86 changed files with 2761 additions and 3077 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
pages/graphql.vue
View File

@@ -2,7 +2,7 @@
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<pw-section class="blue" :label="$t('endpoint')" ref="endpoint" no-legend>
<AppSection class="blue" :label="$t('endpoint')" ref="endpoint" no-legend>
<ul>
<li>
<label for="url">{{ $t("url") }}</label>
@@ -35,9 +35,9 @@
</li>
</div>
</ul>
</pw-section>
</AppSection>
<pw-section class="orange" :label="$t('headers')" ref="headers" no-legend>
<AppSection class="orange" :label="$t('headers')" ref="headers" no-legend>
<div class="flex flex-col">
<label>{{ $t("headers") }}</label>
<ul v-if="headers.length !== 0">
@@ -59,7 +59,7 @@
:class="{ 'border-t': index == 0 }"
>
<li>
<autocomplete
<SmartAutoComplete
:placeholder="$t('header_count', { count: index + 1 })"
:source="commonHeaders"
:spellcheck="false"
@@ -138,9 +138,9 @@
</li>
</ul>
</div>
</pw-section>
</AppSection>
<pw-section class="green" :label="$t('schema')" ref="schema" no-legend>
<AppSection class="green" :label="$t('schema')" ref="schema" no-legend>
<div class="row-wrapper">
<label>{{ $t("schema") }}</label>
<div v-if="schema">
@@ -174,7 +174,7 @@
</button>
</div>
</div>
<ace-editor
<SmartAceEditor
v-if="schema"
:value="schema"
:lang="'graphqlschema'"
@@ -198,9 +198,9 @@
readonly
type="text"
/>
</pw-section>
</AppSection>
<pw-section class="teal" :label="$t('query')" ref="query" no-legend>
<AppSection class="teal" :label="$t('query')" ref="query" no-legend>
<div class="row-wrapper gqlRunQuery">
<label for="gqlQuery">{{ $t("query") }}</label>
<div>
@@ -227,7 +227,7 @@
</button>
</div>
</div>
<queryeditor
<GraphqlQueryEditor
ref="queryEditor"
v-model="gqlQueryString"
:onRunGQLQuery="runQuery"
@@ -241,12 +241,12 @@
}"
styles="rounded-b-lg"
/>
</pw-section>
</AppSection>
<pw-section class="yellow" :label="$t('variables')" ref="variables" no-legend>
<AppSection class="yellow" :label="$t('variables')" ref="variables" no-legend>
<div class="flex flex-col">
<label>{{ $t("variables") }}</label>
<ace-editor
<SmartAceEditor
v-model="variableString"
:lang="'json'"
:options="{
@@ -260,9 +260,9 @@
styles="rounded-b-lg"
/>
</div>
</pw-section>
</AppSection>
<pw-section class="purple" :label="$t('response')" ref="response" no-legend>
<AppSection class="purple" :label="$t('response')" ref="response" no-legend>
<div class="flex flex-col">
<label>{{ $t("response") }}</label>
<div class="row-wrapper">
@@ -288,7 +288,7 @@
</button>
</div>
</div>
<ace-editor
<SmartAceEditor
v-if="response"
:value="response"
:lang="'json'"
@@ -314,11 +314,11 @@
type="text"
/>
</div>
</pw-section>
</AppSection>
</div>
<aside class="sticky-inner inner-right lg:max-w-md">
<pw-section class="purple" :label="$t('docs')" ref="docs" no-legend>
<AppSection class="purple" :label="$t('docs')" ref="docs" no-legend>
<section class="flex-col">
<input
type="text"
@@ -326,43 +326,47 @@
v-model="graphqlFieldsFilterText"
class="rounded-t-lg"
/>
<tabs ref="gqlTabs" styles="m-4">
<SmartTabs ref="gqlTabs" styles="m-4">
<div class="gqlTabs">
<tab
<SmartTab
v-if="queryFields.length > 0"
:id="'queries'"
:label="$t('queries')"
:selected="true"
>
<div v-for="field in filteredQueryFields" :key="field.name">
<field :gqlField="field" :jumpTypeCallback="handleJumpToType" />
<GraphqlField :gqlField="field" :jumpTypeCallback="handleJumpToType" />
</div>
</tab>
</SmartTab>
<tab v-if="mutationFields.length > 0" :id="'mutations'" :label="$t('mutations')">
<SmartTab
v-if="mutationFields.length > 0"
:id="'mutations'"
:label="$t('mutations')"
>
<div v-for="field in filteredMutationFields" :key="field.name">
<field :gqlField="field" :jumpTypeCallback="handleJumpToType" />
<GraphqlField :gqlField="field" :jumpTypeCallback="handleJumpToType" />
</div>
</tab>
</SmartTab>
<tab
<SmartTab
v-if="subscriptionFields.length > 0"
:id="'subscriptions'"
:label="$t('subscriptions')"
>
<div v-for="field in filteredSubscriptionFields" :key="field.name">
<field :gqlField="field" :jumpTypeCallback="handleJumpToType" />
<GraphqlField :gqlField="field" :jumpTypeCallback="handleJumpToType" />
</div>
</tab>
</SmartTab>
<tab
<SmartTab
v-if="graphqlTypes.length > 0"
:id="'types'"
:label="$t('types')"
ref="typesTab"
>
<div v-for="type in filteredGraphqlTypes" :key="type.name">
<type
<GraphqlType
:gqlType="type"
:gqlTypes="graphqlTypes"
:isHighlighted="isGqlTypeHighlighted({ gqlType: type })"
@@ -370,9 +374,9 @@
:jumpTypeCallback="handleJumpToType"
/>
</div>
</tab>
</SmartTab>
</div>
</tabs>
</SmartTabs>
</section>
<p
@@ -386,7 +390,7 @@
>
{{ $t("send_request_first") }}
</p>
</pw-section>
</AppSection>
</aside>
</div>
</div>