thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

feat: visual enhancement for inactive fields (#4760)

Browse source 
Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>
This commit is contained in:
Anwarul Islam 2025-02-19 13:06:15 +06:00 committed by GitHub
parent b70da04ab5
commit 6d21c8c9eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/hoppscotch-common/src/components/http/BodyParameters.vue
View file

@ -94,6 +94,7 @@
</span>
<SmartEnvInput
v-model="entry.key"
:class="{ 'opacity-50': !entry.active }"
:placeholder="`${t('count.parameter', { count: index + 1 })}`"
:auto-complete-env="true"
:envs="envs"
@ -119,6 +120,7 @@
<span v-else class="flex flex-1">
<SmartEnvInput
v-model="entry.value"
:class="{ 'opacity-50': !entry.active }"
:placeholder="`${t('count.value', { count: index + 1 })}`"
:auto-complete-env="true"
:envs="envs"
@ -142,6 +144,7 @@
:auto-complete-env="true"
:auto-complete-source="autoCompleteContenTypes"
:envs="envs"
:class="{ 'opacity-50': !entry.active }"
@change="
updateBodyParam(index, {
key: entry.key,

3
packages/hoppscotch-common/src/components/http/KeyValue.vue
View file

@ -19,6 +19,7 @@
/>
</span>
<SmartEnvInput
:class="{ 'opacity-50': !entityActive }"
:model-value="name"
:placeholder="t('count.key')"
:auto-complete-source="keyAutoCompleteSource"
@ -37,6 +38,7 @@
"
/>
<SmartEnvInput
:class="{ 'opacity-50': !entityActive }"
:model-value="value"
:placeholder="t('count.value')"
:auto-complete-env="true"
@ -59,6 +61,7 @@
:placeholder="t('count.description')"
class="flex flex-1 px-4 bg-transparent"
type="text"
:class="{ 'opacity-50': !entityActive }"
@update:value="emit('update:description', $event.target.value)"
@input="
updateEntity(index, {

2
packages/hoppscotch-common/src/components/http/RequestVariables.vue
View file

@ -84,6 +84,7 @@
<SmartEnvInput
v-model="variable.key"
:placeholder="`${t('count.variable', { count: index + 1 })}`"
:class="{ 'opacity-50': !variable.active }"
@change="
updateVariable(index, {
id: variable.id,
@ -96,6 +97,7 @@
<SmartEnvInput
v-model="variable.value"
:placeholder="`${t('count.value', { count: index + 1 })}`"
:class="{ 'opacity-50': !variable.active }"
@change="
updateVariable(index, {
id: variable.id,

2
packages/hoppscotch-common/src/components/http/URLEncodedParams.vue
View file

@ -86,6 +86,7 @@
</span>
<SmartEnvInput
v-model="param.key"
:class="{ 'opacity-50': !param.active }"
:placeholder="`${t('count.parameter', { count: index + 1 })}`"
:auto-complete-env="true"
:envs="envs"
@ -100,6 +101,7 @@
/>
<SmartEnvInput
v-model="param.value"
:class="{ 'opacity-50': !param.active }"
:placeholder="`${t('count.value', { count: index + 1 })}`"
:auto-complete-env="true"
:envs="envs"