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

⚡ Lint

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-29 11:25:13 +05:30
parent 1872dacb5e
commit 068d251b64
7 changed files with 150 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/fonts.scss
View File

@@ -26,6 +26,7 @@
direction: ltr; direction: ltr;
-webkit-font-feature-settings: "liga"; -webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-feature-settings: "liga";
} }
/* poppins-500 - latin */ /* poppins-500 - latin */
@@ -37,7 +38,8 @@
src: local("Poppins Medium"), local("Poppins-Medium"), src: local("Poppins Medium"), local("Poppins-Medium"),
url("~assets/fonts/poppins-v9-latin-500.woff2") format("woff2"), url("~assets/fonts/poppins-v9-latin-500.woff2") format("woff2"),
/* Chrome 26+, Opera 23+, Firefox 39+ */ /* Chrome 26+, Opera 23+, Firefox 39+ */
url("~assets/fonts/poppins-v9-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url("~assets/fonts/poppins-v9-latin-500.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
} }
/* poppins-700 - latin */ /* poppins-700 - latin */
@@ -49,7 +51,8 @@
src: local("Poppins Bold"), local("Poppins-Bold"), src: local("Poppins Bold"), local("Poppins-Bold"),
url("~assets/fonts/poppins-v9-latin-700.woff2") format("woff2"), url("~assets/fonts/poppins-v9-latin-700.woff2") format("woff2"),
/* Chrome 26+, Opera 23+, Firefox 39+ */ /* Chrome 26+, Opera 23+, Firefox 39+ */
url("~assets/fonts/poppins-v9-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url("~assets/fonts/poppins-v9-latin-700.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
} }
/* roboto-mono-regular - latin */ /* roboto-mono-regular - latin */
@@ -61,5 +64,6 @@
src: local("Roboto Mono"), local("RobotoMono-Regular"), src: local("Roboto Mono"), local("RobotoMono-Regular"),
url("~assets/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"), url("~assets/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"),
/* Chrome 26+, Opera 23+, Firefox 39+ */ /* Chrome 26+, Opera 23+, Firefox 39+ */
url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
} }

13
assets/css/styles.scss
View File

