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

chore: cleanup

Browse Source
This commit is contained in:
liyasthomas
2021-08-27 09:37:29 +05:30
parent 46eb7d6786
commit bba4d7fcd9
39 changed files with 104 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/http/Authorization.vue
View File

@@ -115,14 +115,14 @@
<SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="basicUsername"
class="bg-primary flex flex-1 py-1 px-4"
class="bg-transparent flex flex-1 py-1 px-4"
:placeholder="$t('authorization.username')"
/>
<input
v-else
id="http_basic_user"
v-model="basicUsername"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('authorization.username')"
name="http_basic_user"
/>
@@ -133,14 +133,14 @@
<SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="basicPassword"
class="bg-primary flex flex-1 py-1 px-4"
class="bg-transparent flex flex-1 py-1 px-4"
:placeholder="$t('authorization.password')"
/>
<input
v-else
id="http_basic_passwd"
v-model="basicPassword"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('authorization.password')"
name="http_basic_passwd"
:type="passwordFieldType"
@@ -157,6 +157,7 @@
</div>
<div
class="
bg-primary
h-full
top-upperTertiaryStickyFold
min-w-46
@@ -188,14 +189,14 @@
<SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="bearerToken"
class="bg-primary flex flex-1 py-1 px-4"
class="bg-transparent flex flex-1 py-1 px-4"
placeholder="Token"
/>
<input
v-else
id="bearer_token"
v-model="bearerToken"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Token"
name="bearer_token"
/>
@@ -203,6 +204,7 @@
</div>
<div
class="
bg-primary
h-full
top-upperTertiaryStickyFold
min-w-46
@@ -237,14 +239,14 @@
<SmartEnvInput
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
v-model="oauth2Token"
class="bg-primary flex flex-1 py-1 px-4"
class="bg-transparent flex flex-1 py-1 px-4"
placeholder="Token"
/>
<input
v-else
id="oauth2_token"
v-model="oauth2Token"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Token"
name="oauth2_token"
/>
@@ -253,6 +255,7 @@
</div>
<div
class="
bg-primary
h-full
top-upperTertiaryStickyFold
min-w-46

3
components/http/Body.vue
View File

@@ -5,7 +5,10 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperSecondaryStickyFold
pl-4
z-10
sticky
items-center
justify-between
"

