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

Update url at keyup at key-value params (bodyParams and headers) and bodyParam/rawParam at toggle state changes

Browse Source
This commit is contained in:
yubathom
2019-09-05 15:28:29 -03:00
parent 039fbcd809
commit 8a4f9ed33e
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.vue
View File

@@ -95,11 +95,11 @@
<ol v-for="(param, index) in bodyParams"> <ol v-for="(param, index) in bodyParams">
<li> <li>
<label :for="'bparam'+index">Key {{index + 1}}</label> <label :for="'bparam'+index">Key {{index + 1}}</label>
<input :name="'bparam'+index" v-model="param.key"> <input :name="'bparam'+index" v-model="param.key" @keyup.prevent="setRouteQueryState">
</li> </li>
<li> <li>
<label :for="'bvalue'+index">Value {{index + 1}}</label> <label :for="'bvalue'+index">Value {{index + 1}}</label>
<input :name="'bvalue'+index" v-model="param.value"> <input :name="'bvalue'+index" v-model="param.value" @keyup.prevent="setRouteQueryState">
</li> </li>
<li> <li>
<label class="hide-on-small-screen" for="request">&nbsp;</label> <label class="hide-on-small-screen" for="request">&nbsp;</label>
@@ -199,11 +199,11 @@
<ol v-for="(header, index) in headers"> <ol v-for="(header, index) in headers">
<li> <li>
<label :for="'header'+index">Key {{index + 1}}</label> <label :for="'header'+index">Key {{index + 1}}</label>
<input :name="'header'+index" v-model="header.key"> <input :name="'header'+index" v-model="header.key" @keyup.prevent="setRouteQueryState">
</li> </li>
<li> <li>
<label :for="'value'+index">Value {{index + 1}}</label> <label :for="'value'+index">Value {{index + 1}}</label>
<input :name="'value'+index" v-model="header.value"> <input :name="'value'+index" v-model="header.value" @keyup.prevent="setRouteQueryState">
</li> </li>
<li> <li>
<label class="hide-on-small-screen" for="header">&nbsp;</label> <label class="hide-on-small-screen" for="header">&nbsp;</label>
@@ -369,6 +369,10 @@
watch: { watch: {
contentType(val) { contentType(val) {
this.rawInput = !this.knownContentTypes.includes(val); this.rawInput = !this.knownContentTypes.includes(val);
},
rawInput (status) {
if (status && this.rawParams === '') this.rawParams = '{}'
else this.setRouteQueryState()
} }
}, },
computed: { computed: {