@@ -79,7 +79,6 @@ body {
// Make theme transition smoother. // Make theme transition smoother.
body.afterLoad { body.afterLoad {
&, &,
& * { & * {
transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
@@ -98,7 +97,7 @@ a {
header, header,
footer { footer {
&>div { & > div {
display: flex; display: flex;
padding: 16px; padding: 16px;
width: 100%; width: 100%;
@@ -551,7 +550,7 @@ input[type="checkbox"] {
display: none; display: none;
&, &,
&+label { & + label {
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@@ -570,7 +569,7 @@ input[type="checkbox"] {
} }
} }
&:checked+label:before { &:checked + label:before {
background-color: var(--ac-color); background-color: var(--ac-color);
border-color: var(--ac-color); border-color: var(--ac-color);
color: var(--act-color); color: var(--act-color);
@@ -737,7 +736,7 @@ input[type="radio"],
display: none; display: none;
} }
input[type="radio"]+label { input[type="radio"] + label {
padding: 8px 16px; padding: 8px 16px;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
cursor: pointer; cursor: pointer;
@@ -750,12 +749,12 @@ input[type="radio"]+label {
} }
} }
input[type="radio"]:checked+label { input[type="radio"]:checked + label {
border-color: var(--fg-color); border-color: var(--fg-color);
color: var(--fg-color); color: var(--fg-color);
} }
input[type="radio"]:checked+label+.tab { input[type="radio"]:checked + label + .tab {
display: block; display: block;
} }

4
assets/css/themes.scss
View File

@@ -33,7 +33,7 @@
@include darkTheme; @include darkTheme;
} }
@media(prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root.auto { :root.auto {
@include darkTheme; @include darkTheme;
} }
@@ -65,7 +65,7 @@
@include lightTheme; @include lightTheme;
} }
@media(prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root.auto { :root.auto {
@include lightTheme; @include lightTheme;
} }

122
layouts/default.vue
View File

@@ -111,24 +111,114 @@
:to="localePath('graphql')" :to="localePath('graphql')"
:class="linkActive('/graphql')" :class="linkActive('/graphql')"
v-tooltip.right="$t('graphql')" v-tooltip.right="$t('graphql')"
aria-label="GraphQL"
> >
<svg class="material-icons" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 400"> <svg
class="material-icons"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
viewBox="0 0 400 400"
>
<g> <g>
<g><g><rect x="122" y="-0.4" transform="matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)" width="16.6" height="320.3"/></g></g> <g>
<g><g><rect x="39.8" y="272.2" width="320.3" height="16.6"/></g></g> <g>
<g><g><rect x="37.9" y="312.2" transform="matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)" width="185" height="16.6"/></g></g> <rect
<g><g><rect x="177.1" y="71.1" transform="matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)" width="185" height="16.6"/></g></g> x="122"
<g><g><rect x="122.1" y="-13" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)" width="16.6" height="185"/></g></g> y="-0.4"
<g><g><rect x="109.6" y="151.6" transform="matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)" width="320.3" height="16.6"/></g></g> transform="matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)"
<g><g><rect x="52.5" y="107.5" width="16.6" height="185"/></g></g> width="16.6"
<g><g><rect x="330.9" y="107.5" width="16.6" height="185"/></g></g> height="320.3"
<g><g><rect x="262.4" y="240.1" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)" width="14.5" height="160.9"/></g></g> />
<path d="M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C373.5,259.9,379.2,281.2,369.5,297.9"/> </g>
<path d="M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C94.8,99,100.5,120.3,90.9,137"/> </g>
<path d="M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C61.4,320.3,40.1,314.6,30.5,297.9"/> <g>
<path d="M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C340.1,159.4,318.7,153.7,309.1,137"/> <g>
<path d="M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,380.1,219.3,395.8,200,395.8"/> <rect x="39.8" y="272.2" width="320.3" height="16.6" />
<path d="M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,58.4,219.3,74,200,74"/> </g>
</g>
<g>
<g>
<rect
x="37.9"
y="312.2"
transform="matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)"
width="185"
height="16.6"
/>
</g>
</g>
<g>
<g>
<rect
x="177.1"
y="71.1"
transform="matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)"
width="185"
height="16.6"
/>
</g>
</g>
<g>
<g>
<rect
x="122.1"
y="-13"
transform="matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)"
width="16.6"
height="185"
/>
</g>
</g>
<g>
<g>
<rect
x="109.6"
y="151.6"
transform="matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)"
width="320.3"
height="16.6"
/>
</g>
</g>
<g>
<g><rect x="52.5" y="107.5" width="16.6" height="185" /></g>
</g>
<g>
<g>
<rect x="330.9" y="107.5" width="16.6" height="185" />
</g>
</g>
<g>
<g>
<rect
x="262.4"
y="240.1"
transform="matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)"
width="14.5"
height="160.9"
/>
</g>
</g>
<path
d="M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C373.5,259.9,379.2,281.2,369.5,297.9"
/>
<path
d="M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C94.8,99,100.5,120.3,90.9,137"
/>
<path
d="M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C61.4,320.3,40.1,314.6,30.5,297.9"
/>
<path
d="M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C340.1,159.4,318.7,153.7,309.1,137"
/>
<path
d="M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,380.1,219.3,395.8,200,395.8"
/>
<path
d="M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,58.4,219.3,74,200,74"
/>
</g> </g>
</svg> </svg>
</nuxt-link> </nuxt-link>

31
pages/graphql.vue
View File

@@ -171,11 +171,7 @@
</button> </button>
</div> </div>
</div> </div>
<textarea <textarea id="gqlQuery" rows="8" v-model="gqlQueryString"></textarea>
id="gqlQuery"
rows="8"
v-model="gqlQueryString">
></textarea>
</pw-section> </pw-section>
<pw-section class="purple" label="Response" ref="response"> <pw-section class="purple" label="Response" ref="response">
<div class="flex-wrap"> <div class="flex-wrap">
@@ -216,9 +212,9 @@
name="side" name="side"
checked="checked" checked="checked"
/> />
<label v-if="queryFields.length > 0" for="queries-tab" <label v-if="queryFields.length > 0" for="queries-tab">
>{{ $t("queries") }}</label {{ $t("queries") }}
> </label>
<div v-if="queryFields.length > 0" class="tab"> <div v-if="queryFields.length > 0" class="tab">
<div v-for="field in queryFields" :key="field.name"> <div v-for="field in queryFields" :key="field.name">
<gql-field :gqlField="field" /> <gql-field :gqlField="field" />
@@ -232,9 +228,9 @@
name="side" name="side"
checked="checked" checked="checked"
/> />
<label v-if="mutationFields.length > 0" for="mutations-tab" <label v-if="mutationFields.length > 0" for="mutations-tab">
>{{ $t("mutations") }}</label {{ $t("mutations") }}
> </label>
<div v-if="mutationFields.length > 0" class="tab"> <div v-if="mutationFields.length > 0" class="tab">
<div v-for="field in mutationFields" :key="field.name"> <div v-for="field in mutationFields" :key="field.name">
<gql-field :gqlField="field" /> <gql-field :gqlField="field" />
@@ -248,9 +244,9 @@
name="side" name="side"
checked="checked" checked="checked"
/> />
<label v-if="subscriptionFields.length > 0" for="subscriptions-tab" <label v-if="subscriptionFields.length > 0" for="subscriptions-tab">
>{{ $t("subscriptions") }}</label {{ $t("subscriptions") }}
> </label>
<div v-if="subscriptionFields.length > 0" class="tab"> <div v-if="subscriptionFields.length > 0" class="tab">
<div v-for="field in subscriptionFields" :key="field.name"> <div v-for="field in subscriptionFields" :key="field.name">
<gql-field :gqlField="field" /> <gql-field :gqlField="field" />
@@ -264,7 +260,9 @@
name="side" name="side"
checked="checked" checked="checked"
/> />
<label v-if="gqlTypes.length > 0" for="gqltypes-tab">{{ $t("types") }}</label> <label v-if="gqlTypes.length > 0" for="gqltypes-tab">
{{ $t("types") }}
</label>
<div v-if="gqlTypes.length > 0" class="tab"> <div v-if="gqlTypes.length > 0" class="tab">
<div v-for="type in gqlTypes" :key="type.name"> <div v-for="type in gqlTypes" :key="type.name">
<gql-type :gqlType="type" /> <gql-type :gqlType="type" />
@@ -435,7 +433,7 @@ export default {
: res; : res;
this.responseString = JSON.stringify(data.data, null, 2); this.responseString = JSON.stringify(data.data, null, 2);
this.$nuxt.$loading.finish(); this.$nuxt.$loading.finish();
const duration = Date.now() - startTime; const duration = Date.now() - startTime;
this.$toast.info(`Finished in ${duration}ms`, { this.$toast.info(`Finished in ${duration}ms`, {
@@ -449,7 +447,6 @@ export default {
}); });
console.log("Error", error); console.log("Error", error);
} }
}, },
async getSchema() { async getSchema() {
const startTime = Date.now(); const startTime = Date.now();

11
pages/index.vue
View File

@@ -126,10 +126,10 @@
<li> <li>
<div class="flex-wrap"> <div class="flex-wrap">
<span> <span>
<pw-toggle :on="rawInput" @change="rawInput = $event" <pw-toggle :on="rawInput" @change="rawInput = $event">
>{{ $t("raw_input") }} {{ $t("raw_input") }}
{{ rawInput ? $t("enabled") : $t("disabled") }}</pw-toggle {{ rawInput ? $t("enabled") : $t("disabled") }}
> </pw-toggle>
</span> </span>
<div> <div>
<label for="payload"> <label for="payload">
@@ -392,8 +392,9 @@
<pw-toggle <pw-toggle
:on="!urlExcludes.auth" :on="!urlExcludes.auth"
@change="setExclude('auth', !$event)" @change="setExclude('auth', !$event)"
>{{ $t("include_in_url") }}</pw-toggle
> >
{{ $t("include_in_url") }}
</pw-toggle>
</div> </div>
</pw-section> </pw-section>
</div> </div>

21
pages/settings.vue
View File

@@ -46,11 +46,12 @@
<pw-toggle <pw-toggle
:on="settings.FRAME_COLORS_ENABLED" :on="settings.FRAME_COLORS_ENABLED"
@change="toggleSetting('FRAME_COLORS_ENABLED')" @change="toggleSetting('FRAME_COLORS_ENABLED')"
>{{ $t("multi_color") }} >
{{ $t("multi_color") }}
{{ {{
settings.FRAME_COLORS_ENABLED ? $t("enabled") : $t("disabled") settings.FRAME_COLORS_ENABLED ? $t("enabled") : $t("disabled")
}}</pw-toggle }}
> </pw-toggle>
</span> </span>
</li> </li>
</ul> </ul>
@@ -64,11 +65,10 @@
<pw-toggle <pw-toggle
:on="settings.PROXY_ENABLED" :on="settings.PROXY_ENABLED"
@change="toggleSetting('PROXY_ENABLED')" @change="toggleSetting('PROXY_ENABLED')"
>{{ $t("proxy") }}
{{
settings.PROXY_ENABLED ? $t("enabled") : $t("disabled")
}}</pw-toggle
> >
{{ $t("proxy") }}
{{ settings.PROXY_ENABLED ? $t("enabled") : $t("disabled") }}
</pw-toggle>
</span> </span>
<a <a
href="https://github.com/liyasthomas/postwoman/wiki/Proxy" href="https://github.com/liyasthomas/postwoman/wiki/Proxy"
@@ -108,11 +108,8 @@
{{ $t("postwoman_official_proxy_hosting") }} {{ $t("postwoman_official_proxy_hosting") }}
<br /> <br />
{{ $t("read_the") }} {{ $t("read_the") }}
<a <a href="https://apollotv.xyz/legal" target="_blank" rel="noopener">
href="https://apollotv.xyz/legal" {{ $t("apollotv_privacy_policy") }} </a
target="_blank"
rel="noopener"
>{{ $t("apollotv_privacy_policy") }}</a
>. >.
</p> </p>
</li> </li>