24
components/http/BodyParameters.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperSecondaryStickyFold
top-upperTertiaryStickyFold
pl-4
z-10
sticky
@@ -48,7 +48,7 @@
v-model="param.key"
:placeholder="$t('count.parameter', { count: index + 1 })"
styles="
bg-primaryLight
bg-transparent
flex
flex-1
py-1
@@ -65,7 +65,7 @@
/>
<input
v-else
class="bg-primaryLight flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('count.parameter', { count: index + 1 })"
:name="'param' + index"
:value="param.key"
@@ -96,12 +96,12 @@
v-model="param.value"
:placeholder="$t('count.value', { count: index + 1 })"
styles="
bg-primaryLight
flex
flex-1
py-1
px-4
"
bg-transparent
flex
flex-1
py-1
px-4
"
@change="
updateBodyParam(index, {
key: param.key,
@@ -113,7 +113,7 @@
/>
<input
v-else
class="bg-primaryLight flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('count.value', { count: index + 1 })"
:name="'value' + index"
:value="param.value"
@@ -256,8 +256,6 @@ export default defineComponent({
entry: FormDataKeyValue,
event: InputEvent
) => {
console.log(index, event)
const fileEntry: FormDataKeyValue = {
...entry,
isFile: true,
@@ -304,7 +302,7 @@ export default defineComponent({
@apply flex flex-1;
@apply whitespace-nowrap;
@apply overflow-auto;
@apply bg-primaryLight;
@apply bg-transparent;
.file-chips-wrapper {
@apply flex;

8
components/http/Headers.vue
View File

@@ -50,7 +50,7 @@
:value="header.key"
autofocus
styles="
bg-primary
bg-transparent
flex
flex-1
py-1
@@ -71,7 +71,7 @@
v-model="header.value"
:placeholder="$t('count.value', { count: index + 1 })"
styles="
bg-primary
bg-transparent
flex
flex-1
py-1
@@ -87,7 +87,7 @@
/>
<input
v-else
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('count.value', { count: index + 1 })"
:name="'value' + index"
:value="header.value"
@@ -182,7 +182,6 @@ export default defineComponent({
watch: {
headers$: {
handler(newValue) {
console.log("changed")
if (
(newValue[newValue.length - 1]?.key !== "" ||
newValue[newValue.length - 1]?.value !== "") &&
@@ -203,7 +202,6 @@ export default defineComponent({
addRESTHeader({ key: "", value: "", active: true })
},
updateHeader(index: number, item: HoppRESTHeader) {
console.log(index, item)
updateRESTHeader(index, item)
},
deleteHeader(index: number) {

10
components/http/OAuth2Authorization.vue
View File

@@ -4,7 +4,7 @@
<input
id="oidcDiscoveryURL"
v-model="oidcDiscoveryURL"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="OpenID Connect Discovery URL"
name="oidcDiscoveryURL"
/>
@@ -13,7 +13,7 @@
<input
id="authURL"
v-model="authURL"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Authentication URL"
name="authURL"
/>
@@ -22,7 +22,7 @@
<input
id="accessTokenURL"
v-model="accessTokenURL"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Access Token URL"
name="accessTokenURL"
/>
@@ -31,7 +31,7 @@
<input
id="clientID"
v-model="clientID"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Client ID"
name="clientID"
/>
@@ -40,7 +40,7 @@
<input
id="scope"
v-model="scope"
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
placeholder="Scope"
name="scope"
/>

8
components/http/Parameters.vue
View File

@@ -48,7 +48,7 @@
v-model="param.key"
:placeholder="$t('count.parameter', { count: index + 1 })"
styles="
bg-primary
bg-transparent
flex
flex-1
py-1
@@ -64,7 +64,7 @@
/>
<input
v-else
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('count.parameter', { count: index + 1 })"
:name="'param' + index"
:value="param.key"
@@ -82,7 +82,7 @@
v-model="param.value"
:placeholder="$t('count.value', { count: index + 1 })"
styles="
bg-primary
bg-transparent
flex
flex-1
py-1
@@ -98,7 +98,7 @@
/>
<input
v-else
class="bg-primary flex flex-1 py-2 px-4"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="$t('count.value', { count: index + 1 })"
:name="'value' + index"
:value="param.value"

1
components/http/PreRequestScript.vue
View File

@@ -48,6 +48,7 @@
</div>
<div
class="
bg-primary
h-full
top-upperTertiaryStickyFold
min-w-46

2
components/http/RawBody.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperSecondaryStickyFold
top-upperTertiaryStickyFold
pl-4
z-10
sticky

30
components/http/Request.vue
View File

@@ -26,7 +26,8 @@
px-4
w-28
hover:border-dividerDark
focus-visible:bg-primary focus-visible:border-dividerDark
focus-visible:bg-transparent
focus-visible:border-dividerDark
"
:value="newMethod"
:readonly="!isCustomMethod"
@@ -50,18 +51,18 @@
v-model="newEndpoint"
:placeholder="$t('request.url')"
styles="
bg-primaryLight
border border-divider
flex
flex-1
rounded-r
text-secondaryDark
py-1
px-4
hover:border-dividerDark
focus-visible:border-dividerDark
focus-visible:bg-primary
"
bg-primaryLight
border border-divider
flex
flex-1
rounded-r
text-secondaryDark
py-1
px-4
hover:border-dividerDark
focus-visible:border-dividerDark
focus-visible:bg-transparent
"
@enter="newSendRequest()"
/>
<input
@@ -79,7 +80,7 @@
py-2
px-4
hover:border-dividerDark
focus-visible:bg-primary focus-visible:border-dividerDark
focus-visible:bg-transparent focus-visible:border-dividerDark
"
name="url"
type="text"
@@ -295,7 +296,6 @@ const newSendRequest = () => {
subscribeToStream(
runRESTRequest$(),
(responseState) => {
console.log(responseState)
if (loading.value) {
// Check exists because, loading can be set to false
// when cancelled

1
components/http/Tests.vue
View File

@@ -48,6 +48,7 @@
</div>
<div
class="
bg-primary
h-full
top-upperTertiaryStickyFold
min-w-46