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

fix: button icons

Browse Source
This commit is contained in:
Liyas Thomas
2021-07-05 12:56:00 +00:00
committed by GitHub
parent 069b26bdc4
commit fde5b0717d
52 changed files with 463 additions and 759 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
pages/api.vue
View File

@@ -54,7 +54,6 @@
<SmartUrlField v-model="uri" v-else />
</li>
<li class="shrink">
<label class="hide-on-small-screen" for="send">&nbsp;</label>
<ButtonSecondary
v-if="!runningRequest"
:disabled="!isValidURL"
@@ -71,11 +70,10 @@
id="send"
class="button"
ref="sendButton"
icon="clear"
:label="$t('cancel')"
reverse
/>
{{ $t("cancel") }}
<span>
<i class="material-icons">clear</i>
</span>
</li>
</ul>
<ul>
@@ -178,16 +176,15 @@
@click.native="showCurlImportModal = !showCurlImportModal"
v-tippy="{ theme: 'tooltip' }"
:title="$t('import_curl')"
icon="import_export"
/>
<i class="material-icons">import_export</i>
<ButtonSecondary
@click.native="showCodegenModal = !showCodegenModal"
:disabled="!isValidURL"
v-tippy="{ theme: 'tooltip' }"
:title="$t('show_code')"
icon="code"
/>
<i class="material-icons">code</i>
</span>
<span>
<ButtonSecondary
@@ -196,26 +193,23 @@
:disabled="!isValidURL"
v-tippy="{ theme: 'tooltip' }"
:title="$t('copy_request_link')"
:icon="navigatorShare ? 'share' : 'content_copy'"
/>
<i v-if="navigatorShare" class="material-icons">share</i>
<i v-else class="material-icons">content_copy</i>
<ButtonSecondary
@click.native="saveRequest"
ref="saveRequest"
:disabled="!isValidURL"
v-tippy="{ theme: 'tooltip' }"
:title="$t('save_to_collections')"
icon="create_new_folder"
/>
<i class="material-icons">create_new_folder</i>
<ButtonSecondary
@click.native="clearContent('', $event)"
v-tippy="{ theme: 'tooltip' }"
:title="$t('clear_all')"
ref="clearAll"
icon="clear_all"
/>
<i class="material-icons">clear_all</i>
</span>
</div>
</AppSection>
@@ -270,8 +264,8 @@
@click.native="clearContent('auth', $event)"
v-tippy="{ theme: 'tooltip' }"
:title="$t('clear')"
icon="clear_all"
/>
<i class="material-icons">clear_all</i>
</div>
</div>
<span class="select-wrapper">
@@ -307,17 +301,12 @@
<ButtonSecondary
ref="switchVisibility"
@click.native="switchVisibility"
:icon="
passwordFieldType === 'text'
? 'visibility'
: 'visibility_off'
"
/>
<i
class="material-icons"
v-if="passwordFieldType === 'text'"
>visibility</i
>
<i
class="material-icons"
v-if="passwordFieldType !== 'text'"
>visibility_off</i
>
</li>
</div>
</ul>
@@ -337,16 +326,15 @@
"
v-tippy="{ theme: 'tooltip' }"
:title="$t('use_token')"
icon="open_in_new"
/>
<i class="material-icons">open_in_new</i>
<ButtonSecondary
v-if="auth === 'OAuth 2.0'"
@click.native="showTokenRequest = !showTokenRequest"
v-tippy="{ theme: 'tooltip' }"
:title="$t('get_token')"
icon="vpn_key"
/>
<i class="material-icons">vpn_key</i>
</div>
</li>
</ul>
@@ -373,24 +361,22 @@
@click.native="showTokenRequestList = true"
v-tippy="{ theme: 'tooltip' }"
:title="$t('manage_token_req')"
icon="library_add"
/>
<i class="material-icons">library_add</i>
<ButtonSecondary
@click.native="
clearContent('access_token', $event)
"
v-tippy="{ theme: 'tooltip' }"
:title="$t('clear')"
icon="clear_all"
/>
<i class="material-icons">clear_all</i>
<ButtonSecondary
@click.native="showTokenRequest = false"
v-tippy="{ theme: 'tooltip' }"
:title="$t('close')"
icon="close"
/>
<i class="material-icons">close</i>
</div>
</div>
<input
@@ -481,9 +467,9 @@
<li>
<ButtonSecondary
@click.native="handleAccessTokenRequest"
icon="vpn_key"
:label="$t('request_token')"
/>
<i class="material-icons">vpn_key</i>
<span>{{ $t("request_token") }}</span>
</li>
</ul>
</AppSection>
@@ -563,15 +549,15 @@
@click.native="clearContent('tests', $event)"
v-tippy="{ theme: 'tooltip' }"
:title="$t('clear')"
icon="clear_all"
/>
<i class="material-icons">clear_all</i>
</div>
</div>
<div
v-for="(testReport, index) in testReports"
:key="index"
>
<div v-if="testReport.startBlock" class="info">
<div v-if="testReport.startBlock">
<hr />
<h4 class="heading">
{{ testReport.startBlock }}
@@ -615,10 +601,7 @@
</Pane>
<Pane max-size="40" class="bg-pink-100">
<TranslateSlideLeft>
<aside
v-if="activeSidebar"
class="sticky-inner inner-right lg:max-w-md"
>
<aside class="lg:max-w-md">
<section>
<SmartTabs>
<SmartTab
@@ -644,11 +627,6 @@
</section>
</aside>
</TranslateSlideLeft>
<SmartHideMenu
:active="activeSidebar"
@toggle="activeSidebar = !activeSidebar"
/>
</Pane>
</Splitpanes>
@@ -689,8 +667,10 @@
<template #header>
<h3 class="heading">{{ $t("manage_token_req") }}</h3>
<div>
<ButtonSecondary @click.native="showTokenRequestList = false" />
<i class="material-icons">close</i>
<ButtonSecondary
@click.native="showTokenRequestList = false"
icon="close"
/>
</div>
</template>
<template #body>
@@ -702,16 +682,15 @@
@click.native="showTokenRequestList = false"
v-tippy="{ theme: 'tooltip' }"
:title="$t('use_token_req')"
icon="input"
/>
<i class="material-icons">input</i>
<ButtonSecondary
:disabled="this.tokenReqs.length === 0"
@click.native="removeOAuthTokenReq"
v-tippy="{ theme: 'tooltip' }"
:title="$t('delete')"
icon="delete"
/>
<i class="material-icons">delete</i>
</div>
</div>
<ul>
@@ -817,7 +796,6 @@ export default {
showTokenRequestList: false,
showSaveRequestModal: false,
editRequest: {},
activeSidebar: true,
customMethod: false,
files: [],
filenames: "",

8
pages/doc.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<div class="">
<AppSection label="import">
<div class="flex flex-col">
<label>{{ $t("collection") }}</label>
<p class="info">
<p>
{{ $t("generate_docs_message") }}
</p>
<div class="row-wrapper">
@@ -58,7 +58,7 @@
<AppSection label="documentation">
<div class="flex flex-col">
<label>{{ $t("documentation") }}</label>
<p v-if="items.length === 0" class="info">
<p v-if="items.length === 0">
{{ $t("generate_docs_first") }}
</p>
<div v-else class="row-wrapper">
@@ -98,7 +98,7 @@
</AppSection>
</div>
<aside class="sticky-inner inner-right lg:max-w-md">
<aside class="lg:max-w-md">
<Collections
:selected="selected"
:doc="true"

4
pages/enter.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="flex container flex-col min-h-screen">
<span v-if="signingInWithEmail" class="info">{{ $t("loading") }}</span>
<span v-else class="info">{{ $t("waiting_for_connection") }}</span>
<span v-if="signingInWithEmail">{{ $t("loading") }}</span>
<span v-else>{{ $t("waiting_for_connection") }}</span>
<pre v-if="error">{{ error }}</pre>
</div>
</template>

66
pages/graphql.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<div class="">
<AppSection label="endpoint">
<ul>
<li>
@@ -18,23 +18,13 @@
</li>
<div>
<li>
<label for="get" class="hide-on-small-screen">&nbsp;</label>
<ButtonSecondary
id="get"
name="get"
class="
button
rounded-b-lg
md:rounded-bl-none md:rounded-br-lg
"
:icon="!isPollingSchema ? 'sync' : 'sync_disabled'"
:label="!isPollingSchema ? $t('connect') : $t('disconnect')"
@click.native="onPollSchemaClick"
/>
{{ !isPollingSchema ? $t("connect") : $t("disconnect") }}
<span
><i class="material-icons">{{
!isPollingSchema ? "sync" : "sync_disabled"
}}</i></span
>
</li>
</div>
</ul>
@@ -51,9 +41,9 @@
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('clear')"
icon="clear_all"
@click.native="headers = []"
/>
<i class="material-icons">clear_all</i>
</div>
</div>
</li>
@@ -134,17 +124,19 @@
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('delete')"
icon="delete"
@click.native="removeRequestHeader(index)"
/>
<i class="material-icons">delete</i>
</li>
</div>
</ul>
<ul>
<li>
<ButtonSecondary @click.native="addRequestHeader" />
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
<ButtonSecondary
icon="add"
:label="$t('add_new')"
@click.native="addRequestHeader"
/>
</li>
</ul>
</div>
@@ -162,27 +154,23 @@
? $t('expand_response')
: $t('collapse_response'),
}"
:icon="!expandResponse ? 'unfold_more' : 'unfold_less'"
@click.native="ToggleExpandResponse"
/>
<i class="material-icons">
{{ !expandResponse ? "unfold_more" : "unfold_less" }}
</i>
<ButtonSecondary
ref="downloadSchema"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:icon="downloadSchemaIcon"
@click.native="downloadSchema"
/>
<i class="material-icons">{{ downloadSchemaIcon }}</i>
<ButtonSecondary
ref="copySchemaCode"
v-tippy="{ theme: 'tooltip' }"
:title="$t('copy_schema')"
:icon="copySchemaIcon"
@click.native="copySchema"
/>
<i class="material-icons">{{ copySchemaIcon }}</i>
</div>
</div>
<SmartAceEditor
@@ -221,32 +209,29 @@
`${$t('run_query')} (${getSpecialKey()}-Enter)`
"
class="button"
icon="play_arrow"
@click.native="runQuery()"
/>
<i class="material-icons">play_arrow</i>
<ButtonSecondary
ref="copyQueryButton"
v-tippy="{ theme: 'tooltip' }"
:title="$t('copy_query')"
:icon="copyQueryIcon"
@click.native="copyQuery"
/>
<i class="material-icons">{{ copyQueryIcon }}</i>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="`${$t('prettify_query')} (${getSpecialKey()}-P)`"
:icon="prettifyIcon"
@click.native="doPrettifyQuery"
/>
<i class="material-icons">{{ prettifyIcon }}</i>
<ButtonSecondary
ref="saveRequest"
v-tippy="{ theme: 'tooltip' }"
:title="$t('save_to_collections')"
icon="create_new_folder"
@click.native="saveRequest"
/>
<i class="material-icons">create_new_folder</i>
</div>
</div>
<GraphqlQueryEditor
@@ -296,18 +281,17 @@
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:icon="downloadResponseIcon"
@click.native="downloadResponse"
/>
<i class="material-icons">{{ downloadResponseIcon }}</i>
<ButtonSecondary
v-if="response"
ref="copyResponseButton"
v-tippy="{ theme: 'tooltip' }"
:title="$t('copy_response')"
:icon="copyResponseIcon"
@click.native="copyResponse"
/>
<i class="material-icons">{{ copyResponseIcon }}</i>
</div>
</div>
<SmartAceEditor
@@ -340,10 +324,7 @@
</div>
<TranslateSlideLeft>
<aside
v-if="activeSidebar"
class="sticky-inner inner-right lg:max-w-md"
>
<aside class="lg:max-w-md">
<SmartTabs>
<SmartTab :id="'docs'" :label="`Docs`" :selected="true">
<AppSection label="docs">
@@ -438,7 +419,6 @@
subscriptionFields.length === 0 &&
graphqlTypes.length === 0
"
class="info"
>
{{ $t("send_request_first") }}
</p>
@@ -459,11 +439,6 @@
</SmartTabs>
</aside>
</TranslateSlideLeft>
<SmartHideMenu
:active="activeSidebar"
@toggle="activeSidebar = !activeSidebar"
/>
</div>
<CollectionsSaveRequest
mode="graphql"
@@ -507,7 +482,6 @@ export default {
graphqlFieldsFilterText: undefined,
isPollingSchema: false,
timeoutSubscription: null,
activeSidebar: true,
editRequest: {},
showSaveRequestModal: false,
}

3
pages/profile.vue
View File

@@ -8,6 +8,8 @@
<div v-if="currentBackendUser && currentBackendUser.eaInvited">
<Teams />
</div>
{{ hideRightPane }}
<div v-if="!hideRightPane">hide this thingy</div>
<FirebaseLogin :show="showLogin" @hide-modal="showLogin = false" />
</div>
</template>
@@ -17,6 +19,7 @@ import { currentUser$ } from "~/helpers/fb/auth"
import { currentUserInfo$ } from "~/helpers/teams/BackendUserInfo"
export default {
props: { hideRightPane: { type: Boolean, default: false } },
data() {
return {
showLogin: false,

2
pages/settings.vue
View File

@@ -26,7 +26,7 @@
<img
v-if="currentUser.photoURL"
:src="currentUser.photoURL"
class="w-5 h-5 rounded-full material-icons"
class="w-5 h-5 rounded-full"
/>
<i v-else class="material-icons">account_circle</i>
</div>